"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart, Shield, Sparkles, Star, Target, Trophy, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Achievements", id: "achievements" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Goleodor"
          bottomLeftText="Soccer Excellence Since 2018"
          bottomRightText="join@goleodor.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="GOLEODOR"
          description="Unleashing young talent on the football pitch. Goleodor is a premier youth football team dedicated to developing skilled athletes, fostering teamwork, and building champions both on and off the field."
          background={{ variant: "aurora" }}
          buttons={[
            { text: "Join Our Team", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/women-hugging-football-field_23-2148634698.jpg"
          imageAlt="football youth team soccer players action"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Goleodor"
          description={[
            "Goleodor is a youth-focused football organization committed to developing the next generation of skilled athletes. Founded in 2018, we combine rigorous training with a supportive community environment that values both athletic excellence and personal growth.",            "Our coaching staff brings decades of professional experience to create a training program that emphasizes technical skill development, tactical awareness, and the importance of teamwork. We believe that football is more than a sport—it's a platform for building character, discipline, and lifelong friendships.",            "We're proud of our track record: multiple tournament victories, consistent regional rankings, and most importantly, young athletes who've gone on to play at higher competitive levels while becoming well-rounded individuals."
          ]}
          buttons={[
            { text: "Our Philosophy", href: "#" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          members={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Forward",              description: "Clinical finisher with exceptional game awareness. Leading goal scorer for the season with multiple match-winning performances.",              imageSrc: "https://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684381.jpg",              imageAlt: "football player youth portrait athlete soccer",              socialLinks: [
                { icon: Trophy, url: "#" }
              ]
            },
            {
              id: "2",              name: "David Silva",              role: "Midfielder",              description: "Versatile midfielder controlling the tempo of play. Known for precise passing and defensive contributions throughout matches.",              imageSrc: "https://img.b2bpic.net/free-photo/women-posing-together-outdoors_23-2148634676.jpg",              imageAlt: "football player young athlete soccer portrait",              socialLinks: [
                { icon: Zap, url: "#" }
              ]
            },
            {
              id: "3",              name: "Alex Rodriguez",              role: "Goalkeeper",              description: "Commanding presence between the posts with rapid reflexes. Critical shot-stopper and distributor for the team's build-up play.",              imageSrc: "https://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684402.jpg",              imageAlt: "football goalkeeper youth athlete soccer portrait",              socialLinks: [
                { icon: Shield, url: "#" }
              ]
            },
            {
              id: "4",              name: "James Chen",              role: "Defender",              description: "Rock-solid defender with excellent positioning and communication. Backbone of our defensive line with consistent performances.",              imageSrc: "https://img.b2bpic.net/free-photo/three-women-hugging-outside_23-2148634697.jpg",              imageAlt: "football player midfielder youth athlete portrait",              socialLinks: [
                { icon: Heart, url: "#" }
              ]
            }
          ]}
          title="Meet Our Stars"
          description="The talented players at the heart of Goleodor's success. These young athletes represent the best of our team's commitment to excellence."
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",              icon: Trophy,
              title: "Tournaments Won",              value: "12"
            },
            {
              id: "2",              icon: Users,
              title: "Young Athletes",              value: "80+"
            },
            {
              id: "3",              icon: Target,
              title: "Goals Scored",              value: "456"
            },
            {
              id: "4",              icon: Star,
              title: "Years Excellence",              value: "6"
            }
          ]}
          title="Our Impact"
          description="Goleodor by the numbers: a testament to years of dedication, hard work, and sporting achievement."
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="achievements" data-section="achievements">
        <FeatureCardSix
          title="Recent Achievements"
          description="Celebrating our milestones and memorable moments that showcase Goleodor's commitment to excellence."
          tag="Highlights"
          tagIcon={Sparkles}
          features={[
            {
              id: 1,
              title: "Regional Championship 2024",              description: "Goleodor claimed the regional youth football championship, defeating top-seeded teams through exceptional teamwork and tactical execution.",              imageSrc: "https://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684372.jpg",              imageAlt: "football tournament trophy victory celebration champions"
            },
            {
              id: 2,
              title: "Development Excellence",              description: "Three Goleodor players selected for national youth training camps, continuing our legacy of developing elite-level talent.",              imageSrc: "https://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684387.jpg",              imageAlt: "football training young athletes field practice"
            },
            {
              id: 3,
              title: "Community Impact",              description: "Over 500 youth participating in our grassroots programs, building the future foundation of competitive football in our region.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-female-football-team-posing_23-2149044664.jpg",              imageAlt: "football stadium field grass soccer pitch"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          testimonials={[
            {
              id: "1",              name: "Carlos Martinez",              role: "Parent",              company: "Family",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",              imageAlt: "parent satisfied happy portrait testimonial family"
            },
            {
              id: "2",              name: "Coach Antonio Silva",              role: "Former Professional",              company: "Coaching Staff",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/mother-son-posing-smiling_23-2148414883.jpg",              imageAlt: "coach football trainer professional sports portrait"
            },
            {
              id: "3",              name: "Lucas Fernandez",              role: "Team Captain",              company: "Goleodor FC",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",              imageAlt: "young athlete player football soccer portrait"
            },
            {
              id: "4",              name: "Elena Rodrigues",              role: "Supporter",              company: "Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg",              imageAlt: "fan supporter happy sports enthusiast portrait"
            }
          ]}
          kpiItems={[
            { value: "100%", label: "Player Satisfaction" },
            { value: "95%", label: "Parent Approval" },
            { value: "12", label: "Tournament Wins" }
          ]}
          title="What People Say About Goleodor"
          description="Hear from parents, coaches, players, and supporters about their Goleodor experience."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to join Goleodor and experience world-class youth football training? Get in touch with us today to learn about tryouts, training programs, and becoming part of our championship team."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us", href: "mailto:join@goleodor.com" },
            { text: "Schedule Tryout", href: "#" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "About", href: "#about" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Programs",              items: [
                { label: "Youth Academy", href: "#" },
                { label: "Competitive Teams", href: "#" },
                { label: "Training", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Email", href: "mailto:join@goleodor.com" },
                { label: "Follow Us", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Goleodor FC. All rights reserved."
          bottomRightText="Developing Champions Since 2018"
        />
      </div>
    </ThemeProvider>
  );
}