"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/pack-retro-fitness-badges_23-2147800708.jpg"
      logoAlt="Ultron Gym Logo"
      brandName="Ultron Gym"
      button={{
        text: "Join Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Unleash Your Potential at Ultron Gym"
      description="Transform your body and mind with our state-of-the-art facilities, expert trainers, and a supportive community dedicated to your success. Start your journey to a stronger, healthier you today!"
      tagAnimation="none"
      buttons={[
        {
          text: "Start Your Journey",          href: "#contact"},
        {
          text: "View Membership Plans",          href: "#pricing"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/two-beautiful-young-women-doing-fitness-gym_1153-4533.jpg"
      imageAlt="Dynamic gym workout scene with diverse members"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12752.jpg",          alt: "Handsome blond man in a dark blue shirt"},
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",          alt: "Young adult doing indoor sport at the gym"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-slim-curly-haired-woman-keeps-hands-waist-wears-sportswear-concentrated-into-distance-has-outdoor-training-poses-against-modern-building-rests-after-outside-fitness-workout_273609-57740.jpg",          alt: "Slim curly haired woman in sportswear"},
        {
          src: "http://img.b2bpic.net/free-photo/endurance-women-fitness-concept-goodlooking-young-healthy-sporty-female-athlete-finish-productive-training-take-breath-after-exercise-sit-with-legs-crossed-gym-floor-smiling-satisfied_197531-30358.jpg",          alt: "Healthy and sporty female athlete"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-serious-curly-haired-woman-dressed-brown-sportswear-carries-rolled-karemat-goes-sport-regularly-looks-away-poses-against-modern-building-city-healthy-lifestyle-concept_273609-60545.jpg",          alt: "Sporty woman with rolled karemat"},
      ]}
      avatarText="Join 5000+ happy members!"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="About Ultron Gym: Your Fitness Partner"
      description="At Ultron Gym, we are more than just a fitness center; we're a thriving community committed to empowering you on your health and fitness journey. Our mission is to provide an inspiring environment, cutting-edge equipment, and personalized guidance to help every member achieve their goals, regardless of their starting point."
      tagAnimation="none"
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/trainer-man-lying-lifting-dumbbells-gym_1262-16635.jpg"
      imageAlt="Spacious modern gym interior with people exercising"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "strength",          title: "State-of-the-Art Strength Training",          descriptions: [
            "Access a full range of free weights, resistance machines, and functional training equipment.",            "Designed for progressive overload and muscle development."],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-exercise-machine_23-2147789600.jpg",          imageAlt: "Person lifting weights in a gym"},
        {
          id: "cardio",          title: "High-Intensity Cardio Zones",          descriptions: [
            "Equipped with treadmills, ellipticals, bikes, and stair climbers for all your endurance needs.",            "Achieve peak cardiovascular performance with our modern machines."],
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-sportswear-training-exercise-bike-modern-fitness-center_613910-5787.jpg",          imageAlt: "Person running on a treadmill"},
        {
          id: "classes",          title: "Diverse Group Fitness Classes",          descriptions: [
            "Join energetic classes like Zumba, Yoga, Spin, HIIT, and more, led by certified instructors.",            "Find your rhythm and connect with fellow fitness enthusiasts."],
          imageSrc: "http://img.b2bpic.net/free-photo/yoga-instructor-performing-raja-bhudjangasana-advanced-exercise_1163-5004.jpg",          imageAlt: "Group of people participating in a yoga class"},
      ]}
      title="Our Signature Programs & Facilities"
      description="Explore a diverse range of fitness programs and utilize our premium facilities, designed to cater to all levels and interests."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Starter",          price: "$39",          subtitle: "Per month, billed annually",          buttons: [
            {
              text: "Sign Up Now",              href: "#contact"},
          ],
          features: [
            "Full Gym Access (7 AM - 9 PM)",            "Basic Group Classes",            "Locker Room Access",            "Fitness Assessment"],
        },
        {
          id: "premium",          badge: "Most Popular",          price: "$59",          subtitle: "Per month, billed annually",          buttons: [
            {
              text: "Choose Premium",              href: "#contact"},
          ],
          features: [
            "24/7 Gym Access",            "All Group Classes",            "Personal Training Session (1/month)",            "Sauna & Steam Room Access",            "Nutritional Guidance"],
        },
        {
          id: "elite",          badge: "Ultimate",          price: "$89",          subtitle: "Per month, billed annually",          buttons: [
            {
              text: "Go Elite",              href: "#contact"},
          ],
          features: [
            "24/7 Gym Access",            "All Group Classes + Workshops",            "Personal Training Sessions (4/month)",            "Sauna & Steam Room Access",            "Advanced Nutritional Planning",            "Exclusive Member Events"],
        },
      ]}
      title="Flexible Membership Plans for Every Goal"
      description="Choose the membership that best suits your fitness journey and budget. All plans include full access to our premium facilities and amenities."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "members",          value: "5000+",          title: "Active Members",          description: "A growing community of fitness enthusiasts.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-taking-selfie-gym_23-2150290028.jpg",          imageAlt: "Diverse group of smiling people in a gym"},
        {
          id: "classes",          value: "100+",          title: "Weekly Classes",          description: "Variety of classes to keep your routine exciting.",          imageSrc: "http://img.b2bpic.net/free-photo/business-statistics_53876-167058.jpg",          imageAlt: "Fitness tracking app with charts"},
        {
          id: "achievements",          value: "95%",          title: "Goal Achievement Rate",          description: "Our members consistently hit their personal targets.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-being-victorious-after-match-football_23-2148631569.jpg",          imageAlt: "Golden trophy for achievement"},
      ]}
      title="Achieve Your Fitness Milestones with Us"
      description="Join a community of success stories. Our dedicated members consistently reach and exceed new heights in their fitness journeys, supported by our expert team and motivating environment."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "john-doe",          name: "John Doe",          role: "Head Fitness Coach",          imageSrc: "http://img.b2bpic.net/free-photo/fit-man-practicing-yoga_23-2151745708.jpg",          imageAlt: "Portrait of John Doe, Head Fitness Coach"},
        {
          id: "jane-smith",          name: "Jane Smith",          role: "Yoga & Wellness Instructor",          imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1589.jpg",          imageAlt: "Portrait of Jane Smith, Yoga & Wellness Instructor"},
        {
          id: "mike-johnson",          name: "Mike Johnson",          role: "Strength & Conditioning Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg",          imageAlt: "Portrait of Mike Johnson, Strength & Conditioning Specialist"},
      ]}
      title="Meet Our Expert Trainers & Coaches"
      description="Our certified and passionate trainers are dedicated to guiding you toward your fitness goals. Get personalized attention, expert advice, and unwavering support from the best in the industry."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Active Member",          testimonial: "Ultron Gym changed my life! The trainers are incredibly supportive, and the variety of classes keeps me motivated. I've seen amazing results in just a few months.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",          imageAlt: "Sarah Johnson, a happy gym member"},
        {
          id: "2",          name: "Michael Chen",          role: "Fitness Enthusiast",          testimonial: "The equipment here is top-notch, and the atmosphere is always positive. It's truly a place where you feel pushed to be your best. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg",          imageAlt: "Michael Chen, a satisfied gym member"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Weightlifter",          testimonial: "As someone serious about strength training, Ultron Gym's free weight area and expert advice have been invaluable. I've hit new personal records thanks to this place.",          imageSrc: "http://img.b2bpic.net/free-photo/strong-bearded-powerlifter-posing-with-unweighted-barbell-studio-front-view-smiling-male_7502-10636.jpg",          imageAlt: "Emily Rodriguez, a weightlifter"},
        {
          id: "4",          name: "David Kim",          role: "Yoga Practitioner",          testimonial: "The yoga instructors are fantastic, and the studio is so serene. It's the perfect balance to my intense workout schedule, helping me stay flexible and calm.",          imageSrc: "http://img.b2bpic.net/free-photo/slim-lady-sport-uniform-is-sitting-near-window-sunlight-with-yoga-mat-looking-window-with-smile_291650-2269.jpg",          imageAlt: "David Kim doing a yoga pose"},
        {
          id: "5",          name: "Jessica Lee",          role: "Group Class Lover",          testimonial: "I love the group fitness classes! They're so much fun and a great way to meet new people. Every class is challenging and energizing.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together_23-2150912380.jpg",          imageAlt: "Jessica Lee enjoying a group fitness class"},
      ]}
      title="What Our Members Say About Ultron Gym"
      description="Hear inspiring stories directly from our thriving community. Real people, real transformations, and genuine satisfaction with their Ultron Gym experience."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What are your operating hours?",          content: "Our gym is open 24/7 for Premium and Elite members. Basic members have access from 7 AM to 9 PM daily. Our staff are available during peak hours for assistance."},
        {
          id: "q2",          title: "Do you offer personal training?",          content: "Yes, we offer personalized one-on-one and small group training sessions with our certified fitness coaches. Premium members get one complimentary session per month, and Elite members get four."},
        {
          id: "q3",          title: "Can I try out the gym before joining?",          content: "Absolutely! We offer a complimentary one-day guest pass so you can experience our facilities and classes firsthand before committing to a membership. Contact us to schedule your visit."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917987.jpg"
      imageAlt="Modern gym reception desk"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our gym, membership options, classes, and facilities. If you don't see your question here, feel free to contact us directly!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch with Ultron Gym"
      description="Have questions about memberships, classes, or anything else? Our team is here to help! Fill out the form below, and we'll get back to you as soon as possible."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-hand-sanitizer-medical-mask-gym_23-2148766063.jpg"
      imageAlt="Empty modern gym interior ready for workout"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077751.jpg"
      logoAlt="Ultron Gym Footer Logo"
      columns={[
        {
          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Membership Plans",              href: "#pricing"},
            {
              label: "Group Classes",              href: "#features"},
            {
              label: "Personal Training",              href: "#team"},
          ],
        },
        {
          items: [
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Ultron Gym"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}