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,235 +30,129 @@ 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 gave me the structure I needed. After 6 months of coaching, I'm down 30lbs and stronger than ever!"
-      rating={5}
-      author="Sarah M. - Member Success Story"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5371.jpg",          alt: "User 1"}
+      <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: "Contact",          items: [
-            {
-              label: "123 Gym St, FitCity",              href: "#"},
-            {
-              label: "Email: hello@udfitness.com",              href: "mailto:hello@udfitness.com"},
-            {
-              label: "Call: (555) 123-4567",              href: "tel:+15551234567"},
-          ],
-        },
-        {
-          title: "Social",          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "Facebook",              href: "#"},
-            {
-              label: "TikTok",              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>
     </ThemeProvider>
   );
-}
+}