"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { CreditCard, Dumbbell, MessageSquare, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PowerFit"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Classes", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Transform Your Body, Transform Your Life"
          description="State-of-the-art fitness facility with expert trainers ready to help you achieve your goals"
          tag="Elite Gym Experience"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812615524-3toxuf2m.jpg"
          imageAlt="Modern gym with equipment"
          buttons={[
            {
              text: "Start Your Journey",
              href: "contact"
            },
            {
              text: "View Classes",
              href: "features"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Your Dedicated Fitness Partner"
          description="We believe in creating an inclusive community where every member, regardless of fitness level, feels empowered to push their limits. Our experienced trainers, modern equipment, and supportive environment make us the ideal place to achieve your fitness goals."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812616453-l739wtjw.jpg"
          imageAlt="State-of-the-art gym facility"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Explore Our Facilities",
              href: "contact"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Our Training Programs"
          description="Comprehensive fitness solutions designed for every goal and fitness level"
          tag="Classes & Programs"
          tagIcon={Dumbbell}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Strength Training",
              description: "Build muscle and increase your maximum strength with progressive resistance training guided by certified trainers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812617273-qgukcvdd.jpg"
            },
            {
              id: 2,
              title: "Cardio & Endurance",
              description: "Improve your cardiovascular health and stamina with diverse cardio options from running to rowing",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811918668-h7w5yt0s.jpg"
            },
            {
              id: 3,
              title: "Flexibility & Wellness",
              description: "Enhance flexibility, reduce stress, and find balance through yoga, pilates, and mindfulness sessions",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811920637-7ic924av.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Member Success Stories"
          description="Real transformations from our dedicated community members"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              handle: "@marcus_fit",
              testimonial: "Transformed my physique in 6 months. The trainers here are knowledgeable and motivating. Best decision ever!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625117354-qhi78mml.jpg"
            },
            {
              id: "2",
              name: "Sarah Williams",
              handle: "@sarah_strong",
              testimonial: "Finally found a gym that feels like a community. The support and expertise are unmatched!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812618355-rn0grgnz.jpg"
            },
            {
              id: "3",
              name: "David Chen",
              handle: "@david_gains",
              testimonial: "Professional equipment, great atmosphere, and results speak for themselves. Highly recommend!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812619412-2qqictaj.jpg"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              handle: "@emma_wellness",
              testimonial: "The yoga and wellness classes helped me find balance. Amazing instructors and supportive members!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812620222-dhhkmwdo.jpg"
            },
            {
              id: "5",
              name: "James Mitchell",
              handle: "@james_power",
              testimonial: "From beginner to confident athlete. The personalized programs made all the difference!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766812621069-9m1dnpqz.jpg"
            },
            {
              id: "6",
              name: "Lisa Anderson",
              handle: "@lisa_fit",
              testimonial: "Clean facility, world-class trainers, and a genuinely welcoming environment. Worth every penny!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811924494-jy2wil3n.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSix
          title="Membership Plans"
          description="Choose the perfect plan to match your fitness journey"
          tag="Pricing"
          tagIcon={CreditCard}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "basic",
              price: "$49/month",
              subtitle: "Perfect for getting started with 24/7 gym access",
              features: [
                "24/7 Gym Access",
                "All Equipment Available",
                "Member Community",
                "Locker Room Access"
              ],
              buttons: [
                {
                  text: "Get Started",
                  href: "contact"
                }
              ]
            },
            {
              id: "pro",
              price: "$89/month",
              subtitle: "Most popular for dedicated fitness enthusiasts",
              features: [
                "24/7 Gym Access",
                "Personal Training Sessions",
                "Group Classes",
                "Nutrition Consultation",
                "Sauna & Spa Access",
                "Progress Tracking"
              ],
              buttons: [
                {
                  text: "Join Pro",
                  href: "contact"
                }
              ],
              bottomNotes: [
                "Most popular choice",
                "Save 20% annually"
              ]
            },
            {
              id: "elite",
              price: "$149/month",
              subtitle: "For serious athletes and transformation seekers",
              features: [
                "Unlimited Personal Training",
                "24/7 Premium Gym Access",
                "All Classes Included",
                "Custom Meal Plans",
                "Private Locker",
                "Spa & Recovery",
                "1-on-1 Coaching"
              ],
              buttons: [
                {
                  text: "Become Elite",
                  href: "contact"
                }
              ],
              bottomNotes: [
                "Premium experience",
                "Cancel anytime"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Transform?"
          description="Join our fitness community today and start your transformation journey with expert guidance and support"
          tagIcon={MessageSquare}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Claim Trial"
          termsText="We respect your inbox. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="PowerFit"
        />
      </div>
    </ThemeProvider>
  );
}