diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4aa262f..f2205d7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import { BrainCircuit, Cpu, Zap, Target } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,165 +26,77 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+  <div id="nav">
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Architecture",
-          id: "architecture",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Architecture", id: "architecture" },
+        { name: "Metrics", id: "metrics" },
+        { name: "Features", id: "features" },
       ]}
       brandName="RAS Scheduler"
-      button={{
-        text: "Get Started",
-      }}
+      button={{ text: "Get Started" }}
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Optimizing Resources Through Smart Scheduling"
+  <div id="hero">
+      <HeroLogo
+      logoText="RAS Scheduler"
       description="A sophisticated system designed to efficiently allocate resources by evaluating task requirements, priorities, and system constraints to minimize idle time."
+      buttons={[{ text: "Get Started", href: "#metrics" }]}
       imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
-      imageAlt="Resource Allocation Dashboard UI"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#metrics",
-        },
-      ]}
     />
   </div>
 
-  <div id="architecture" data-section="architecture">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="System Architecture & Flow"
-      description={[
-        "Our system architecture consists of five core layers: User Input, Preprocessing, Resource Pool, Scheduling Engine, and Visualization.",
-        "This modular design ensures that task requirements are validated, resource status is tracked in real-time, and algorithms are applied to ensure optimal allocation efficiency.",
-      ]}
+  <div id="architecture">
+      <InlineImageSplitTextAbout
+      heading={[{ type: "text", content: "System Architecture & Flow" }]}
+      buttons={[{ text: "Learn More" }]}
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
+  <div id="metrics">
+      <MetricCardOne
       title="Real-time Resource Distribution"
-      tag="Efficiency Metrics"
-      metrics={[
-        {
-          id: "m1",
-          value: "60%",
-          description: "CPU Utilization",
-        },
-        {
-          id: "m2",
-          value: "70%",
-          description: "Memory Allocation",
-        },
-        {
-          id: "m3",
-          value: "80%",
-          description: "Manpower Efficiency",
-        },
-        {
-          id: "m4",
-          value: "90%",
-          description: "Storage Capacity",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
+      gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Priority Allocation",
-          description: "Automated scheduling based on task urgency and system availability.",
-          imageSrc: "http://img.b2bpic.net/free-vector/online-marketing-sticker-set_534985-34.jpg",
-          titleIconSrc: "http://img.b2bpic.net/free-vector/online-marketing-sticker-set_534985-34.jpg",
-          buttonText: "View Strategy",
-        },
-        {
-          title: "Idle Time Reduction",
-          description: "Minimize waste by balanced resource distribution across all modules.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-notebook-clock-arrangement_23-2149320924.jpg",
-          titleIconSrc: "http://img.b2bpic.net/free-photo/high-angle-notebook-clock-arrangement_23-2149320924.jpg",
-          buttonText: "Check Efficiency",
-        },
-        {
-          title: "System Scalability",
-          description: "Dynamic adaptation to changing project demands and task counts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies_171337-13070.jpg",
-          titleIconSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies_171337-13070.jpg",
-          buttonText: "Explore",
-        },
+      metrics={[
+        { id: "m1", value: "60%", title: "CPU Utilization", description: "Average usage", icon: Cpu },
+        { id: "m2", value: "70%", title: "Memory Allocation", description: "Available capacity", icon: BrainCircuit },
+        { id: "m3", value: "80%", title: "Manpower Efficiency", description: "Team output", icon: Target },
+        { id: "m4", value: "90%", title: "Storage Capacity", description: "Total volume", icon: Zap },
       ]}
+    />
+  </div>
+
+  <div id="features">
+      <FeatureCardTwentyThree
+      animationType="slide-up"
       title="Key Features"
-      description="Powerful capabilities to solve your resource scheduling challenges."
+      textboxLayout="split"
+      features={[
+        { id: "f1", title: "Priority Allocation", tags: ["Strategy"], imageSrc: "http://img.b2bpic.net/free-vector/online-marketing-sticker-set_534985-34.jpg" },
+        { id: "f2", title: "Idle Time Reduction", tags: ["Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-notebook-clock-arrangement_23-2149320924.jpg" },
+        { id: "f3", title: "System Scalability", tags: ["Growth"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies_171337-13070.jpg" },
+      ]}
     />
   </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
+  <div id="socialProof">
+      <TestimonialCardSix
+      title="Client Feedback"
+      animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Industry Leaders"
-      description="Join companies optimizing their project management workflow with our scheduler."
-      tag="Partnerships"
-      names={[
-        "TechFlow",
-        "DataBridge",
-        "CloudCore",
-        "SyncroSystems",
-        "VertexSolutions",
+      testimonials={[
+        { id: "t1", name: "TechFlow Inc", handle: "@techflow", testimonial: "The resource allocation has significantly improved our project delivery timelines." },
+        { id: "t2", name: "DataBridge", handle: "@databridge", testimonial: "A robust and reliable system that fits perfectly into our infrastructure." },
       ]}
     />
   </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Documentation",
-          items: [
-            {
-              label: "Abstract",
-              href: "#",
-            },
-            {
-              label: "Architecture",
-              href: "#architecture",
-            },
-            {
-              label: "Results",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+  <div id="footer">
+      <FooterCard
       logoText="RAS Project"
       copyrightText="© 2025 Resource Management Team"
     />
@@ -191,4 +104,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file