"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Activity, Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Programs",
          id: "#programs",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      button={{
        text: "Join Now",
        href: "#contact",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/abstract-sport-fitness-logo-logotype-template_23-2148236902.jpg"
      logoAlt="Fit Factory Wellness logo"
      brandName="Fit Factory Wellness"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Transform Your Fitness, Transform Your Life"
      description="Expert training, group classes, and personalized wellness programs designed for every fitness level. Join a supportive community committed to real results."
      tag="Your Wellness Journey Starts Here"
      buttons={[
        {
          text: "Start Your Free Trial",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg"
      imageAlt="group fitness class active people"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About Us"
      title="Your Partner in Health and Wellness"
      description="At Fit Factory Wellness, we believe in a holistic approach to fitness. Our dedicated team of certified trainers and wellness coaches are here to guide you every step of the way."
      subdescription="We offer a supportive community, state-of-the-art facilities, and flexible programs designed to fit your unique lifestyle and help you achieve lasting results."
      icon={Activity}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-male-osteopathic-therapist-with-female-patient-signing-clipboard-clinic_23-2148846549.jpg"
      imageAlt="fitness coach smiling happy"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Personalized Training",
          author: "Expert Coaches",
          description: "Achieve your goals faster with one-on-one sessions designed exclusively for you, focusing on your strengths and areas for improvement.",
          tags: [
            "Custom",
            "Results",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32135.jpg",
          imageAlt: "personal trainer working with client",
        },
        {
          id: "f2",
          title: "Dynamic Group Classes",
          author: "Community & Fun",
          description: "Experience the energy of group workouts! From HIIT to Yoga, our classes cater to all levels and keep you motivated.",
          tags: [
            "Community",
            "Variety",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332060.jpg",
          imageAlt: "group yoga class studio",
        },
        {
          id: "f3",
          title: "Holistic Wellness Programs",
          author: "Mind & Body",
          description: "Beyond physical fitness, we offer nutrition guidance, mindfulness workshops, and stress management tools for complete well-being.",
          tags: [
            "Nutrition",
            "Mindfulness",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-laptop-man-cutting-vegetables_23-2147917871.jpg",
          imageAlt: "healthy meal prep fresh ingredients",
        },
      ]}
      title="Comprehensive Wellness Solutions"
      description="Discover a range of services tailored to meet your individual fitness and wellness goals, from high-energy classes to personalized coaching."
      tag="Our Expertise"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "1000+",
          title: "Happy Clients",
          description: "Successfully guided on their wellness journeys.",
          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-jumping-field-concept_53876-42853.jpg",
          imageAlt: "happy diverse community people",
        },
        {
          id: "m2",
          value: "50+",
          title: "Diverse Classes",
          description: "Offered weekly to keep your routine exciting.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-people-together_23-2148948543.jpg",
          imageAlt: "diverse fitness class group",
        },
        {
          id: "m3",
          value: "95%",
          title: "Achieved Goals",
          description: "Members who reached their fitness milestones.",
          imageSrc: "http://img.b2bpic.net/free-photo/sporty-beautiful-woman-exercising-with-dumbbell_1150-13294.jpg",
          imageAlt: "person showing fitness progress",
        },
      ]}
      title="Driving Real Results"
      description="Our commitment to your success is reflected in the tangible achievements of our community members."
      tag="Our Impact"
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Basic Gym Access",
          price: "$39/month",
          imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-doing-exercise-home_23-2148207431.jpg",
          imageAlt: "basic gym membership card",
        },
        {
          id: "p2",
          name: "Premium Membership",
          price: "$79/month",
          imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207376.jpg",
          imageAlt: "premium gym membership benefits",
        },
        {
          id: "p3",
          name: "Elite Coaching Plan",
          price: "$199/month",
          imageSrc: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-8927.jpg",
          imageAlt: "elite fitness coaching program",
        },
        {
          id: "p4",
          name: "Corporate Wellness",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-nurse-meeting-with-senior-couple-examine-x-ray-test-results-cabinet_482257-122779.jpg",
          imageAlt: "corporate wellness program office",
        },
        {
          id: "p5",
          name: "Yoga & Mindfulness",
          price: "$69/month",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-group-sportswomen-smiling-happy-practicing-yoga-sitting-doing-prayer-pose-gym_839833-28248.jpg",
          imageAlt: "yoga class studio peaceful",
        },
        {
          id: "p6",
          name: "Nutrition Guidance",
          price: "$89/month",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nutritionist-discussing-with-patient_23-2148302088.jpg",
          imageAlt: "nutrition coaching healthy food",
        },
      ]}
      title="Choose Your Path to Wellness"
      description="Explore our flexible membership and specialized program options designed to fit your unique needs and budget."
      tag="Programs & Memberships"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "plan-starter",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$39",
          name: "Starter Access",
          buttons: [
            {
              text: "Get Started",
              href: "#contact",
            },
          ],
          features: [
            "Full gym access",
            "Locker room facilities",
            "Basic fitness assessment",
            "Access to on-demand content",
          ],
        },
        {
          id: "plan-premium",
          badge: "Best Value",
          badgeIcon: Star,
          price: "$79",
          name: "Premium Membership",
          buttons: [
            {
              text: "Choose Plan",
              href: "#contact",
            },
          ],
          features: [
            "Everything in Starter",
            "Unlimited group classes",
            "One personal training session/month",
            "Nutritional guide access",
            "Priority booking",
          ],
        },
        {
          id: "plan-ultimate",
          badge: "Elite",
          badgeIcon: Award,
          price: "$199",
          name: "Ultimate Wellness",
          buttons: [
            {
              text: "Sign Up Now",
              href: "#contact",
            },
          ],
          features: [
            "Everything in Premium",
            "Four personal training sessions/month",
            "Personalized meal planning",
            "Exclusive workshop access",
            "24/7 facility access",
          ],
        },
      ]}
      title="Flexible Pricing for Every Goal"
      description="Find the perfect plan that aligns with your fitness aspirations and lifestyle. No hidden fees, just clear value."
      tag="Invest in Yourself"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          handle: "@sarah_fit",
          testimonial: "Fit Factory Wellness truly changed my life! The personalized training helped me reach goals I never thought possible. The community is so supportive!",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-sportswear-taking-selfie-showing-big-finger_8353-6343.jpg",
          imageAlt: "happy woman exercising smiling",
        },
        {
          id: "t2",
          name: "Michael D.",
          handle: "@mike_gains",
          testimonial: "The group classes are incredibly motivating. I've found a new passion for fitness and made great friends along the way. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg",
          imageAlt: "man achieving fitness goals",
        },
        {
          id: "t3",
          name: "Emily R.",
          handle: "@emily_health",
          testimonial: "Their holistic approach to wellness is fantastic. The nutrition guidance combined with tailored workouts has made a huge difference.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-white-hoodie-smiling-fashionable-grey-haired-adult-guy-with-beard-with-tattoos-lilas-sweatshirt-looking-into-camera_197531-28637.jpg",
          imageAlt: "senior woman active happy",
        },
        {
          id: "t4",
          name: "David K.",
          handle: "@dk_wellness",
          testimonial: "As a beginner, I felt completely at ease. The trainers are patient and knowledgeable. I'm seeing consistent progress and feeling great!",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-facing-camera-while-lifting-weights_23-2148222160.jpg",
          imageAlt: "young adult workout progress",
        },
        {
          id: "t5",
          name: "Jessica L.",
          handle: "@jess_active",
          testimonial: "The flexible scheduling and variety of classes make it easy to stay consistent. It's more than a gym; it's a wellness partner.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
          imageAlt: "diverse person in fitness gear",
        },
      ]}
      title="Hear From Our Community"
      description="Our members' success stories motivate us every day. Join the Fit Factory family and write your own chapter of transformation."
      tag="Real Transformations"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What types of memberships do you offer?",
          content: "We offer a range of memberships including basic gym access, premium plans with unlimited classes, and elite packages with personalized coaching and nutrition. Visit our 'Programs & Memberships' section for details.",
        },
        {
          id: "q2",
          title: "Do you offer a free trial?",
          content: "Yes, we welcome new members to try us out with a free trial. It's a great way to experience our facilities and classes before committing. Sign up through our contact form!",
        },
        {
          id: "q3",
          title: "Are your trainers certified?",
          content: "Absolutely. All our personal trainers are highly qualified and hold industry-recognized certifications. They are dedicated to providing expert guidance and support.",
        },
        {
          id: "q4",
          title: "What if I'm a complete beginner?",
          content: "Fit Factory Wellness is designed for all fitness levels, including beginners. Our trainers provide personalized attention, and our classes offer modifications to ensure everyone feels comfortable and challenged.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to common questions about Fit Factory Wellness, our programs, and how to get started."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to Start Your Journey?"
      buttons={[
        {
          text: "Get Your Free Trial",
          href: "#",
        },
        {
          text: "Contact Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/abstract-sport-fitness-logo-logotype-template_23-2148236902.jpg"
      logoAlt="fitness logo modern clean"
      columns={[
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Services",
              href: "#services",
            },
            {
              label: "Programs",
              href: "#programs",
            },
          ],
        },
        {
          items: [
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="Fit Factory Wellness is dedicated to transforming lives through fitness, expert guidance, and a supportive community. Join us on your journey to a healthier, happier you."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
