Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { Dumbbell, Scale, UserCheck, MapPin, Mail, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -34,6 +35,8 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
         { name: "Training", id: "features" },
+        { name: "Plans", id: "pricing" },
+        { name: "Calculator", id: "bmi" },
         { name: "FAQ", id: "faq" },
         { name: "Contact", id: "contact" },
       ]}
@@ -87,17 +90,32 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="scale-rotate"
-      textboxLayout="default"
+  <div id="pricing" data-section="pricing">
+      <PricingCardOne 
+      animationType="slide-up"
+      title="Membership Plans"
+      description="Choose the plan that fits your fitness journey."
+      plans={[
+        { id: "p1", badge: "Basic", price: "₹1500", subtitle: "Per month", features: ["Standard access", "Community classes", "Locker room"] },
+        { id: "p2", badge: "Premium", price: "₹2500", subtitle: "Per month", features: ["Unlimited access", "Personal coaching", "Diet planning"] }
+      ]}
+      textboxLayout="split"
+      useInvertedBackground={true}
+      />
+  </div>
+
+  <div id="bmi" data-section="bmi">
+    <MetricCardOne
+      animationType="slide-up"
+      title="BMI Calculator"
+      description="Check your Body Mass Index (BMI) to understand your fitness goals better."
+      gridVariant="uniform-all-items-equal"
+      textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        { id: "m1", value: "500+", title: "Members", description: "Strong community members.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-benchmark-illustration_52683-83386.jpg" },
-        { id: "m2", value: "10+", title: "Trainers", description: "Expert guidance.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-with-weights_23-2148523223.jpg" }
+        { id: "c1", value: "Healthy", title: "BMI Calculation", description: "Enter your height & weight for a personalized assessment.", icon: Scale },
+        { id: "c2", value: "Expert", title: "Fitness Insights", description: "Personalized guidance based on your BMI trends.", icon: UserCheck }
       ]}
-      title="Proven Results"
-      description="We are proud of the impact we've had on the MKB Nagar fitness community."
     />
   </div>
 
@@ -115,50 +133,36 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Ananya K.", imageSrc: "http://img.b2bpic.net/free-photo/sporty-smiling-female-with-crossed-arms-white-t-shirt-grey-background_613910-1624.jpg" }
-      ]}
-      cardTitle="Member Success"
-      cardTag="Community"
-      cardAnimation="slide-up"
-    />
-  </div>
-
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqSplitMedia
+      title="Common Questions"
+      description="Frequently Asked Questions about our facility and services."
       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." }
       ]}
-      sideTitle="Common Questions"
-      sideDescription="Need help? Check out our FAQs."
+      imageSrc="http://img.b2bpic.net/free-photo/gym-background_123.jpg"
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
+      <ContactCenter
       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" }]
-      }
+      title="Visit C2 Fitness"
+      description="Located in MKB Nagar, Chennai. Reach out for membership details or visit us during working hours."
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       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: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
+        { title: "Visit Us", items: [{ label: "MKB Nagar, Chennai", href: "#" }] }
       ]}
       copyrightText="© 2025 C2 Fitness. All rights reserved."
     />
@@ -166,4 +170,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}