diff --git a/src/app/page.tsx b/src/app/page.tsx
index da1605a..a69ff1a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { BookOpen, LayoutDashboard, Sparkles } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { BarChart3, LayoutDashboard, Sparkles, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -17,260 +17,103 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
-        contentWidth="mediumSmall"
-        sizing="mediumLargeSizeLargeTitles"
-        background="none"
-        cardStyle="solid"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Student Portfolios"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="ScholarHub"
+            navItems={[
+              { name: "Profile", id: "#about" },
+              { name: "Work", id: "#projects" },
+              { name: "Impact", id: "#testimonials" },
+              { name: "Connect", id: "#contact" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Empowering Future Innovators"
-      description="Showcasing academic rigor, creative projects, and a drive for excellence in every challenge undertaken."
-      tag="Aspiring Professional"
-      buttons={[
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=1",
-          imageAlt: "Hero workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=2",
-          imageAlt: "Hero workspace detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=3",
-          imageAlt: "Hero workspace desk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=4",
-          imageAlt: "Hero workspace view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=5",
-          imageAlt: "Hero workspace light",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studying-moments-pretty-joyful-brunette-young-woman-black-glasses-working-with-laptop-table-library-cheerful-mood-smiling-designing-creative-work-smart-student-success_197531-1865.jpg?_wi=6",
-          imageAlt: "Hero workspace clean",
-        },
-      ]}
-      tagIcon={Sparkles}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardDashboard
+            title="Architecting Future Systems"
+            description="Bridging theoretical computer science with scalable real-world application design."
+            background={{ variant: "sparkles-gradient" }}
+            dashboard={{
+              title: "Academic Progress",              stats: [
+                { title: "GPA", values: [3, 9, 0], description: "Cumulative Performance" },
+                { title: "Projects", values: [1, 5, 0], description: "Production Deployments" },
+                { title: "Research", values: [2, 0, 0], description: "Papers Authored" }
+              ],
+              logoIcon: BookOpen,
+              sidebarItems: [{ icon: LayoutDashboard, active: true }, { icon: BarChart3 }],
+              listTitle: "Current Focus",              listItems: [{ icon: Sparkles, title: "Neural Network Design", status: "In-Progress" }, { icon: Sparkles, title: "Distributed Systems", status: "Completed" }],
+              imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2148810237.jpg"
+            }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Me"
-      title="Dedicated Learner & Problem Solver"
-      description="Currently pursuing a degree in Computer Science with a passion for building user-centric digital experiences."
-      subdescription="My focus lies at the intersection of design and development, aiming to bridge the gap between complex logic and intuitive interfaces."
-      imageSrc="http://img.b2bpic.net/free-photo/teen-boy-with-book-looking-camera_23-2147860565.jpg"
-      mediaAnimation="slide-up"
-      icon={BookOpen}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Engineering Excellence"
+            description="Focused on high-performance architecture and intuitive user experiences. I leverage rigorous data analysis to inform design decisions."
+            metrics={[{ value: "2.5k+", title: "Commits Made" }, { value: "12", title: "Apps Built" }, { value: "4", title: "Languages" }]}
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/software-developer-working-office_23-2149156066.jpg"
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Analytics Dashboard",
-          price: "Tools: React, Node",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Portfolio Website",
-          price: "Tools: Next.js",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Research Data Map",
-          price: "Tools: Python, D3",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "AI Chatbot Prototype",
-          price: "Tools: OpenAI API",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "E-commerce System",
-          price: "Tools: SQL, Java",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg?_wi=2",
-        },
-        {
-          id: "6",
-          name: "Mobile Task App",
-          price: "Tools: Flutter",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg?_wi=2",
-        },
-      ]}
-      title="Selected Projects"
-      description="A collection of academic and side projects highlighting diverse technical and creative skills."
-      tag="Portfolio"
-      tagIcon={LayoutDashboard}
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardFour
+            title="Technical Projects"
+            description="Selected works reflecting full-stack capabilities and algorithm efficiency."
+            animationType="slide-up"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Cognitive Engine", price: "AI / ML", variant: "Production", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" },
+              { id: "2", name: "Data Lattice", price: "Visualization", variant: "Research", imageSrc: "http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Dr. Sarah Miller",
-          role: "Professor",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-aside-being-displeased-making-wry-mouth-sitting-school-desk-front-blackboard-classroom_141793-132918.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Mark Chen",
-          role: "Senior Engineer",
-          company: "Tech Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-stylish-young-couple-having-fun-indoors_273609-9456.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Davis",
-          role: "Academic Advisor",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-puzzled-sitting-school-desk-front-blackboard-classroom_141793-131757.jpg",
-        },
-        {
-          id: "4",
-          name: "John Doe",
-          role: "Internship Lead",
-          company: "Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cnc-machine-machine-operator-standing-factory-looking-camera_637285-4170.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Smith",
-          role: "Lead Researcher",
-          company: "Research Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-aside-being-displeased-making-wry-mouth-sitting-school-desk-front-blackboard-classroom_141793-132918.jpg?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "3.9",
-          label: "GPA",
-        },
-        {
-          value: "10+",
-          label: "Projects Completed",
-        },
-        {
-          value: "2",
-          label: "Internships",
-        },
-      ]}
-      title="What Mentors Say"
-      description="Feedback from professors and internship supervisors regarding my technical contribution and work ethic."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            title="Peer & Professional Feedback"
+            description="Insights from industry leaders and mentors on my work ethic and technical rigor."
+            showRating={true}
+            animationType="depth-3d"
+            textboxLayout="default"
+            testimonials={[
+              { id: "1", name: "Dr. Alistair Vance", handle: "Lead Researcher", testimonial: "A truly exceptional talent in algorithm design.", rating: 5 },
+              { id: "2", name: "Sophia Chen", handle: "Tech Lead", testimonial: "Delivered high-quality code in record time.", rating: 5 }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in Touch"
-      title="Let's Collaborate"
-      description="Open to internship opportunities and collaborative academic projects. Feel free to reach out anytime."
-      imageSrc="http://img.b2bpic.net/free-photo/freelance-specialists-working-together-drinking-coffee-after-photoshoot_197531-4969.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Open for Collaboration"
+            description="Reach out to discuss research opportunities or software engineering roles."
+            inputs={[{ name: "email", type: "email", placeholder: "Email Address" }, { name: "subject", type: "text", placeholder: "Subject" }]}
+            textarea={{ name: "message", placeholder: "How can we build together?" }}
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-office_23-2149312521.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Student Portfolios"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "GitHub",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="ScholarHub"
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-tech-background_23-2149091932.jpg"
+            columns={[{ title: "Links", items: [{ label: "Research", href: "#projects" }, { label: "Contact", href: "#contact" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );