"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="FitPro"
          button={{
            text: "Get Started",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Premium Fitness Coaching Experience"
          description="Unlock your potential with personalized training programs designed by expert coaches. Transform your fitness journey today."
          tag="Elite Training"
          tagIcon={Zap}
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "View Programs", href: "pricing" }
          ]}
          mediaItems={[
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "Professional fitness training session"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              imageAlt: "Modern gym facility"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              imageAlt: "Strength training workout"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
              imageAlt: "Personal training session"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
              imageAlt: "Fitness achievement milestone"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="How Our Training Works"
          description="A proven 4-step process to transform your fitness"
          features={[
            {
              id: 1,
              title: "Assessment",
              description: "Complete fitness evaluation and personalized goal setting",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "Fitness assessment"
            },
            {
              id: 2,
              title: "Program Design",
              description: "Custom workout and nutrition plan tailored to your needs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              imageAlt: "Program planning"
            },
            {
              id: 3,
              title: "Coaching",
              description: "One-on-one guidance with expert form correction",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              imageAlt: "Personal coaching"
            },
            {
              id: 4,
              title: "Progress Tracking",
              description: "Regular check-ins and adjustments for optimal results",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
              imageAlt: "Progress tracking"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Process"
          tagIcon={Sparkles}
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Pricing Plans"
          description="Choose the perfect plan for your fitness goals"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",
              badge: "Popular",
              price: "$99/mo",
              subtitle: "Starter Program",
              features: [
                "2 sessions per week",
                "Workout plan",
                "Email support",
                "Progress tracking"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$199/mo",
              subtitle: "Professional Program",
              features: [
                "4 sessions per week",
                "Custom meal plan",
                "24/7 support",
                "Video form reviews",
                "Weekly check-ins"
              ]
            },
            {
              id: "elite",
              badge: "Premium",
              price: "$399/mo",
              subtitle: "Elite Program",
              features: [
                "Unlimited sessions",
                "Advanced periodization",
                "Priority scheduling",
                "Nutrition coaching",
                "Recovery planning",
                "VIP support"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Real Results from Real Clients"
          description="Hear from people who transformed their fitness with us"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Fitness Enthusiast",
              date: "Date: 15 January 2025",
              title: "Completely transformed my fitness",
              quote: "The personalized approach and expert coaching made all the difference. I've achieved results I never thought possible.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg"
            },
            {
              id: "2",
              name: "James Mitchell, CEO",
              date: "Date: 20 December 2024",
              title: "Best investment in myself",
              quote: "As a busy executive, I needed efficient training. The structured programs saved me time and delivered exceptional results.",
              tag: "Elite",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
            },
            {
              id: "3",
              name: "Emily Chen, Software Engineer",
              date: "Date: 10 December 2024",
              title: "Professional guidance at its finest",
              quote: "The attention to form and personalized adjustments kept me injury-free while building strength consistently.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg"
            },
            {
              id: "4",
              name: "David Rodriguez, Executive",
              date: "Date: 05 December 2024",
              title: "Exceeded all my expectations",
              quote: "From goal setting to achievement, every step was professionally managed. Highly recommend to anyone serious about fitness.",
              tag: "Elite",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg"
            },
            {
              id: "5",
              name: "Jessica Williams, Teacher",
              date: "Date: 28 November 2024",
              title: "Life-changing experience",
              quote: "The holistic approach to fitness, including nutrition and recovery, made this the most effective training I've done.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Start Your Transformation?"
          description="Join hundreds of clients who have achieved their fitness goals. Get in touch today to schedule your free consultation."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "goal", type: "text", placeholder: "Your Fitness Goal", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your fitness experience...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
          mediaPosition="right"
          buttonText="Book Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
          imageAlt="Professional fitness facility"
          columns={[
            {
              title: "Programs",
              items: [
                { label: "Starter Program", href: "pricing" },
                { label: "Professional Program", href: "pricing" },
                { label: "Elite Program", href: "pricing" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Blog", href: "#blog" },
                { label: "FAQ", href: "#faq" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
          logoText="FitPro"
          copyrightText="© 2025 FitPro. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}