Update src/app/page.tsx

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -142,23 +142,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
+      <ContactText
+      text="Ready to transform your health? Join our professional community and start your journey with us today."
+      buttons={[{ text: "Get Started", href: "#" }]}
       background={{ variant: "gradient-bars" }}
-      tag="Contact Us"
-      title="Start Your Fitness Journey"
-      description="Sign up today to get your first week free and a personal trainer consultation."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBase
+      logoText="California Gym"
       columns={[
         { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Team", href: "#team" }, { label: "Careers", href: "#" }] },
         { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] },
       ]}
-      bottomLeftText="© 2024 California Gym Sousse"
-      bottomRightText="All Rights Reserved"
     />
   </div>
       </ReactLenis>