diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 3304cac..d8e03e8 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextAbout from '@/components/sections/about/TextAbout';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,89 +21,33 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Overview",
-          id: "/overview",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-      ]}
-      brandName="Resort"
-    />
-  </div>
-
-  <div id="about-body" data-section="about-body">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Rooted in Serenity"
-      description={[
-        "Founded on the principles of peace and connection to nature, our resort is designed to serve as a retreat from the modern world.",
-        "We invite you to breathe deeper, live slower, and experience luxury in its most genuine form.",
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Our Sustainable Legacy"
-      buttons={[
-        {
-          text: "Learn About Our Impact",
-          href: "/about",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Resort",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Experiences",
-              href: "/overview",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Resort."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Overview", id: "/overview" },
+            { name: "About", id: "/about" },
+          ]}
+          brandName="Resort"
+        />
+        <div className="pt-32 pb-20">
+          <TextSplitAbout
+            title="Our Story"
+            description={[
+              "Founded in 2010, our resort was built on the belief that nature is the ultimate luxury.",              "We aimed to create a sanctuary where guests can disconnect from the digital world and reconnect with the serene beauty of the riverside.",              "Every detail of our architecture and service is designed to harmonize with the local environment, ensuring a sustainable and peaceful stay for everyone."
+            ]}
+            buttons={[{ text: "View Overview", href: "/overview" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterSimple
+          columns={[
+            { title: "Resort", items: [{ label: "About", href: "/about" }, { label: "Overview", href: "/overview" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+          ]}
+          bottomLeftText="© 2024 Resort."
+          bottomRightText="All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/overview/page.tsx b/src/app/overview/page.tsx
index fa62f02..11e520d 100644
--- a/src/app/overview/page.tsx
+++ b/src/app/overview/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 
-export default function LandingPage() {
+export default function OverviewPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,100 +22,42 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Overview",
-          id: "/overview",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-      ]}
-      brandName="Resort"
-    />
-  </div>
-
-  <div id="overview-body" data-section="overview-body">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="A Sanctuary of Nature"
-      description={[
-        "Our resort offers a unique blend of refined luxury and untouched natural beauty, ensuring a stay that nourishes the soul.",
-        "Experience serene infinity pools, lush gardens, and premium service designed to exceed every expectation.",
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Your Stay, Answered"
-      description="Common questions about our services and amenities."
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-villa-with-infinity-pool-overlooking-sea_23-2152008209.jpg"
-      faqs={[
-        {
-          id: "1",
-          title: "What are the check-in times?",
-          content: "Check-in is from 3:00 PM.",
-        },
-        {
-          id: "2",
-          title: "Is parking available?",
-          content: "Yes, we provide complimentary valet parking.",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Resort",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Experiences",
-              href: "/overview",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Resort."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Overview", id: "/overview" },
+            { name: "About", id: "/about" },
+          ]}
+          brandName="Resort"
+        />
+        <div className="pt-32 pb-20">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Resort Features"
+            description="Discover the amenities and experiences crafted for your perfect escape."
+            features={[
+              { tag: "Wellness", title: "Infinity Pool", subtitle: "Relaxation", description: "Enjoy our world-class infinity pool overlooking the river.", imageSrc: "http://img.b2bpic.net/free-photo/orlando-downtown-architecture_649448-4667.jpg" },
+              { tag: "Dining", title: "Riverside Bistro", subtitle: "Fine Dining", description: "Farm-to-table cuisine prepared by award-winning chefs.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497253.jpg" },
+              { tag: "Nature", title: "Private Gardens", subtitle: "Peaceful Walk", description: "Meticulously landscaped paths for serene morning walks.", imageSrc: "http://img.b2bpic.net/free-photo/white-wooden-gates-with-trees-tropical-park-resort-turkey_627829-7136.jpg" }
+            ]}
+          />
+        </div>
+        <ContactCTA
+          tag="Ready?"
+          title="Book Your Stay"
+          description="Secure your room today and prepare for ultimate relaxation."
+          buttons={[{ text: "Book Now", href: "#" }]}
+        />
+        <FooterSimple
+          columns={[
+            { title: "Resort", items: [{ label: "About", href: "/about" }, { label: "Overview", href: "/overview" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+          ]}
+          bottomLeftText="© 2024 Resort."
+          bottomRightText="All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 89ed9b8..a439720 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -147,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
index 2fad377..d94ef65 100644
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
-export default function LandingPage() {
+export default function ReviewsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,114 +22,50 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Overview",
-          id: "/overview",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-      ]}
-      brandName="Resort"
-    />
-  </div>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Overview", id: "/overview" },
+            { name: "Reviews", id: "/reviews" },
+            { name: "About", id: "/about" },
+          ]}
+          brandName="Resort"
+        />
 
-  <div id="reviews-body" data-section="reviews-body">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="A truly magical place. Every single detail felt intentional and luxurious. We'll be back for sure!"
-      rating={5}
-      author="James Anderson"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-stylish-woman-standing-pier-walking-listening-music-headphones-summer-apparel-white-skirt-handbag-azure-water-landscape-background-tropical-lagoon-vacation-traveling-asia_285396-5960.jpg",
-          alt: "James",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/traveler-stands-high-altitude-wilderness-admiring-breathtaking-scenery_482257-120201.jpg",
-          alt: "Reviewer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-outside_23-2148291364.jpg",
-          alt: "Reviewer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hiker-dressed-warm-clothing-stands-mountain-peak_482257-119837.jpg",
-          alt: "Reviewer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-hippie-woman-bright-leggings-round-glasses-nature_1321-2530.jpg",
-          alt: "Reviewer 5",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="reviews" className="py-20">
+          <TestimonialCardOne
+            title="What Our Guests Say"
+            description="Discover why travelers love their stay at our resort."
+            gridVariant="bento-grid"
+            animationType="blur-reveal"
+            textboxLayout="default"
+            testimonials={[
+              {
+                id: "1",                name: "Alex Thompson",                role: "Vacationer",                company: "Global Travel",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-smiling_23-2148665464.jpg"},
+              {
+                id: "2",                name: "Mark Rivera",                role: "Adventurer",                company: "Nature Seekers",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/natural-white-woman-posing-near-pool-palm-trees_273443-4335.jpg"}
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Travelers"
-      description="Join our community of satisfied guests from around the globe."
-      names={[
-        "Condé Nast Traveler",
-        "Travel & Leisure",
-        "Luxury Hotel Association",
-        "Eco-Resort Gold",
-        "Global Travel Awards",
-      ]}
-    />
-  </div>
+        <ContactCTA
+          tag="Book Your Stay"
+          title="Ready to experience the tranquility?"
+          description="Our booking calendar is open. Contact us today to secure your dates."
+          buttons={[{ text: "Book Online", href: "#" }]}
+        />
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Resort",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Experiences",
-              href: "/overview",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Resort."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <FooterSimple
+          columns={[
+            { title: "Resort", items: [{ label: "About", href: "/about" }, { label: "Experiences", href: "/overview" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+          ]}
+          bottomLeftText="© 2024 Resort."
+          bottomRightText="All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 578efaa..c480bac 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-figtree), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-figtree), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4d63d0d..c06d36c 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,12 +10,12 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fdfdfb;
-  --card: #f8f9f6;
-  --foreground: #0a1f0a;
+  --background: #fbfcf8;
+  --card: #f0f2ea;
+  --foreground: #1a2a1a;
   --primary-cta: #c5a059;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #0a1f0a;
+  --secondary-cta: #f0f2ea;
   --secondary-cta-text: #ffffff;
   --accent: #1a4d1a;
   --background-accent: #e6e1d5;