"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Corner"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Team", id: "/team" },
            { name: "News", id: "/news" },
            { name: "Schedule", id: "/schedule" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Corner"
          description="Where young champions are born. Join our community of passionate young footballers developing skills, building friendships, and creating unforgettable memories on the pitch."
          tag="Youth Football Excellence"
          tagIcon={Zap}
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707981.jpg"
          imageAlt="Corner youth football team in action"
          buttons={[
            { text: "Join Our Team", href: "/contact" },
            { text: "Learn More", href: "/team" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Building the next generation of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/full-shot-kids-gathering-field_23-2149270930.jpg", alt: "Corner football training" },
            { type: "text", content: "football champions through coaching, teamwork, and dedication" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Our Programs", href: "/team" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          features={[
            {
              title: "Expert Coaching",
              description: "Experienced coaches dedicated to developing technical skills and tactical awareness in every young player.",
              imageSrc: "https://img.b2bpic.net/free-photo/little-boy-holding-football-outside-other-kids_23-2148631500.jpg",
              imageAlt: "Professional coaching training"
            },
            {
              title: "Team Building",
              description: "More than football—we build lasting friendships and teach values of respect, teamwork, and sportsmanship.",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-football-equipment-being-enthusiasts-about-new-match_23-2148631521.jpg",
              imageAlt: "Team celebrating together"
            },
            {
              title: "Safe Environment",
              description: "A secure, supportive space where every child can grow, learn, and thrive at their own pace.",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707981.jpg",
              imageAlt: "Safe training environment"
            }
          ]}
          title="Why Choose Corner"
          description="Discover what makes our youth football program the best choice for developing young talent"
          tag="Our Strengths"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "My son has never been happier",
              quote: "Corner has transformed my son's confidence on and off the pitch. The coaches are incredible and genuinely care about each child's development. We couldn't be more grateful.",
              name: "Sarah Mitchell",
              role: "Parent of Jake, U12",
              imageSrc: "https://img.b2bpic.net/free-photo/boy-playing-with-football-ball_23-2148598900.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "Best investment for his future",
              quote: "The level of professionalism combined with a fun, supportive atmosphere is exactly what we were looking for. Our daughter has made lifelong friends here.",
              name: "Michael Chen",
              role: "Parent of Emma, U10",
              imageSrc: "https://img.b2bpic.net/free-photo/indoor-image-positive-adorable-afro-american-schoolboy-sportswear-smiling-camera_343059-3663.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              title: "More than just football",
              quote: "What impressed us most is how Corner focuses on character development alongside football skills. Our son has learned so much about teamwork and perseverance.",
              name: "Lisa Rodriguez",
              role: "Parent of Carlos, U14",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-boy-outside_23-2149018911.jpg",
              imageAlt: "Lisa Rodriguez"
            },
            {
              id: "4",
              title: "A true community",
              quote: "Corner is more than a football club—it's a family. The sense of community and support from coaches and parents is truly special.",
              name: "David Kim",
              role: "Parent of Min-jun, U11",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708036.jpg",
              imageAlt: "David Kim"
            }
          ]}
          title="What Parents Say"
          description="Real stories from families in the Corner community"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Interested in joining Corner? Have questions about our programs? We'd love to hear from you. Contact us today to learn more about how your child can become part of our football family."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your child and their football experience",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/junior-football-team-hugging-each-other_53876-137683.jpg"
          imageAlt="Football field"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <FooterBase
        logoText="Corner"
        copyrightText="© 2025 Corner Youth Football. All rights reserved."
        columns={[
          {
            title: "Pages",
            items: [
              { label: "Home", href: "/" },
              { label: "Team", href: "/team" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "Programs",
            items: [
              { label: "U8-U10", href: "/team" },
              { label: "U12-U14", href: "/team" },
              { label: "Schedule", href: "/schedule" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact", href: "/contact" },
              { label: "FAQ", href: "/schedule" },
              { label: "Privacy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}