Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import { Dumbbell, Scale, UserCheck, MapPin, Mail, Phone } from 'lucide-react';
+import { Dumbbell, Scale, UserCheck } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -134,35 +134,36 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      title="Common Questions"
-      description="Frequently Asked Questions about our facility and services."
+      <FaqSplitText
+      useInvertedBackground={true}
       faqs={[
         { id: "f1", title: "Do you offer demo classes?", content: "Yes, we encourage newcomers to try a session." },
         { id: "f2", title: "What are the timings?", content: "We operate from 6 AM to 10 PM daily." },
         { id: "f3", title: "Is personal training available?", content: "Absolutely, tailored 1-on-1 sessions are available." }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gym-background_123.jpg"
+      sideTitle="Common Questions"
+      sideDescription="Need help? Check out our FAQs."
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact Us"
-      title="Visit C2 Fitness"
-      description="Located in MKB Nagar, Chennai. Reach out for membership details or visit us during working hours."
+      <ContactCTA
+      useInvertedBackground={false}
       background={{ variant: "sparkles-gradient" }}
+      tag="Contact Us"
+      title="Start Your Fitness Journey"
+      description="Visit us above Hero Motors in MKB Nagar, Chennai. Contact us for inquiries or to schedule a visit."
+      buttons={[{ text: "Call Now", href: "tel:+914400000000" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="C2 FITNESS"
       columns={[
         { title: "Information", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
-        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
-        { title: "Visit Us", items: [{ label: "MKB Nagar, Chennai", href: "#" }] }
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] }
       ]}
       copyrightText="© 2025 C2 Fitness. All rights reserved."
     />