"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import CustomNavbar from "@/components/navbar/CustomNavbar";
import AboutTeam from "@/components/about/AboutTeam";
import AchievementsMetrics from "@/components/metric/AchievementsMetrics";
import FooterSection from "@/components/footer/FooterSection";
import { Users, Trophy, Globe, Award } from "lucide-react";

export default function AboutPage() {
  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="about" data-section="about" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <AboutTeam
          title="About BvB Young Football Academy"
          description="Founded with a passion for excellence, BvB Young represents the pinnacle of youth football development. Our academy combines traditional football values with modern training methodologies to create an environment where young talents can flourish. We believe that football is more than just a game - it's a pathway to character building, teamwork, and personal growth."
          features={[
            {
              title: "Elite Coaching Staff",
              description: "Our coaching team consists of former professional players and certified UEFA coaches who bring years of experience and expertise to our training programs."
            },
            {
              title: "World-Class Facilities",
              description: "State-of-the-art training grounds featuring multiple pitches, indoor facilities, fitness centers, and recovery suites designed for optimal player development."
            },
            {
              title: "Comprehensive Development",
              description: "We focus on technical skills, tactical understanding, physical conditioning, and mental strength to prepare players for the highest levels of competition."
            },
            {
              title: "International Exposure",
              description: "Regular participation in prestigious tournaments across Europe provides our players with invaluable competitive experience against top international talent."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
        <AchievementsMetrics
          title="Our Track Record"
          description="Numbers that speak to our commitment to excellence and player development"
          metrics={[
            {
              label: "Academy Graduates",
              value: "150+",
              icon: Users
            },
            {
              label: "Championships Won",
              value: "28",
              icon: Trophy
            },
            {
              label: "International Players",
              value: "45",
              icon: Globe
            },
            {
              label: "Years of Excellence",
              value: "15",
              icon: Award
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="mission" data-section="mission" 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">Our Mission & Values</h2>
          <p className="text-lg md:text-xl text-foreground/80 mb-12">
            At BvB Young, we are committed to developing not just exceptional footballers, but exceptional individuals. Our values guide everything we do.
          </p>
          <div className="grid md:grid-cols-3 gap-8">
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-4">Excellence</h3>
              <p className="text-foreground/70">Striving for the highest standards in everything we do, from training to competition to personal conduct.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-4">Integrity</h3>
              <p className="text-foreground/70">Building character through honest, ethical behavior both on and off the pitch.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-4">Innovation</h3>
              <p className="text-foreground/70">Continuously evolving our methods and embracing new technologies to stay at the forefront of player development.</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>
  );
}