"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import CustomNavbar from "@/components/navbar/CustomNavbar";
import LatestNews from "@/components/blog/LatestNews";
import FooterSection from "@/components/footer/FooterSection";

export default function NewsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <CustomNavbar
          logo="BvB Young"
          links={[
            { label: "Home", href: "/" },
            { label: "About", href: "/about" },
            { label: "Players", href: "/players" },
            { label: "News", href: "/news" },
            { label: "Contact", href: "/contact" }
          ]}
        />
      </div>

      <div id="news-main" data-section="news-main" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <LatestNews
          title="BvB Young News & Updates"
          description="Stay up-to-date with the latest news, achievements, and developments from our academy. From tournament victories to facility upgrades, discover what's happening at BvB Young."
          articles={[
            {
              id: "1",
              title: "Championship Victory!",
              excerpt: "BvB Young claims regional championship with dominant 3-0 performance in final match against top competitors",
              date: "2024-01-15",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-soccer-ball-running-through-cones_23-2148355364.jpg",
              author: "Team News"
            },
            {
              id: "2",
              title: "International Tournament Success",
              excerpt: "Our players shine in European youth tournament, securing second place finish and valuable international experience",
              date: "2024-01-10",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-helping-kids-medium-shot_23-2149742061.jpg",
              author: "Sports Updates"
            },
            {
              id: "3",
              title: "New Training Facilities Unveiled",
              excerpt: "State-of-the-art performance center opens for enhanced player development and training capabilities",
              date: "2024-01-05",
              imageSrc: "https://img.b2bpic.net/free-photo/women-warming-up-football-field_23-2148355388.jpg",
              author: "Club Announcements"
            },
            {
              id: "4",
              title: "Elite Coaching Certification Program",
              excerpt: "BvB Young coaching staff completes advanced UEFA certification, bringing latest methodologies to our academy",
              date: "2023-12-28",
              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-helping-kids-back-view_23-2149742058.jpg",
              author: "Academy Updates"
            },
            {
              id: "5",
              title: "Youth League Quarter-Final Qualification",
              excerpt: "Outstanding team performance secures advancement to quarter-finals in prestigious regional youth league",
              date: "2023-12-20",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-blonde-girl-running-through-cones_23-2148355370.jpg",
              author: "Match Reports"
            },
            {
              id: "6",
              title: "Partnership with Professional Club",
              excerpt: "New strategic partnership opens pathways for academy graduates to professional football opportunities",
              date: "2023-12-12",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-stretching-leg-field-full-shot_23-2148930217.jpg",
              author: "Partnership News"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="upcoming" data-section="upcoming" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <div className="max-w-4xl mx-auto text-center">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-medium mb-6">Upcoming Events</h2>
          <p className="text-lg md:text-xl text-foreground/80 mb-12">
            Mark your calendars for these exciting upcoming events and matches.
          </p>
          <div className="space-y-6">
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <div className="flex justify-between items-start mb-2">
                <h3 className="text-xl font-semibold">Regional Championship Semi-Final</h3>
                <span className="text-sm text-foreground/70">February 15, 2024</span>
              </div>
              <p className="text-foreground/70">BvB Young vs. FC Berlin Youth - Home match at our training center stadium.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <div className="flex justify-between items-start mb-2">
                <h3 className="text-xl font-semibold">International Training Camp</h3>
                <span className="text-sm text-foreground/70">March 2-9, 2024</span>
              </div>
              <p className="text-foreground/70">Week-long intensive training program in Barcelona with international coaching staff.</p>
            </div>
          </div>
        </div>
      </div>

      <div id="media" data-section="media" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <div className="max-w-4xl mx-auto text-center">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-medium mb-6">Media Center</h2>
          <p className="text-lg md:text-xl text-foreground/80 mb-12">
            Access our photo galleries, video highlights, and press resources.
          </p>
          <div className="grid md:grid-cols-2 gap-8">
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <h3 className="text-xl font-semibold mb-4">Photo Gallery</h3>
              <p className="text-foreground/70">Browse through our collection of training sessions, matches, and academy life moments.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <h3 className="text-xl font-semibold mb-4">Video Highlights</h3>
              <p className="text-foreground/70">Watch match highlights, player interviews, and behind-the-scenes content from our academy.</p>
            </div>
          </div>
        </div>
      </div>

      <FooterSection
        companyName="BvB Young"
        description="Developing the next generation of football champions"
        sections={[
          {
            title: "Quick Links",
            links: [
              { label: "Home", href: "/" },
              { label: "About", href: "/about" },
              { label: "Players", href: "/players" },
              { label: "News", href: "/news" }
            ]
          },
          {
            title: "Contact",
            links: [
              { label: "Email: info@bvbyoung.com", href: "mailto:info@bvbyoung.com" },
              { label: "Phone: +49 231 1234567", href: "tel:+4923112345567" }
            ]
          }
        ]}
        socialLinks={[
          { platform: "facebook", url: "https://facebook.com/bvbyoung" },
          { platform: "instagram", url: "https://instagram.com/bvbyoung" },
          { platform: "twitter", url: "https://twitter.com/bvbyoung" }
        ]}
        copyright="© 2024 BvB Young. All rights reserved."
      />
    </ThemeProvider>
  );
}