"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import MediaSplitAbout from "@/components/sections/about/MediaSplitAbout";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import MetricCardSix from "@/components/sections/metrics/MetricCardSix";
import TestimonialCardEleven from "@/components/sections/testimonial/TestimonialCardEleven";
import ContactInline from "@/components/sections/contact/ContactInline";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Coach Elite"
          button={{
            text: "Book Consultation",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Transform Your Game"
          description="Expert football coaching for athletes who want to dominate on the field. Build strength, strategy, and championship mentality."
          tag="Elite Training"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343321067-31qd7cx0.jpg"
          imageAlt="Football training field"
          frameStyle="card"
          buttons={[
            {
              text: "Start Your Journey",
              href: "contact"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Proven Coaching Excellence"
          description="With 15+ years of experience developing elite athletes and championship teams, I bring strategic insight, technical expertise, and a commitment to unlocking your full potential. My coaching philosophy combines cutting-edge training methods with personalized mentorship to help you achieve results that matter."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
          imageAlt="Professional football coach"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View Credentials",
              href: "#"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Coaching Services"
          description="Specialized training programs designed for serious athletes ready to elevate their game."
          tag="What We Offer"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906152144-eq65i151.jpg"
          imageAlt="Football team training session"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "One-on-One Training",
              content: "Personalized coaching sessions focused on your specific strengths and areas for improvement. Customized workout plans, technique refinement, and mental conditioning for peak performance."
            },
            {
              id: "2",
              title: "Team Development Programs",
              content: "Comprehensive team coaching including strategy sessions, group training, leadership development, and competitive preparation to build cohesive, winning teams."
            },
            {
              id: "3",
              title: "Performance Analysis",
              content: "Advanced video analysis, game film breakdown, and performance metrics tracking to identify patterns and optimize your tactical approach and decision-making."
            },
            {
              id: "4",
              title: "Mental Coaching",
              content: "Build championship mentality through sports psychology, confidence training, pressure management, and goal-setting frameworks for consistent excellence."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Track Record of Success"
          description="Proven results speak louder than words"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "150+",
              tag: "Athletes Trained",
              title: "Dedicated players developed into elite competitors"
            },
            {
              id: "2",
              value: "12",
              tag: "Championships",
              title: "Team titles and victories under my coaching"
            },
            {
              id: "3",
              value: "95%",
              tag: "Success Rate",
              title: "Athletes achieving their performance goals"
            },
            {
              id: "4",
              value: "15+",
              tag: "Years Experience",
              title: "Dedicated to coaching excellence"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Athletes Say"
          description="Real results from dedicated players who transformed their game"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Marcus Johnson, College Linebacker",
              quote: "Coach transformed not just my technique but my mindset. His strategic approach helped me earn a scholarship and become team captain. The personalized attention made all the difference.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343316837-jqzqc92s.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              nameTitle: "Sarah Williams, High School QB",
              quote: "As a female quarterback breaking barriers, having a coach who believes in you is everything. Coach's expertise and encouragement helped me throw 40 TDs this season. Grateful doesn't cover it.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343323260-wmu2pum7.jpg",
              imageAlt: "Sarah Williams"
            },
            {
              id: "3",
              nameTitle: "David Martinez, Defensive Back",
              quote: "The film analysis sessions alone were worth every penny. Coach shows you exactly what you're doing wrong and how to fix it. My interception rate doubled in one season.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906153408-yi08z378.jpg",
              imageAlt: "David Martinez"
            },
            {
              id: "4",
              nameTitle: "Alex Thompson, Offensive Line Coach",
              quote: "I brought Coach in to develop our O-line, and the improvement was remarkable. His technical knowledge combined with his ability to push players past their limits is truly special.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg",
              imageAlt: "Alex Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to elevate your game?"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          useInvertedBackground="noInvert"
          animationType="entrance-slide"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Coach Elite"
          columns={[
            {
              items: [
                {
                  label: "Services",
                  href: "services"
                },
                {
                  label: "About",
                  href: "about"
                },
                {
                  label: "Testimonials",
                  href: "testimonials"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact",
                  href: "contact"
                },
                {
                  label: "Book Session",
                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms of Service",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}