"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 NewsPage() {
  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="news-hero" data-section="news-hero">
        <HeroBillboardScroll
          title="Latest News & Updates"
          description="Stay connected with the latest happenings at Corner. From match highlights to training updates, we keep you in the loop."
          tag="News & Blog"
          background={{ variant: "aurora" }}
          imageSrc="https://img.b2bpic.net/free-photo/team-mates-posing-together_23-2148631494.jpg"
          imageAlt="Corner news and updates"
        />
      </div>

      <div id="blog" data-section="blog">
        <FeatureCardOne
          features={[
            {
              title: "Corner U12s Claim Championship Victory",
              description: "In an exciting final match, our U12 squad demonstrated excellent teamwork and tactical awareness to secure the regional championship title.",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-football-equipment-being-enthusiasts-about-new-match_23-2148631521.jpg",
              imageAlt: "Championship victory",
              button: {
                text: "Read More",
                href: "#"
              }
            },
            {
              title: "How to Improve Your First Touch",
              description: "Master the fundamental skill that separates good players from great ones. Learn the training techniques our coaches use with Corner players.",
              imageSrc: "https://img.b2bpic.net/free-photo/little-boy-holding-football-outside-other-kids_23-2148631500.jpg",
              imageAlt: "Training technique",
              button: {
                text: "Read More",
                href: "#"
              }
            },
            {
              title: "Spring Training Camp Registration Open",
              description: "Join us for our intensive spring training camp. Spaces are limited! Register now to secure your spot for April 2025.",
              imageSrc: "https://img.b2bpic.net/free-photo/team-mates-posing-together_23-2148631494.jpg",
              imageAlt: "Training camp",
              button: {
                text: "Register Now",
                href: "/contact"
              }
            }
          ]}
          title="Recent Articles"
          description="Updates, insights, and stories from the Corner community"
          tag="Blog Posts"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="match-results" data-section="match-results">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "Thrilling 3-2 victory against City Lions",
              quote: "What a match! Our U12s showed incredible resilience coming from behind to win 3-2. Emma's hat-trick in the final 15 minutes was absolutely spectacular.",
              name: "Coach James",
              role: "Match Report - January 25, 2025",
              imageSrc: "https://img.b2bpic.net/free-photo/kids-football-equipment-being-enthusiasts-about-new-match_23-2148631521.jpg",
              imageAlt: "Match celebration"
            },
            {
              id: "2",
              title: "Strong defensive performance secures clean sheet",
              quote: "The U10s put in a masterclass defensive performance, working as a unit to keep a clean sheet against Valley United. Noah and Sophie were particularly outstanding.",
              name: "Coach Maria",
              role: "Match Report - January 22, 2025",
              imageSrc: "https://img.b2bpic.net/free-photo/team-mates-posing-together_23-2148631494.jpg",
              imageAlt: "Team defense"
            }
          ]}
          title="Recent Match Results"
          description="Highlights from our latest games"
          tag="Match Reports"
          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>
  );
}