diff --git a/app/page.tsx b/app/page.tsx
index c9973f1..f666a58 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -4,6 +4,7 @@ import { routes } from "./const";
 import Navbar from "@/components/Navbar";
 import Tracks from "./tracks/Tracks";
 import Header from "@/components/Header";
+import SponserInfo from "@/components/SponsorInfo"
 import RetroRemix from "@/components/RetroRemix/RetroRemix";
 import Schedule from "@/components/Schedule/Schedule";
 
@@ -18,6 +19,12 @@ const Home = () => {
         <div id="theme" className="flex flex-col items-center justify-center h-screen text-white">
           <RetroRemix />
         </div>
+        <div className="font-akshar flex flex-col items-center justify-center h-fit text-white">
+          <SponserInfo />
+        </div>
+        <div className="flex flex-col items-center justify-center min-h-screen text-white">section</div>
+        <div className="flex flex-col items-center justify-center min-h-screen text-white">section</div>
+        <div id="about" className="flex flex-col items-center justify-center min-h-screen text-white">section</div>
 
         <div className="flex flex-col items-center justify-center min-h-screen text-white"></div>
         <div className="h-auto w-full">
diff --git a/components/SponsorInfo.tsx b/components/SponsorInfo.tsx
new file mode 100644
index 0000000..b1d195e
--- /dev/null
+++ b/components/SponsorInfo.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+const SponsorInfo = () => {
+    return (
+        <section className='h-fit w-[90%] flex flex-col items-center justify-center p-4 mt-[35%] md:p-8 text-white'>
+            <div className='w-full max-w-7xl flex flex-col mx-auto items-center justify-center'>
+                <h2 className='font-neuropol text-3xl bg-white/10 backdrop-blur-md md:text-5xl rounded-full p-10 font-bold text-center mb-12 shadow-xl/30 w-fit'>
+                    Let&apos;s talk numbers!
+                </h2>
+                <div className='grid grid-cols-1 md:grid-cols-3 gap-8 w-full'>
+                    {/* Card 1 */}
+                    <div className="bg-white/10 backdrop-blur-md border w-auto border-white/20 rounded-3xl shadow-xl/30 p-8 h-96 flex items-center justify-center">
+                        <p className="text-xl">Graph 1 Area</p>
+                    </div>
+                    {/* Card 2 */}
+                    <div className="bg-white/10 backdrop-blur-md border w-auto border-white/20 rounded-3xl shadow-xl/30 p-8 h-96 flex items-center justify-center">
+                        <p className="text-xl">Graph 2 Area</p>
+                    </div>
+                    {/* Card 3 */}
+                    <div className="bg-white/10 backdrop-blur-md border w-auto border-white/20 rounded-3xl shadow-xl/30 p-8 h-96 flex items-center justify-center">
+                        <p className="text-xl">Info/Reviews Area</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default SponsorInfo;
\ No newline at end of file