diff --git a/src/app/page.tsx b/src/app/page.tsx
index e62a0b5..e2aff64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,13 +5,12 @@ import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCa
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Plane, Compass, Instagram, Facebook } from "lucide-react";
+import { Sparkles, Plane, Compass } from "lucide-react";
 
 export default function LuxuryTravelAgencyTemplatePage() {
     return (
@@ -53,7 +52,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                     ]}
                     showDimOverlay={true}
                 />
-                <div id="about">
+                <div id="about" data-section="about">
                     <InlineImageSplitTextAbout
                         className="pt-40"
                         heading={[
@@ -67,7 +66,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         useInvertedBackground={false}
                     />
                 </div>
-                <div id="services">
+                <div id="services" data-section="services">
                     <FeatureCardOne
                         tag="Coastal Services"
                         tagIcon={Sparkles}
@@ -88,7 +87,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                     />
                 </div>
-                <div id="destinations">
+                <div id="destinations" data-section="destinations">
                     <FeatureCardNine
                         tag="Our Journey Process"
                         tagIcon={Compass}
@@ -111,7 +110,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         ]}
                     />
                 </div>
-                <div id="reviews">
+                <div id="reviews" data-section="reviews">
                     <TestimonialCardFifteen
                         testimonial="Walking the beach at dawn was exactly what we needed. Everything was handled with grace and care. Truly a transformative experience that we will cherish forever."
                         rating={5}
@@ -122,18 +121,14 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         useInvertedBackground={false}
                     />
                 </div>
-                <div id="contact">
-                    <ContactSplitForm
-                        title="Start Your Escape"
-                        description="Tell us your ideal destination and let's start planning your coastal dream."
-                        useInvertedBackground={false}
-                        imageSrc="http://img.b2bpic.net/free-photo/tender-family-walking-beach-sundown-man-woman-casual-clothes-strolling-near-water-dusk-love-family-nature-concept_74855-22720.jpg"
-                        imageAlt="Romantic beach setting"
+                <div id="contact" data-section="contact">
+                    <ContactText
+                        text="Tell us your ideal destination and let's start planning your coastal dream."
                         background={{ variant: "plain" }}
-                        buttonText="Start Planning"
+                        useInvertedBackground={false}
                     />
                 </div>
-                <FooterCard
+                <FooterBaseCard
                     logoText="Azure Shores"
                     copyrightText="© 2025 Azure Shores Coastal Retreats"
                     columns={[]}