"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Heart, Target, DollarSign, Rocket, Star, Trophy, Dumbbell, Flame } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Programs", id: "programs" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Elite Fitness Coaching"
          button={{ text: "Start Your Journey", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Transform Your Body, Elevate Your Life"
          description="Premium online fitness coaching designed for those who demand excellence. Personalized programs, expert guidance, and measurable results."
          tag="Premium Coaching"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-having-cross-training-with-weight-plate-gym_637285-8530.jpg", imageAlt: "Professional workout session" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-batch-cooking-arrangement-with-healthy-food_23-2149092443.jpg", imageAlt: "Nutrition guidance" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-63194.jpg", imageAlt: "Strength training" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-man-running_1098-115.jpg", imageAlt: "Cardio training" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/young-man-running_1098-115.jpg", imageAlt: "Cardio excellence" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-63194.jpg", imageAlt: "Advanced training" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-batch-cooking-arrangement-with-healthy-food_23-2149092443.jpg", imageAlt: "Optimal nutrition" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-having-cross-training-with-weight-plate-gym_637285-8530.jpg", imageAlt: "Elite coaching" }
          ]}
          buttons={[
            { text: "Get Started", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Coaching Excellence Redefined"
          description="With over 15 years of experience transforming lives, our certified coaches combine cutting-edge science with personalized attention. Every program is tailored to your unique goals, fitness level, and lifestyle. Experience coaching that goes beyond workouts—it's about building sustainable habits and achieving lasting results."
          tag="Our Philosophy"
          tagIcon={Heart}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg"
          imageAlt="Elite fitness coaching professional"
          buttons={[
            { text: "Explore Programs", href: "programs" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="programs" data-section="programs">
        <FeatureBento
          title="Comprehensive Training Programs"
          description="Our carefully designed coaching programs address every aspect of fitness, from nutrition and strength to endurance and recovery."
          tag="Programs"
          tagIcon={Target}
          tagAnimation="slide-up"
          features={[
            {
              title: "Personalized Nutrition",              description: "Custom meal plans tailored to your goals and preferences",              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Weekly Focus",              description: "Progressive resistance training for maximum gains",              bentoComponent: "3d-task-list",              items: [
                { icon: Dumbbell, label: "Upper Body", time: "Mon & Thu" },
                { icon: Zap, label: "Core Work", time: "Wed" },
                { icon: Flame, label: "Lower Body", time: "Tue & Sat" }
              ]
            },
            {
              title: "Cardio & Endurance",              description: "Strategic conditioning for optimal cardiovascular health",              bentoComponent: "line-chart"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Premium Coaching Plans"
          description="Flexible plans designed for serious fitness enthusiasts. All plans include personalized coaching, meal plans, and unlimited support."
          tag="Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          plans={[
            {
              id: "starter",              tag: "Starter Plan",              price: "$99",              period: "/mo",              description: "Perfect for those just beginning their fitness journey with essential guidance and support.",              button: { text: "Get Started", href: "contact" },
              featuresTitle: "Included:",              features: ["Weekly check-ins", "Basic meal plan", "Workout program", "Email support"]
            },
            {
              id: "professional",              tag: "Professional Plan",              tagIcon: Star,
              price: "$249",              period: "/mo",              description: "Our most popular option with comprehensive coaching and priority support.",              button: { text: "Select Plan", href: "contact" },
              featuresTitle: "Everything in Starter, plus:",              features: ["Bi-weekly video calls", "Advanced nutrition plan", "Custom workout designs", "Progress tracking app", "24-hour support", "Community access"]
            },
            {
              id: "elite",              tag: "Elite Plan",              tagIcon: Trophy,
              price: "$499",              period: "/mo",              description: "For the serious athlete seeking peak performance and white-glove service.",              button: { text: "Start Elite", href: "contact" },
              featuresTitle: "Everything in Professional, plus:",              features: ["Weekly one-on-one sessions", "Competition preparation", "Monthly in-person consultation", "Advanced recovery protocols", "Priority priority support", "Exclusive masterclasses", "Nutrition supplementation guide"]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with Elite Fitness Coaching completely transformed my approach to fitness. The personalized programming and nutritional guidance delivered results I never thought possible. It's more than coaching—it's a lifestyle change."
          rating={5}
          author="Sarah Mitchell, CEO"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Mitchell" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Chen" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michelle Torres" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Park" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Transform?"
          title="Begin Your Coaching Journey Today"
          description="Join hundreds of clients who've achieved their fitness goals with our premium coaching. Limited spots available each month."
          tagIcon={Rocket}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-static" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Schedule Consultation"
          termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Elite Fitness Coaching"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
