"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Award, Trophy, Users, Target, Instagram, Twitter, Linkedin, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeExtraSmallSpacing"
      background="dotGrid"
      cardStyle="noise"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Achievements", id: "achievements" },
            { name: "Contact", id: "contact" }
          ]}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343316837-jqzqc92s.jpg"
          logoAlt="Valerio Quagliarella"
          brandName="Valerio Q."
          bottomLeftText="Professional Coach"
          bottomRightText="coaching@valerioquagliarella.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Valerio Quagliarella - Elite Soccer Coach"
          description="Transform your game with world-class coaching from a legendary player turned mentor. Specializing in player development, tactical excellence, and championship mindset."
          tag="Professional Coach"
          tagIcon={Award}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg"
          imageAlt="Professional coaching session"
          frameStyle="card"
          buttons={[
            { text: "Explore Services", href: "services" },
            { text: "Get in Touch", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="My Journey"
          title="From Elite Player to World-Class Coach"
          description="With decades of professional football experience at the highest levels, I've transitioned my passion and expertise into developing the next generation of champions. My approach combines tactical brilliance with personal mentorship."
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343319342-854i4iax.jpg",
            imageAlt: "Playing career highlights"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343320188-fnet5cow.jpg",
            imageAlt: "Coaching journey and mentorship"
          }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Bio", href: "#" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Coaching Services"
          description="Comprehensive training programs designed for individual and team excellence"
          tag="What I Offer"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Individual",
              title: "One-on-One Coaching",
              subtitle: "Personalized development for elite performers",
              description: "Tailored coaching sessions focused on improving technical skills, tactical awareness, and mental strength. Perfect for players aiming to reach professional levels.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343321067-31qd7cx0.jpg"
            },
            {
              id: 2,
              tag: "Team Development",
              title: "Team Training Programs",
              subtitle: "Building cohesive, winning teams",
              description: "Comprehensive team coaching including tactical formations, team chemistry development, and championship preparation strategies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343316837-jqzqc92s.jpg"
            },
            {
              id: 3,
              tag: "Youth",
              title: "Youth Player Development",
              subtitle: "Nurturing future champions",
              description: "Specialized programs for young talents focusing on foundational skills, decision-making, and competitive mindset building from an early age.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343321067-31qd7cx0.jpg"
            }
          ]}
        />
      </div>

      <div id="achievements" data-section="achievements">
        <MetricCardThree
          title="Career Achievements"
          description="Proven track record of excellence across playing and coaching careers"
          tag="Success Metrics"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          metrics={[
            {
              id: "1",
              icon: Trophy,
              title: "Championships",
              value: "8+"
            },
            {
              id: "2",
              icon: Users,
              title: "Players Developed",
              value: "200+"
            },
            {
              id: "3",
              icon: Target,
              title: "Goals Scored",
              value: "150+"
            },
            {
              id: "4",
              icon: Award,
              title: "Professional Years",
              value: "30+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Players and Teams Say"
          description="Testimonials from players and managers who have benefited from coaching and mentorship"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marco Rossi",
              role: "Professional Player",
              company: "Serie A Club",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg",
              imageAlt: "Marco Rossi testimonial"
            },
            {
              id: "2",
              name: "Andrea Ferrari",
              role: "Team Manager",
              company: "National Team",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343323260-wmu2pum7.jpg",
              imageAlt: "Andrea Ferrari testimonial"
            },
            {
              id: "3",
              name: "Luca Bianchi",
              role: "Young Talent",
              company: "Academy Development",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343319342-854i4iax.jpg",
              imageAlt: "Luca Bianchi testimonial"
            },
            {
              id: "4",
              name: "FC Ambizione",
              role: "Team Coach",
              company: "Professional Club",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343320188-fnet5cow.jpg",
              imageAlt: "Team testimonial"
            },
            {
              id: "5",
              name: "Giovanni Conte",
              role: "Sports Director",
              company: "Youth Academy",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg",
              imageAlt: "Giovanni Conte testimonial"
            },
            {
              id: "6",
              name: "Riccardo Leone",
              role: "Professional Player",
              company: "European Club",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343323260-wmu2pum7.jpg",
              imageAlt: "Riccardo Leone testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Start Your Coaching Journey"
          description="Interested in elevating your game or developing your team? Get in touch to discuss personalized coaching programs and opportunities."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: false
            },
            {
              name: "interest",
              type: "text",
              placeholder: "Coaching Interest (Individual/Team/Academy)",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell me about your coaching goals and experience level...",
            rows: 5,
            required: true
          }}
          buttonText="Request Coaching Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          description="Elite coaching for players and teams aiming for championship excellence. Transforming talent into champions through proven methodologies."
          logoText="Valerio Q."
          copyrightText="© 2025 Valerio Quagliarella. All rights reserved."
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "Home", href: "hero" },
                { label: "About Me", href: "about" },
                { label: "Services", href: "services" },
                { label: "Achievements", href: "achievements" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "One-on-One Coaching", href: "#" },
                { label: "Team Training", href: "#" },
                { label: "Youth Development", href: "#" },
                { label: "Consulting", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}