diff --git a/src/app/retreats/page.tsx b/src/app/retreats/page.tsx
index e738004..6e33deb 100644
--- a/src/app/retreats/page.tsx
+++ b/src/app/retreats/page.tsx
@@ -3,8 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import TextAbout from '@/components/sections/about/TextAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Zap } from 'lucide-react';
 
 export default function RetreatsPage() {
   return (
@@ -21,30 +22,38 @@ export default function RetreatsPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Retreats", id: "/retreats" },
-              { name: "About", id: "/about" },
-              { name: "FAQ", id: "/faq" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Swim Retreats"
-        />
-        <div className="pt-32 pb-20">
-            <TextAbout 
-                title="Retreat Decision Hub"
-                description="Explore our curated selection of wild swimming retreats. Compare locations, difficulty levels, and seasonal offerings to find your perfect match."
-                tag="Choose Your Adventure"
-                useInvertedBackground={false}
-            />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Retreats", id: "/retreats" },
+                { name: "About", id: "/about" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Swim Retreats"
+          />
         </div>
-        <FooterLogoEmphasis
-            columns={[
-              { items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
-            ]}
+        <div id="about-section" data-section="about-section">
+          <TestimonialAboutCard 
+            tag="Choose Your Adventure"
+            title="Retreat Decision Hub"
+            description="Explore our curated selection of wild swimming retreats. Compare locations, difficulty levels, and seasonal offerings to find your perfect match."
+            subdescription="Start your journey to calm waters."
+            icon={Zap}
+            imageSrc="https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?q=80&w=2000"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
             logoText="Swim Retreats"
-        />
+            imageSrc="https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?q=80&w=2000"
+            columns={[
+              { title: "Navigation", items: [{ label: "Retreats", href: "/retreats" }, { label: "About Us", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );