"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "O nás",          id: "#about"},
        {
          name: "Služby",          id: "#features"},
        {
          name: "Členství",          id: "#products"},
        {
          name: "Ceník",          id: "#pricing"},
        {
          name: "Recenze",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="Fitness Uno"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "glowing-orb"}}
      title="Ignite Your Potential, Transform Your Body"
      description="Join Fitness Uno and experience state-of-the-art facilities, expert trainers, and a supportive community dedicated to your fitness journey. Achieve your goals with us."
      tag="Your Fitness Journey Starts Here"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Join Now",          href: "#products"},
        {
          text: "Explore Classes",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/strong-muscular-blonde-girl-kickjob-with-blue-dumbbells-white_231208-4053.jpg",          imageAlt: "Woman lifting weights in a modern gym"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-running-treadmill-while-exercising-gym_637285-8374.jpg",          imageAlt: "Man running on a treadmill in a fitness center"}
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Based on 500+ Reviews"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="O nás: Your Partner in Fitness"
      description={[
        "At Fitness Uno, we believe in empowering individuals to lead healthier, happier lives. Our modern gym provides a comprehensive range of equipment, personalized training programs, and diverse fitness classes.",        "We're more than just a gym; we're a community. Our certified trainers are passionate about helping you achieve your fitness aspirations, whether you're a beginner or an experienced athlete. Discover a supportive environment where every workout counts."]}
      buttons={[
        {
          text: "Meet Our Team",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "cardio-zone",          title: "Cardio Zone",          descriptions: [
            "Equipped with treadmills, ellipticals, bikes, and more to boost your endurance."],
          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9241.jpg",          imageAlt: "Modern cardio equipment in a gym"},
        {
          id: "strength-training",          title: "Strength Training",          descriptions: [
            "Free weights, machines, and functional areas for building strength and muscle."],
          imageSrc: "http://img.b2bpic.net/free-photo/training-gym_1098-13888.jpg",          imageAlt: "Strength training area with weights"},
        {
          id: "group-classes",          title: "Group Classes",          descriptions: [
            "High-energy classes like Zumba, Yoga, Spinning, and HIIT for all levels."],
          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-with-barbell-doing-squats-fitness-club_613910-18534.jpg",          imageAlt: "Group fitness class in session"},
        {
          id: "personal-training",          title: "Personal Training",          descriptions: [
            "One-on-one sessions with certified trainers for tailored workout plans and expert guidance."],
          imageSrc: "http://img.b2bpic.net/free-photo/women-running-treadmill_1262-419.jpg",          imageAlt: "Personal trainer guiding a client"},
        {
          id: "wellness-studio",          title: "Wellness Studio",          descriptions: [
            "Dedicated spaces for recovery, stretching, and mindful movement sessions."],
          imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg",          imageAlt: "Serene wellness studio for yoga and stretching"},
        {
          id: "nutrition-guidance",          title: "Nutrition Guidance",          descriptions: [
            "Expert advice and personalized meal planning to complement your training and maximize results."],
          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-dance-therapy-class_23-2149346558.jpg",          imageAlt: "Healthy food and nutrition plan"},
      ]}
      title="Our Premier Facilities & Programs"
      description="Explore the wide array of services and cutting-edge amenities designed to elevate your fitness experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "basic-membership",          name: "Basic Membership",          price: "999 Kč/měsíc",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-trainer-wrapping-hand-female-boxer-preparation-practice_23-2148426153.jpg",          imageAlt: "Basic gym membership card",          rating: 4,
        },
        {
          id: "premium-membership",          name: "Premium Membership",          price: "1499 Kč/měsíc",          imageSrc: "http://img.b2bpic.net/free-vector/modern-collection-golden-vip-cards_23-2147657803.jpg",          imageAlt: "Premium gym membership card",          rating: 5,
        },
        {
          id: "vip-membership",          name: "VIP Membership",          price: "2499 Kč/měsíc",          imageSrc: "http://img.b2bpic.net/free-photo/half-charged-battery-icon-front-side-with-white-background_187299-40053.jpg",          imageAlt: "VIP gym membership card",          rating: 5,
        },
        {
          id: "day-pass",          name: "Day Pass",          price: "250 Kč/den",          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255847.jpg",          imageAlt: "Gym day pass",          rating: 4,
        },
        {
          id: "student-membership",          name: "Student Membership",          price: "799 Kč/měsíc",          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-headband-with-backpack-holding-air-tickets-looking-aside-with-serious-face-standing-green-wall_141793-61205.jpg",          imageAlt: "Student gym membership card",          rating: 4,
        },
        {
          id: "family-package",          name: "Family Package",          price: "1999 Kč/měsíc",          imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-near-mirror-gym-healthy-sports-lifestyle_169016-61039.jpg",          imageAlt: "Family gym membership card",          rating: 5,
        },
      ]}
      title="Membership Options"
      description="Find the perfect membership plan that fits your lifestyle and fitness goals."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "monthly-flex",          title: "Monthly Flex",          price: "999 Kč",          period: "měsíčně",          features: [
            "Full Gym Access",            "Basic Classes",            "Cancel Anytime"],
          button: {
            text: "Choose Monthly",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-focused-sportsman-using-mobile-phone_171337-19737.jpg",          imageAlt: "Monthly calendar icon"},
        {
          id: "quarterly-boost",          title: "Quarterly Boost",          price: "2699 Kč",          period: "za čtvrtletí",          features: [
            "Full Gym Access",            "Premium Classes",            "Sauna Access",            "Save 10%"],
          button: {
            text: "Choose Quarterly",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/christmas-fitness-weights-training-gift_23-2149564591.jpg",          imageAlt: "Three months icon"},
        {
          id: "annual-ultimate",          title: "Annual Ultimate",          price: "9999 Kč",          period: "ročně",          features: [
            "Full Gym Access",            "All Classes",            "Personal Training Intro",            "Save 20%"],
          button: {
            text: "Choose Annually",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/workout-plan-template-with-modern-style_23-2147913671.jpg",          imageAlt: "Annual calendar icon"},
      ]}
      title="Flexible Pricing for Every Goal"
      description="Choose from our monthly, quarterly, or annual plans for maximum flexibility and savings."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Petra Nováková",          role: "Manažerka",          company: "Local Business",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-posing-isolated-black-wall_176420-6595.jpg",          imageAlt: "Petra Nováková, satisfied gym member"},
        {
          id: "2",          name: "Jan Svoboda",          role: "Podnikatel",          company: "Tech Startup",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-fitness-man-sportswear-holding-expander_613910-7727.jpg",          imageAlt: "Jan Svoboda, happy gym member"},
        {
          id: "3",          name: "Eva Dvořáková",          role: "Studentka",          company: "University",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-man-wearing-headband-wristbands-stretching-out-hand-showing-thumb-up-front-isolated-white-wall_141793-97506.jpg",          imageAlt: "Eva Dvořáková, student gym member"},
        {
          id: "4",          name: "Tomáš Horák",          role: "Inženýr",          company: "Manufacturing Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289982.jpg",          imageAlt: "Tomáš Horák, gym enthusiast"},
        {
          id: "5",          name: "Lucie Procházková",          role: "Lékařka",          company: "Hospital",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-selfie-with-dumbbells-hand_23-2148097452.jpg",          imageAlt: "Lucie Procházková, professional and gym member"},
      ]}
      kpiItems={[
        {
          value: "10+",          label: "Years Experience"},
        {
          value: "5000+",          label: "Happy Members"},
        {
          value: "100+",          label: "Classes Monthly"},
      ]}
      title="What Our Members Say"
      description="Hear directly from our happy community about their transformation journey with Fitness Uno."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your opening hours?",          content: "Fitness Uno is open Monday to Friday from 6:00 AM to 10:00 PM, and Saturday to Sunday from 8:00 AM to 8:00 PM."},
        {
          id: "q2",          title: "Do you offer personal training?",          content: "Yes, we offer personalized one-on-one training sessions with our certified trainers. You can book a consultation to discuss your goals."},
        {
          id: "q3",          title: "Can I try a class before joining?",          content: "Absolutely! We offer a free trial class for all new visitors. Simply register on our website or at the reception desk."},
        {
          id: "q4",          title: "What facilities do you have?",          content: "Our gym features a fully equipped cardio zone, a strength training area with free weights and machines, a dedicated group fitness studio, and a wellness studio for recovery."},
      ]}
      title="Frequently Asked Questions"
      description="Got questions? We've got answers. Check out the most common inquiries about Fitness Uno."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated"}}
      text="Ready to start your fitness journey? Reach out to us today to learn more about memberships and classes!"
      buttons={[
        {
          text: "Get in Touch",          href: "mailto:info@fitness-uno.cz"},
        {
          text: "Visit Us",          href: "https://www.google.com/maps/search/Fitness+Uno"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg"
      imageAlt="Dynamic gym interior"
      logoText="Fitness Uno"
      columns={[
        {
          title: "O nás",          items: [
            {
              label: "Náš příběh",              href: "#about"},
            {
              label: "Náš tým",              href: "#contact"},
          ],
        },
        {
          title: "Služby",          items: [
            {
              label: "Skupinové lekce",              href: "#features"},
            {
              label: "Osobní trénink",              href: "#features"},
          ],
        },
        {
          title: "Podpora",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Kontakt",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Fitness Uno. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
