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

Merge version_4 into main

src/app/page.tsx

@@ -7,11 +7,12 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 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 } 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,21 +133,9 @@ 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}
+      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." },
@@ -143,13 +149,12 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
+      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" }]
-      }
+      buttons={[{ text: "Call Now", href: "tel:+914400000000" }]}
     />
   </div>
 
@@ -166,4 +171,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}