"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <main>
      <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
      >
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Go Fast"
            navItems={[
              { name: "Home", id: "hero" },
              { name: "About", id: "about" },
              { name: "Team", id: "team" },
              { name: "News", id: "features" },
              { name: "Contact", id: "contact" },
            ]}
            bottomLeftText="Youth Football Team"
            bottomRightText="gofast@example.com"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroLogo
            logoText="Go Fast"
            description="Where young stars kick off their journey! Join our children's football team and develop skills, teamwork, and a lifelong love for the game."
            buttons={[
              { text: "Join the Team", href: "#contact" },
              { text: "View Schedule", href: "#schedule" },
            ]}
            imageSrc="https://img.b2bpic.net/free-photo/junior-football-team-stacking-hands-before-match_53876-139584.jpg?_wi=1"
            imageAlt="Children playing football enthusiastically on a green field"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about">
          <MediaSplitTabsAbout
            title="About Go Fast Football"
            description="At Go Fast, we believe in nurturing talent, building character, and fostering a passion for football in a supportive environment. Our programs focus on holistic development, both on and off the pitch."
            tabs={[
              {
                id: "our-mission",                label: "Our Mission",                description:
                  "To provide a fun, safe, and educational football experience for children of all skill levels, promoting physical fitness, teamwork, and good sportsmanship."},
              {
                id: "coaching-philosophy",                label: "Coaching Philosophy",                description:
                  "Our certified coaches emphasize skill development, tactical understanding, and positive reinforcement, ensuring every child grows confident in their abilities."},
              {
                id: "community-focus",                label: "Community Focus",                description:
                  "We are more than just a team; we are a community. We encourage parent involvement and organize events that strengthen bonds and create lasting memories."},
            ]}
            imageSrc="https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708033.jpg"
            imageAlt="Kids training with a football coach"
            imagePosition="right"
            mediaAnimation="opacity"
            useInvertedBackground={false}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardMedia
            title="Why Choose Go Fast?"
            description="We offer a unique program designed to inspire young footballers. Discover the core values that set us apart and help your child succeed."
            tag="Our Advantages"
            features={[
              {
                id: "1",                title: "Develop Core Skills",                description:
                  "Our training focuses on dribbling, passing, shooting, and game awareness through engaging drills and exercises.",                tag: "Skill Development",                imageSrc: "https://img.b2bpic.net/free-photo/full-shot-kids-playing-football-field_23-2149270949.jpg",                imageAlt: "Child dribbling a football during practice"},
              {
                id: "2",                title: "Embrace Teamwork",                description:
                  "Children learn the importance of collaboration, communication, and supporting each other both on and off the field.",                tag: "Team Building",                imageSrc: "https://img.b2bpic.net/free-photo/junior-football-team-stacking-hands-before-match_53876-139584.jpg?_wi=2",                imageAlt: "Children in a football huddle, demonstrating teamwork"},
              {
                id: "3",                title: "Have Fun & Stay Active",                description:
                  "Football should be enjoyable! We create a lively atmosphere where kids can play, make friends, and stay physically active.",                tag: "Enjoy the Game",                imageSrc: "https://img.b2bpic.net/free-photo/junior-football-team-hugging-each-other_53876-137683.jpg",                imageAlt: "Group of children laughing while playing football"},
            ]}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardTen
            title="Meet Our Rising Stars!"
            tag="Our Squad"
            members={[
              {
                id: "1",                name: "Leo Messi Jr.",                imageSrc: "https://img.b2bpic.net/free-photo/blond-teenager-soccer-player-dressed-blue-uniform-holds-ball_613910-11766.jpg?_wi=1",                imageAlt: "Portrait of a young boy in a football jersey"},
              {
                id: "2",                name: "Mia Hamm Jr.",                imageSrc: "https://img.b2bpic.net/free-photo/portrait-female-rugby-player_23-2148355511.jpg",                imageAlt: "Portrait of a young girl in a football jersey"},
              {
                id: "3",                name: "Ronaldo Jr.",                imageSrc: "https://img.b2bpic.net/free-photo/blond-teenager-soccer-player-dressed-blue-uniform-holds-ball_613910-11766.jpg?_wi=2",                imageAlt: "Portrait of a young boy holding a soccer ball"},
            ]}
            memberVariant="card"
            membersAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwo
            title="What Parents Say About Go Fast"
            description="Hear from the families who are part of the Go Fast community. Their experiences highlight our commitment to excellence and child development."
            tag="Parent Testimonials"
            testimonials={[
              {
                id: "1",                name: "Sarah P.",                role: "Parent of a U8 Player",                testimonial:
                  "Go Fast has been incredible for my son. He's not only improved his skills dramatically but has also gained so much confidence and made great friends.",                imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-senior-woman-young-daughter_1262-2139.jpg",                imageAlt: "Portrait of Sarah P."},
              {
                id: "2",                name: "Michael T.",                role: "Parent of a U10 Player",                testimonial:
                  "The coaches are fantastic—patient, knowledgeable, and genuinely care about each child's development. Highly recommend Go Fast to any aspiring young footballer!",                imageSrc: "https://img.b2bpic.net/free-photo/happy-family-father-daughter-park_624325-4151.jpg",                imageAlt: "Portrait of Michael T."},
              {
                id: "3",                name: "Jessica L.",                role: "Parent of a U6 Player",                testimonial:
                  "My daughter absolutely loves coming to practice. It's wonderful to see her so excited about football and learning new things every week.",                imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",                imageAlt: "Portrait of Jessica L."},
              {
                id: "4",                name: "David K.",                role: "Parent of a U9 Player",                testimonial:
                  "The organization and communication are excellent. Go Fast provides a professional yet fun environment that's perfect for kids learning the sport.",                imageSrc: "https://img.b2bpic.net/free-photo/portrait-blonde-mother-daughter-home_329181-2513.jpg",                imageAlt: "Portrait of David K."},
            ]}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            title="Frequently Asked Questions"
            description="Find quick answers to common questions about our team, registration, and programs."
            tag="FAQs"
            faqs={[
              {
                id: "1",                title: "What age groups do you offer programs for?",                content:
                  "We currently offer programs for children aged 5-12, typically categorized into U6, U8, U10, and U12 teams."},
              {
                id: "2",                title: "How do I register my child for the team?",                content:
                  "Registration can be completed online through our 'Join the Team' button, or you can contact us directly for assistance."},
              {
                id: "3",                title: "What equipment does my child need?",                content:
                  "Players need cleats, shin guards, and a water bottle. A team jersey and shorts will be provided upon registration."},
              {
                id: "4",                title: "What is the training schedule?",                content:
                  "Training sessions are held twice a week, with games typically on weekends. Specific schedules vary by age group and will be provided upon registration."},
              {
                id: "5",                title: "Do you offer trial sessions?",                content:
                  "Yes, we offer a free trial session for new players. Please contact us to arrange a suitable date and time."},
            ]}
            textboxLayout="default"
            faqsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            text="Ready for your child to join the Go Fast team? Contact us today to learn more about our programs and how to get started!"
            buttons={[
              { text: "Get in Touch", href: "mailto:gofast@example.com" },
              { text: "Call Us", href: "tel:+1234567890" },
            ]}
            background={{ variant: "plain" }}
            animationType="entrance-slide"
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://img.b2bpic.net/free-photo/green-grass-sports-field-boundary-line_84443-73902.jpg?_wi=1"
            imageAlt="Green soccer field texture"
            logoText="Go Fast"
            columns={[
              {
                title: "Team",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Squad", href: "#team" },
                  { label: "News & Events", href: "#features" },
                ],
              },
              {
                title: "Support",                items: [
                  { label: "FAQs", href: "#faq" },
                  { label: "Contact Us", href: "#contact" },
                  { label: "Privacy Policy", href: "/privacy-policy" },
                ],
              },
            ]}
            copyrightText="© 2024 Go Fast Football. All rights reserved."
          />
        </div>
      </ThemeProvider>
    </main>
  );
}
