"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Zap, Sparkles, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="neon-glow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Michael Garcia Coaching"
          bottomLeftText="Transform Your Fitness"
          bottomRightText="info@michaelgarcia.fitness"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Transform Your Body, Transform Your Life"
          description="One-on-one personal training with Michael Garcia. Personalized coaching for your fitness goals."
          tag="Premium Coaching"
          tagIcon={Zap}
          buttons={[
            { text: "Start Training", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
            },
            { 
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="About Michael Garcia"
          description="With over 10 years of experience in fitness coaching, Michael specializes in personalized training programs tailored to individual goals. Whether you're looking to build strength, lose weight, or improve overall fitness, Michael creates customized workout plans that deliver results. His approach combines proven training methods with nutritional guidance and accountability to ensure your success."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
          imageAlt="Michael Garcia Personal Coach"
          buttons={[
            { text: "Book a Session", href: "contact" }
          ]}
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple Pricing Plans"
          description="Choose the perfect coaching package for your fitness journey"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",
              price: "$75",
              name: "Single Session",
              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "One-on-one training",
                "Personalized workout plan",
                "Form correction and coaching",
                "Fitness assessment"
              ]
            },
            {
              id: "monthly",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$299",
              name: "Monthly Plan",
              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "4 sessions per month",
                "Custom workout programs",
                "Progress tracking",
                "Nutrition guidance",
                "24/7 support"
              ]
            },
            {
              id: "elite",
              price: "$799",
              name: "Elite Package",
              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              features: [
                "Unlimited sessions",
                "Advanced periodization",
                "Meal planning included",
                "Weekly check-ins",
                "Video form reviews",
                "Priority scheduling"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real transformations from real people who trained with Michael"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Accountant",
              company: "NYC",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
            },
            {
              id: "2",
              name: "James Mitchell",
              role: "Marketing Manager",
              company: "Los Angeles",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              imageAlt: "in person, trainer, fitness, coach"
            },
            {
              id: "3",
              name: "Emily Chen",
              role: "Software Engineer",
              company: "San Francisco",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
              imageAlt: "personal trainer, fitness, brawny, exercise, personal trainer, personal trainer, personal trainer, personal trainer, personal trainer"
            },
            {
              id: "4",
              name: "David Rodriguez",
              role: "Executive",
              company: "Chicago",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
              imageAlt: "in person, trainer, fitness, coach"
            },
            {
              id: "5",
              name: "Jessica Williams",
              role: "Teacher",
              company: "Boston",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
              imageAlt: "personal, trainers, london, trainers, trainers, trainers, trainers, trainers"
            },
            {
              id: "6",
              name: "Michael Torres",
              role: "Consultant",
              company: "Austin",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908454398-9i9871uu.jpg",
              imageAlt: "fitness, personal trainer, guy, black, exercise, fitness training, fitness man, man, male, fitness center, training, trainer, muscles, happy, healthy, sports, gym, gym, gym, gym, gym, gym"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Ready to Transform?"
          description="Get in touch with Michael Garcia to start your fitness journey. Fill out the form below and we'll schedule your first session."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "goal", type: "text", placeholder: "What are your fitness goals?", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your fitness background...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          buttonText="Book Your Session"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Michael Garcia Coaching"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Personal Training", href: "pricing" },
                { label: "Nutrition Coaching", href: "about" },
                { label: "Group Classes", href: "contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Michael", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "#terms" },
                { label: "Privacy Policy", href: "#privacy" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
          copyrightText="© Michael Garcia Coaching 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}