diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..9c5ac93
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="RAGEC"
+        />
+        <TextSplitAbout
+          title="About Our Legacy"
+          description={["We bring years of expertise to geotechnical engineering and infrastructure development.", "Our mission is to build the future with precision."]}
+        />
+        <FooterLogoReveal logoText="RAGEC" leftLink={{ text: "Policy" }} rightLink={{ text: "Terms" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..acbd1e2
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="RAGEC"
+        />
+        <ContactSplit
+          tag="Contact Us"
+          title="Let's Connect"
+          description="Reach out to us to start a conversation about your infrastructure goals."
+        />
+        <FooterLogoReveal logoText="RAGEC" leftLink={{ text: "Policy" }} rightLink={{ text: "Terms" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08f247f..34781c5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Expertise",
-          id: "#expertise",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="RAGEC"
     />
@@ -55,321 +43,29 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Engineering Infrastructure That Endures"
       description="RAGEC delivers world-class road and geotechnical solutions for complex projects across Pakistan. Trusted by government bodies and private developers for precision, safety, and excellence."
       kpis={[
-        {
-          value: "150+",
-          label: "Projects Completed",
-        },
-        {
-          value: "25+",
-          label: "Years Experience",
-        },
-        {
-          value: "50+",
-          label: "Certified Engineers",
-        },
+        { value: "150+", label: "Projects Completed" },
+        { value: "25+", label: "Years Experience" },
+        { value: "50+", label: "Certified Engineers" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Explore Our Projects",
-          href: "#projects",
-        },
-      ]}
+      buttons={[{ text: "Explore Our Projects", href: "/projects" }]}
       imageSrc="http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317335.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-highway-taken-by-drone_23-2148346107.jpg",
-          alt: "Modern highway taken by drone",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-narrow-asphalt-road-going-through-grass-covered-hills_181624-29136.jpg",
-          alt: "Vertical high angle shot of a narrow asphalt road",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317312.jpg",
-          alt: "Scene of construction site with equipment",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mountain-path-road-panoramic-landscape_158595-6058.jpg",
-          alt: "Mountain path road on panoramic landscape",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-shot-construction-process-bridge-river_181624-1127.jpg",
-          alt: "Aerial shot of construction process of a bridge over a river",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Geotechnical",
-        },
-        {
-          type: "text",
-          text: "Highway Engineering",
-        },
-        {
-          type: "text",
-          text: "Structural Analysis",
-        },
-        {
-          type: "text",
-          text: "Precision",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Advanced Geotechnical Expertise"
-      description={[
-        "With over two decades of dedicated service, RAGEC stands at the forefront of geotechnical engineering innovation. We provide comprehensive subsurface investigation, ground stabilization, and structural consultancy services tailored to the most demanding infrastructure environments.",
-        "Our multidisciplinary team combines deep technical knowledge with cutting-edge analysis tools to deliver solutions that are cost-effective, durable, and fully compliant with international safety standards.",
-      ]}
-    />
-  </div>
-
-  <div id="expertise" data-section="expertise">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Foundation Engineering",
-          description: "High-precision structural foundations for large-scale infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-architecture-design_23-2148252762.jpg",
-        },
-        {
-          title: "Ground Stabilization",
-          description: "Advanced geotechnical techniques for complex terrain management.",
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22896.jpg",
-        },
-        {
-          title: "Material Testing",
-          description: "Rigorous quality assurance in our advanced testing laboratories.",
-          imageSrc: "http://img.b2bpic.net/free-photo/iceland-landscape-beautiful-plains_23-2149099971.jpg",
-        },
-      ]}
-      title="Core Engineering Capabilities"
-      description="Comprehensive infrastructure solutions driven by technical excellence."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: CheckCircle,
-          title: "Quality Compliance",
-          value: "99.9%",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Client Retention",
-          value: "95%",
-        },
-        {
-          id: "m3",
-          icon: Shield,
-          title: "Zero Incident Rate",
-          value: "100%",
-        },
-      ]}
-      title="Proven Performance Metrics"
-      description="Measurable results delivered through engineering precision."
-    />
-  </div>
-
-  <div id="projects" data-section="projects">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Road Works",
-          name: "Highway Interchange P1",
-          price: "High Complexity",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-692.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Infrastructure",
-          name: "Pavement Engineering A4",
-          price: "High Complexity",
-          rating: 5,
-          reviewCount: "2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Geotechnical",
-          name: "Tunnel Stabilization T9",
-          price: "Complex",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-roller-coaster-rail-amusement-park_23-2147910653.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Road Works",
-          name: "Highway Interchange P2",
-          price: "High Complexity",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-road-with-people-umbrellas-rainy-day_23-2148757078.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Infrastructure",
-          name: "Pavement Engineering A5",
-          price: "High Complexity",
-          rating: 5,
-          reviewCount: "2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-126.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Geotechnical",
-          name: "Tunnel Stabilization T10",
-          price: "Complex",
-          rating: 5,
-          reviewCount: "2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/ground-beautiful-view-stalactites-stalagmites-underground-cavern-new-athos-cave-sacred-ancient-underworld-formations_1217-1719.jpg",
-        },
-      ]}
-      title="Featured Infrastructure Projects"
-      description="Showcasing world-class achievements in road and geotechnical engineering."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Mr. Ahmed Khan",
-          handle: "Infrastructure Authority",
-          testimonial: "RAGEC’s technical competence and commitment to deadlines are unmatched in the region.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-builder-works_1398-1739.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sara Malik",
-          handle: "Lead Developer",
-          testimonial: "The precision they brought to our geotechnical survey was vital for the project's success.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-with-helmet-outdoors_23-2148269262.jpg",
-        },
-        {
-          id: "t3",
-          name: "Dr. Farhan Yousaf",
-          handle: "Senior Consultant",
-          testimonial: "Exceptional understanding of complex infrastructure engineering. A truly professional partner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
-        },
-        {
-          id: "t4",
-          name: "Ms. Zoya Bashir",
-          handle: "Municipal Authority",
-          testimonial: "Their adherence to international safety standards has been a great asset to our operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-successful-entrepreneur-helmet-with-project-laptop-new-buildings-stay-near-glass-roof_496169-971.jpg",
-        },
-        {
-          id: "t5",
-          name: "Ali Hassan",
-          handle: "Joint-Venture Lead",
-          testimonial: "A reliable, capable partner with deep local knowledge and high engineering standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589589.jpg",
-        },
-      ]}
-      title="Industry Testimonials"
-      description="What our commercial and government partners say about us."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "What types of road infrastructure does RAGEC specialize in?",
-          content: "We specialize in highway design, complex pavement engineering, and geotechnical support systems for multi-lane road networks.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide consultancy services for international partners?",
-          content: "Yes, we regularly collaborate with international consultants, providing regional expertise, regulatory compliance support, and local technical oversight.",
-        },
-        {
-          id: "f3",
-          title: "How do you ensure geotechnical project safety?",
-          content: "We utilize rigorous subsurface investigation, advanced modelling software, and independent quality assurance audits at every phase.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-people-looking-plans-office_23-2148017109.jpg"
-      title="Frequently Asked Questions"
-      description="Clear answers to your technical and commercial queries."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-animated",
-      }}
-      tag="Get in touch"
-      title="Start Your Project"
-      description="Let's discuss how our engineering expertise can support your next major infrastructure development."
-      imageSrc="http://img.b2bpic.net/free-photo/judge-harry-pregerson-interchange-los-angeles_181624-14123.jpg"
-      mediaAnimation="opacity"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="RAGEC"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms & Conditions", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..5d8d3f9
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ProjectsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="RAGEC"
+        />
+        <ProductCardTwo
+          title="Our Projects"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+        />
+        <FooterLogoReveal logoText="RAGEC" leftLink={{ text: "Policy" }} rightLink={{ text: "Terms" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 38cd8a1..49706bd 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-tt-hoves), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-tt-hoves), sans-serif;
 }