Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -180,21 +180,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
+      <ContactText
+      text="Ready to Hear the World? Schedule a diagnostic checkup at HearTalk today."
       background={{ variant: "sparkles-gradient" }}
-      tag="Get In Touch"
-      title="Ready to Hear the World?"
-      description="Schedule a diagnostic checkup at HearTalk today."
+      useInvertedBackground={false}
       buttons={[{ text: "Book Appointment", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="HearTalk"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
+        { title: "Services", items: [{ label: "AI Diagnostics", href: "#features" }, { label: "Speech Therapy", href: "#features" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
+      ]}
+      copyrightText="© 2025 HearTalk Clinic"
     />
   </div>
       </ReactLenis>