Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, TrendingUp, Users } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Dumbbell, Target, Zap, Heart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,386 +30,126 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="U.D. Fitness"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Unlock Your Potential at U.D. Fitness"
-      description="Expert guidance, state-of-the-art equipment, and a supportive community to help you hit your peak."
-      testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@alex_fit",
-          testimonial: "Transformative environment, best training I've ever had.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-stretching-gym_23-2147827896.jpg",
-        },
-        {
-          name: "Jamie L.",
-          handle: "@jamie_runs",
-          testimonial: "U.D. Fitness changed my whole routine. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",
-        },
-        {
-          name: "Sam T.",
-          handle: "@sam_lift",
-          testimonial: "Supportive staff and elite gym equipment.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-holding-kettlebell_23-2151997779.jpg",
-        },
-        {
-          name: "Casey M.",
-          handle: "@casey_active",
-          testimonial: "Great community atmosphere.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg",
-        },
-        {
-          name: "Morgan D.",
-          handle: "@morgan_gains",
-          testimonial: "The best place to build strength.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-view-exercise-machines_1203-949.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg",
-          alt: "Portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-curly-woman-has-bright-smile-shows-white-teeth-dressed-casual-sport-bra-has-fitness-workout-spare-time-models-indoor_273609-33761.jpg",
-          alt: "Portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg",
-          alt: "Portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg",
-          alt: "Portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2069.jpg",
-          alt: "Portrait 5",
-        },
-      ]}
+      <HeroBillboardScroll
+      title="Unlock Your Peak Performance"
+      description="Transform your lifestyle with elite coaching, cutting-edge facilities, and a community built to push you further."
+      background={{ variant: "sparkles-gradient" }}
+      buttons={[{ text: "Join Today", href: "#pricing" }, { text: "Book a Tour", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-young-woman-stretching-gym_23-2147827896.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <InlineImageSplitTextAbout
+      heading={[{ type: "text", content: "The U.D. Fitness Philosophy" }]}
+      buttons={[{ text: "Read Our Story" }]}
       useInvertedBackground={true}
-      title="The U.D. Fitness Mission"
-      description="We believe fitness is a lifelong journey. We provide the tools, coaching, and atmosphere you need to thrive and stay motivated."
-      imageSrc="http://img.b2bpic.net/free-photo/two-sporty-girls-gym_1157-14561.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
+      <FeatureCardEight
+      title="Gym Benefits That Elevate You"
+      description="From expert-led programming to recovery-focused wellness, we optimize every aspect of your training experience."
       textboxLayout="default"
-      useInvertedBackground={false}
       features={[
-        {
-          id: "1",
-          label: "Training",
-          title: "Personalized Coaching",
-          items: [
-            "1-on-1 sessions",
-            "Nutritional plans",
-            "Goal setting",
-          ],
-        },
-        {
-          id: "2",
-          label: "Facility",
-          title: "Elite Equipment",
-          items: [
-            "Free weights",
-            "Cardio machines",
-            "Recovery tools",
-          ],
-        },
-        {
-          id: "3",
-          label: "Community",
-          title: "Group Classes",
-          items: [
-            "HIIT training",
-            "Yoga sessions",
-            "Strength bootcamp",
-          ],
-        },
+        { title: "Expert Coaching", description: "Certified trainers dedicated to your progress.", imageSrc: "http://img.b2bpic.net/free-photo/gym-coach-helping-athlete_23-2149514755.jpg" },
+        { title: "State-of-the-Art Gear", description: "Elite equipment designed for maximum output.", imageSrc: "http://img.b2bpic.net/free-photo/cardio-machines-gym_1203-949.jpg" },
+        { title: "Community Focus", description: "Join a tribe that motivates and holds you accountable.", imageSrc: "http://img.b2bpic.net/free-photo/group-exercise-gym_23-2150828878.jpg" },
       ]}
-      title="Why Choose Us"
-      description="Comprehensive fitness solutions tailored to your unique goals."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardThree
+      title="Essential Gear & Supplements"
+      description="High-quality tools to support your growth, recovery, and results."
+      gridVariant="bento-grid"
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Gym Shaker",
-          price: "$15.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sporty-woman-holding-device_23-2149168696.jpg",
-        },
-        {
-          id: "p2",
-          name: "Wrist Wraps",
-          price: "$25.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cellphone-red-dumbbells-sport-equipment-white-background-sport-wear-sport-fashion-sport-accessories-sport-equipment-top-view_1428-712.jpg",
-        },
-        {
-          id: "p3",
-          name: "Protein Powder",
-          price: "$45.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/gym-equipment-supplements_23-2152017164.jpg",
-        },
-        {
-          id: "p4",
-          name: "Resistance Bands",
-          price: "$20.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-anglse-sportives-doing-rubber-band-exercise_23-2148303351.jpg",
-        },
-        {
-          id: "p5",
-          name: "Foam Roller",
-          price: "$30.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-does-exercises-with-massage-roller_169016-59142.jpg",
-        },
-        {
-          id: "p6",
-          name: "Gym Towel",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013929.jpg",
-        },
+        { id: "1", name: "Performance Bundle", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/gym-equipment-supplements_23-2152017164.jpg" },
+        { id: "2", name: "Recovery Kit", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-does-exercises-with-massage-roller_169016-59142.jpg" },
+        { id: "3", name: "Shaker Cup", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/gym-bottle-with-protein_169016-59142.jpg" }
       ]}
-      title="Gym Gear & Supplements"
-      description="High-quality products to fuel your workout and recovery."
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardFive
+      <PricingCardThree
+      title="Membership Plans"
+      description="Choose the plan that fits your ambition and unlock your full potential."
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          tag: "Basic",
-          price: "$49",
-          period: "month",
-          description: "Access to gym floor and basic classes.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Gym Access",
-            "Locker Room",
-            "Cardio area",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Pro",
-          price: "$79",
-          period: "month",
-          description: "Includes expert coaching and recovery.",
-          button: {
-            text: "Join Pro",
-          },
-          featuresTitle: "Everything Basic Plus",
-          features: [
-            "1 Coaching Session",
-            "Recovery Area",
-            "Group Classes",
-          ],
-        },
-        {
-          id: "elite",
-          tag: "Elite",
-          price: "$129",
-          period: "month",
-          description: "Full access, priority support and programs.",
-          button: {
-            text: "Go Elite",
-          },
-          featuresTitle: "Everything Pro Plus",
-          features: [
-            "Unlimited Coaching",
-            "Nutritional Guide",
-            "Guest Passes",
-          ],
-        },
+        { id: "basic", badge: "Start", name: "Basic", price: "$49", buttons: [{ text: "Get Started" }], features: ["Gym Access", "Locker Room"] },
+        { id: "pro", badge: "Popular", name: "Pro", price: "$79", buttons: [{ text: "Select Pro" }], features: ["Coaching Sessions", "Recovery Area", "Group Classes"] },
+        { id: "elite", badge: "Ultimate", name: "Elite", price: "$129", buttons: [{ text: "Join Elite" }], features: ["Everything in Pro", "1-on-1 Coaching", "Nutritional Plan"] }
       ]}
-      title="Membership Options"
-      description="Flexible plans designed to fit your fitness lifestyle."
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
+      <MetricCardFourteen
+      title="Results That Matter"
+      tag="Success"
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Members",
-          description: "Strong community growth",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "12",
-          title: "Trainers",
-          description: "Expert coaching team",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "5k+",
-          title: "Success Stories",
-          description: "Lives transformed",
-          icon: TrendingUp,
-        },
+        { id: "1", value: "500+", description: "Active Members" },
+        { id: "2", value: "12", description: "Expert Trainers" },
+        { id: "3", value: "5k+", description: "Success Stories" }
       ]}
-      title="Our Impact"
-      description="Helping athletes achieve their dreams every day."
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="U.D. Fitness is truly special. The support, the atmosphere, and the results are unmatched anywhere else."
-      rating={5}
-      author="Sarah M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5371.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16035.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
-          alt: "User 5",
-        },
+      <TestimonialCardThirteen
+      title="What Our Members Say"
+      description="Real results from members who have transformed their lives through U.D. Fitness."
+      showRating={true}
+      animationType="depth-3d"
+      textboxLayout="default"
+      testimonials={[
+        { id: "1", name: "Sarah M.", handle: "@sarah_fit", testimonial: "The environment here pushed me to hit goals I never thought were possible.", rating: 5, icon: Heart },
+        { id: "2", name: "Marcus L.", handle: "@marcus_lifts", testimonial: "Expert guidance made all the difference in my strength journey.", rating: 5, icon: Dumbbell }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
+      tag="Contact"
+      title="Join the Community"
+      description="Ready to level up? Start your journey today and get a free introductory session."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Join Us"
-      title="Start Your Fitness Journey"
-      description="Sign up for a free trial or contact us for a tour of our state-of-the-art facility."
-      imageSrc="http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-positive-happy-pointing-with-index-fingers-camera-standing-orange-wall_141793-50056.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="U.D. Fitness"
       columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "123 Gym St, FitCity",
-              href: "#",
-            },
-            {
-              label: "Mon-Sun: 6am - 10pm",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Links", items: [{ label: "Home", href: "#" }, { label: "Pricing", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
-      bottomLeftText="© 2024 U.D. Fitness"
-      bottomRightText="All rights reserved"
     />
   </div>
       </ReactLenis>