"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function SchedulePage() {
  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="schedule-hero" data-section="schedule-hero">
        <HeroBillboardScroll
          title="Season Schedule"
          description="Mark your calendars! Here's our complete schedule for upcoming matches, training sessions, and special events."
          tag="Games & Events"
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707981.jpg"
          imageAlt="Corner schedule and events"
        />
      </div>

      <div id="upcoming-matches" data-section="upcoming-matches">
        <FeatureCardOne
          features={[
            {
              title: "U12 vs Valley Rangers",
              description: "Saturday, February 1st at 10:00 AM - Central Park Stadium. This promises to be an exciting match as we face our local rivals.",
              imageSrc: "https://img.b2bpic.net/free-photo/team-mates-posing-together_23-2148631494.jpg",
              imageAlt: "Match day preparation"
            },
            {
              title: "U10 Training Session",
              description: "Every Tuesday & Thursday 4:00-5:00 PM at Corner Training Ground. Focus on ball control and passing techniques.",
              imageSrc: "https://img.b2bpic.net/free-photo/little-boy-holding-football-outside-other-kids_23-2148631500.jpg",
              imageAlt: "Training session"
            },
            {
              title: "Spring Camp Registration",
              description: "April 15-19, 2025. Intensive training camp for all age groups. Limited spots available - register early!",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-football-equipment-being-enthusiasts-about-new-match_23-2148631521.jpg",
              imageAlt: "Training camp"
            }
          ]}
          title="Upcoming Events"
          description="Don't miss these important dates"
          tag="Schedule"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "When is our next match?",
              quote: "Our next U12 match is scheduled for Saturday, February 1st at 10:00 AM at Central Park. The U10s play on Sunday, February 2nd at 11:00 AM. Check back regularly for any schedule updates.",
              name: "Schedule Info",
              role: "Frequently Asked Question",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707981.jpg",
              imageAlt: "Match schedule"
            },
            {
              id: "2",
              title: "How often do we train?",
              quote: "Most age groups train twice per week. U8-U10 groups train Tuesday and Thursday evenings from 4-5 PM. U12-U14 groups train Wednesday and Friday evenings from 6-7:30 PM. Additional optional training sessions are available on weekends.",
              name: "Training Info",
              role: "Frequently Asked Question",
              imageSrc: "https://img.b2bpic.net/free-photo/little-boy-holding-football-outside-other-kids_23-2148631500.jpg",
              imageAlt: "Training times"
            },
            {
              id: "3",
              title: "What if I need to miss a match?",
              quote: "Please notify your coach as soon as possible if your child will be unable to attend a match. We understand that things come up. Just let us know in advance so we can plan accordingly.",
              name: "Attendance Info",
              role: "Frequently Asked Question",
              imageSrc: "https://img.b2bpic.net/free-photo/team-mates-posing-together_23-2148631494.jpg",
              imageAlt: "Match attendance"
            }
          ]}
          title="Schedule FAQs"
          description="Common questions about matches, training times, and events"
          tag="Questions"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}