"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofTwo from '@/components/sections/socialProof/SocialProofTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Zap, Award, Crown, Instagram, Youtube, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="small"
      background="animatedGrid"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {"name": "Home", "id": "home"},
            {"name": "About", "id": "about"},
            {"name": "Program", "id": "pricing"},
            {"name": "Testimonials", "id": "testimonials"},
            {"name": "Contact", "id": "contact"}
          ]}
          brandName="Kai Lin"
          bottomLeftText="Transform Your Body"
          bottomRightText="hello@kailincoaching.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Kai Lin"
          description="Transform your body and unlock your potential with elite fitness coaching tailored to your goals"
          buttons={[
            {"text": "Join Coaching Program", "href": "pricing"},
            {"text": "Learn More", "href": "about"}
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
          imageAlt="Kai Lin coaching session"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="About Kai"
          title="Elite coach dedicated to your transformation journey"
          description="Kai Lin"
          subdescription="Certified Fitness Coach & Influencer"
          icon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
          imageAlt="Kai Lin professional portrait"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen 
          title="What You'll Get"
          description="Comprehensive coaching program designed for real results"
          features={[
            {
              "id": "1",
              "title": "Personalized Training Plans",
              "description": "Custom workout programs tailored to your fitness level and goals",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625116322-u6tz24xn.jpg",
              "imageAlt": "Training program example"
            },
            {
              "id": "2",
              "title": "Nutrition Guidance",
              "description": "Expert meal planning and dietary strategies for optimal results",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625117354-qhi78mml.jpg",
              "imageAlt": "Nutrition guide"
            },
            {
              "id": "3",
              "title": "Accountability & Support",
              "description": "Regular check-ins and continuous support throughout your journey",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625118386-uv8g1qze.jpg",
              "imageAlt": "Transformation results"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo 
          title="Success Stories"
          description="Real transformations from clients like you"
          testimonials={[
            {
              "id": "1",
              "name": "Marcus Johnson",
              "role": "Software Engineer",
              "testimonial": "Kai transformed my entire fitness journey. In 6 months, I lost 35 pounds and gained confidence I never had before. His coaching is personalized and results-driven.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625116322-u6tz24xn.jpg",
              "imageAlt": "Marcus Johnson"
            },
            {
              "id": "2",
              "name": "Sarah Williams",
              "role": "Entrepreneur",
              "testimonial": "Best investment I made this year. Kai's program is structured, motivating, and actually sustainable. I'm not just losing weight, I'm gaining a healthier lifestyle.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
              "imageAlt": "Sarah Williams"
            },
            {
              "id": "3",
              "name": "David Chen",
              "role": "Sales Manager",
              "testimonial": "I was skeptical at first, but Kai's approach is science-based and practical. The nutrition guidance combined with training plans delivered results faster than expected.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              "imageAlt": "David Chen"
            },
            {
              "id": "4",
              "name": "Emma Rodriguez",
              "role": "Marketing Director",
              "testimonial": "Kai is patient, knowledgeable, and genuinely invested in your success. The accountability keeps you on track. I've never felt stronger or more confident.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
              "imageAlt": "Emma Rodriguez"
            },
            {
              "id": "5",
              "name": "James Park",
              "role": "Business Analyst",
              "testimonial": "The program is intense but fair. Kai adjusts based on your progress and listens to your feedback. I've achieved fitness goals I thought were impossible.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123000-i8nv1njs.jpg",
              "imageAlt": "James Park"
            },
            {
              "id": "6",
              "name": "Lisa Thompson",
              "role": "Consultant",
              "testimonial": "Finally found a coach who doesn't just give generic advice. Kai's personalized attention and expertise made all the difference. Highly recommend.",
              "imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
              "imageAlt": "Lisa Thompson"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo 
          title="Coaching Programs"
          description="Choose the plan that fits your goals and commitment level"
          plans={[
            {
              "id": "1",
              "badge": "Starter",
              "badgeIcon": Zap,
              "price": "$299/month",
              "subtitle": "Perfect for beginners starting their fitness journey",
              "buttons": [
                {"text": "Get Started", "href": "contact"},
                {"text": "Learn More"}
              ],
              "features": [
                "4 personalized training plans per month",
                "Weekly check-ins via email",
                "Basic nutrition guide",
                "Progress tracking tools"
              ]
            },
            {
              "id": "2",
              "badge": "Professional",
              "badgeIcon": Award,
              "price": "$599/month",
              "subtitle": "Best seller for serious transformation",
              "buttons": [
                {"text": "Get Started", "href": "contact"},
                {"text": "Learn More"}
              ],
              "features": [
                "Unlimited personalized training plans",
                "Bi-weekly video coaching calls",
                "Custom meal plan and macro tracking",
                "24/7 messaging support",
                "Monthly progress assessments"
              ]
            },
            {
              "id": "3",
              "badge": "Elite",
              "badgeIcon": Crown,
              "price": "$999/month",
              "subtitle": "Complete transformation with premium support",
              "buttons": [
                {"text": "Get Started", "href": "contact"},
                {"text": "Learn More"}
              ],
              "features": [
                "Unlimited everything from Professional",
                "Weekly video coaching calls",
                "Genetic nutrition optimization",
                "Priority 1-on-1 support",
                "Quarterly body composition analysis",
                "Supplement recommendations"
              ]
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofTwo 
          title="Certified & Trusted"
          description="Recognized by leading fitness and wellness organizations"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347542163-71w8w88l.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Get Started"
          title="Ready to transform your body?"
          description="Join hundreds of clients who have achieved their fitness goals with Kai's coaching program. Sign up for program updates and exclusive content."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Sign Up"
          termsText="By signing up, you agree to receive coaching program updates and transformation tips. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial 
          logoText="Kai Lin"
          description="Elite fitness coaching and transformation programs. Real results for real people."
          columns={[
            {
              "title": "Program",
              "items": [
                {"label": "Coaching Plans", "href": "pricing"},
                {"label": "Success Stories", "href": "testimonials"},
                {"label": "About Kai", "href": "about"}
              ]
            },
            {
              "title": "Support",
              "items": [
                {"label": "FAQ", "href": "contact"},
                {"label": "Contact", "href": "contact"},
                {"label": "Privacy Policy", "href": "https://example.com/privacy"}
              ]
            },
            {
              "title": "Legal",
              "items": [
                {"label": "Terms of Service", "href": "https://example.com/terms"},
                {"label": "Disclaimer", "href": "https://example.com/disclaimer"}
              ]
            }
          ]}
          socialLinks={[
            {"icon": Instagram, "href": "https://instagram.com/kailin", "ariaLabel": "Instagram"},
            {"icon": Youtube, "href": "https://youtube.com/@kailin", "ariaLabel": "YouTube"},
            {"icon": Twitter, "href": "https://twitter.com/kailin", "ariaLabel": "Twitter"},
            {"icon": Linkedin, "href": "https://linkedin.com/in/kailin", "ariaLabel": "LinkedIn"}
          ]}
          copyrightText="© 2025 Kai Lin Coaching. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}