diff --git a/src/app/page.tsx b/src/app/page.tsx
index ddc6939..55fca60 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,243 +2,113 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { BrainCircuit, BookOpenText, Microscope, FileText } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeMediumTitles"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
         background="noise"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="extrabold"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "DFT Basics",
-          id: "dft",
-        },
-        {
-          name: "Research",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="MoS2 Research"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Overview", id: "hero" },
+              { name: "Framework", id: "dft" },
+              { name: "Findings", id: "metrics" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="MoS2 Research Portal"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="MoS2 & Sr2FeMoO6"
-      description="Exploration of electronic properties in doped monolayer MoS2 systems using cutting-edge Density Functional Theory frameworks."
-      buttons={[
-        {
-          text: "Explore Research",
-          href: "#dft",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-colorful-geometric-forms_23-2148830196.jpg"
-      imageAlt="MoS2 Crystal Structure"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            title="Electronic Properties of Monolayer MoS2"
+            description="Advanced DFT-based computational study investigating the impact of dopants on the electronic structure of monolayer transition metal dichalcogenides."
+            tag="Scientific Research"
+            tagIcon={BrainCircuit}
+            rating={5}
+            ratingText="Published peer-reviewed dataset"
+            mediaItems={[
+                { imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-colorful-geometric-forms_23-2148830196.jpg", imageAlt: "Crystal structure" },
+                { imageSrc: "https://img.b2bpic.net/free-photo/wireframe-terrain_1048-11813.jpg", imageAlt: "DFT simulation output" }
+            ]}
+          />
+        </div>
 
-  <div id="dft" data-section="dft">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          label: "Foundations",
-          title: "Hohenberg-Kohn Theorems",
-          items: [
-            "Existence of universal density functional",
-            "Energy minimization proof",
-          ],
-        },
-        {
-          id: "2",
-          label: "Approximation",
-          title: "Kohn-Sham Equations",
-          items: [
-            "Non-interacting particles mapping",
-            "Effective potential calculation",
-          ],
-        },
-        {
-          id: "3",
-          label: "Computation",
-          title: "Numerical Strategy",
-          items: [
-            "Pseudopotential implementation",
-            "Exchange-correlation functionals",
-          ],
-        },
-      ]}
-      title="Theoretical Framework"
-      description="Understanding the fundamental principles of quantum systems within our DFT simulations."
-    />
-  </div>
+        <div id="dft" data-section="dft">
+          <FeatureCardTwentyNine
+            title="Theoretical Framework"
+            description="Our analysis utilizes Density Functional Theory to map complex quantum phenomena into solvable models."
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            features={[
+              {
+                title: "Kohn-Sham Equations",                description: "Simplifying many-body interactions into non-interacting particles.",                imageSrc: "https://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes_1150-10904.jpg",                titleIconSrc: "",                buttonText: "Learn More"
+              },
+              {
+                title: "Exchange-Correlation",                description: "Addressing functional approximations for electron density correlation.",                imageSrc: "https://img.b2bpic.net/free-photo/close-up-technology-circuit_23-2149187310.jpg",                titleIconSrc: "",                buttonText: "Learn More"
+              },
+              {
+                title: "Simulation Stability",                description: "Iterative convergence strategies for reliable bandgap estimation.",                imageSrc: "https://img.b2bpic.net/free-photo/low-poly-style-background_23-2148830196.jpg",                titleIconSrc: "",                buttonText: "Learn More"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "1.25 eV",
-          title: "Band Gap Narrowing",
-          items: [
-            "Significant decrease",
-            "Doping influence",
-          ],
-        },
-        {
-          id: "m2",
-          value: "99.2%",
-          title: "Simulation Accuracy",
-          items: [
-            "Pseudopotential fit",
-            "Numerical stability",
-          ],
-        },
-        {
-          id: "m3",
-          value: "48 hrs",
-          title: "Computational Time",
-          items: [
-            "Optimized kernels",
-            "Scalable clusters",
-          ],
-        },
-      ]}
-      title="Key Parameters & Findings"
-      description="Core metrics extracted from thesis-grade DFT simulation data."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            title="Research Findings"
+            description="Extracted parameters from high-performance computation cluster runs."
+            gridVariant="bento-grid"
+            animationType="blur-reveal"
+            textboxLayout="split"
+            metrics={[
+              { id: "1", value: "1.25eV", description: "Calculated band gap for monolayer MoS2 system" },
+              { id: "2", value: "99.8%", description: "Simulation convergence fidelity during optimization" },
+              { id: "3", value: "48hr", description: "Compute time per iteration using optimized kernels" }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Access Research Tiers"
-      description="Select the level of depth required for your academic or industrial inquiry."
-      plans={[
-        {
-          id: "p1",
-          badge: "Lite",
-          price: "$0",
-          subtitle: "Basic insights",
-          features: [
-            "Access to abstract",
-            "Summary PDF",
-            "Methodology overview",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Pro",
-          price: "$29",
-          subtitle: "Advanced simulation data",
-          features: [
-            "Full technical whitepaper",
-            "Raw DFT data access",
-            "Methodology walkthrough",
-            "Direct Q&A session",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Inquiries"
+            tagIcon={FileText}
+            title="Inquire About Data"
+            description="Interested in our DFT methodologies or raw dataset? Please submit an institutional request."
+            buttons={[{ text: "Request Access" }]}
+            background={{ variant: "radial-gradient" }}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Discuss Research"
-      description="Request detailed whitepapers or discuss the integration of Sr2FeMoO6 with monolayer MoS2."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Institutional Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your research inquiry...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/wireframe-terrain_1048-11813.jpg"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "DFT Documentation",
-              href: "#",
-            },
-            {
-              label: "Thesis Archive",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Lab",
-              href: "#",
-            },
-            {
-              label: "Partners",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="MoS2 Labs"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            logoText="MoS2 DFT Lab"
+            imageSrc="https://img.b2bpic.net/free-photo/abstract-dark-background_1150-10904.jpg"
+            columns={[
+              { title: "Lab", items: [{ label: "Publications", href: "#" }, { label: "Team", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );