2c0918d5-7fdf-4cde-ab96-a1a36498a46c/src/app/about/page.tsx

"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Trophy, Users, Phone } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Team", id: "/team" },
    { name: "Matches", id: "/matches" },
    { name: "News", id: "/news" },
  ];

  const footerColumns = [
    {
      title: "Club",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Team", href: "/team" },
        { label: "Facilities", href: "/about" },
        { label: "Sponsors", href: "#sponsors" },
      ],
    },
    {
      title: "Activities",
      items: [
        { label: "Matches & Results", href: "/matches" },
        { label: "News", href: "/news" },
        { label: "Gallery", href: "/gallery" },
        { label: "Events", href: "#events" },
      ],
    },
    {
      title: "Get Involved",
      items: [
        { label: "Join the Club", href: "/join" },
        { label: "Contact Us", href: "/contact" },
        { label: "Become a Sponsor", href: "/contact" },
        { label: "Volunteer", href: "/contact" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Elite Football Club"
          navItems={navItems}
          button={{ text: "Join Us", href: "/join" }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Trophy}
          title="Building Excellence Through Football"
          description="Founded with a mission to develop young talent and promote the beautiful game, Elite Football Club has been a cornerstone of our community for over two decades. We believe in fostering not just skilled athletes, but responsible citizens who embody the values of teamwork, integrity, and perseverance."
          metrics={[
            { value: "20+", title: "Years of Excellence" },
            { value: "500+", title: "Players Developed" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-kids-football-field_23-2149270911.jpg?_wi=2"
          imageAlt="Elite Football Club Training Facility"
          useInvertedBackground={false}
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Squad"
          description="Get to know the talented players and dedicated coaching staff who make Elite Football Club great."
          team={[
            {
              id: "1",
              name: "David Martinez",
              role: "Head Coach",
              imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-ball_1187-1688.jpg?_wi=2",
              imageAlt: "David Martinez",
            },
            {
              id: "2",
              name: "Alex Thompson",
              role: "Forward",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-african-athlete-with-healthy-tanned-skin-confident-look-wearing-black-sportswear-squinting-his-eyes-while-resting-outdoors-listening-his-favourite-music-with-earphones_273609-1205.jpg?_wi=2",
              imageAlt: "Alex Thompson",
            },
            {
              id: "3",
              name: "Emma Richardson",
              role: "Midfielder",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-basketball_23-2148773285.jpg?_wi=2",
              imageAlt: "Emma Richardson",
            },
            {
              id: "4",
              name: "Carlos Santos",
              role: "Defender",
              imageSrc: "http://img.b2bpic.net/free-photo/male-american-football-player-uniform-field_23-2150034568.jpg?_wi=2",
              imageAlt: "Carlos Santos",
            },
            {
              id: "5",
              name: "Jordan Lee",
              role: "Goalkeeper",
              imageSrc: "http://img.b2bpic.net/free-photo/amateur-football-concept-with-goalkeeper_23-2147833417.jpg?_wi=2",
              imageAlt: "Jordan Lee",
            },
            {
              id: "6",
              name: "Sofia Hernandez",
              role: "Assistant Coach",
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg?_wi=2",
              imageAlt: "Sofia Hernandez",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Squad"
          tagIcon={Users}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "What are the age requirements to join?",
              content:
                "We welcome players from age 5 to senior levels. Different programs are tailored to each age group with age-appropriate training and competition levels.",
            },
            {
              id: "2",
              title: "How do I register for training?",
              content:
                "Visit our Join page to fill out the registration form. Our staff will contact you within 24 hours with available training times and pricing information.",
            },
            {
              id: "3",
              title: "What is the cost of membership?",
              content:
                "Membership fees vary depending on age group and program level. Youth programs start at $50/month while senior competitive teams range from $100-200/month.",
            },
            {
              id: "4",
              title: "Do you offer scholarships?",
              content:
                "Yes, we offer merit-based scholarships for talented players. Contact our coaching staff to discuss scholarship opportunities.",
            },
          ]}
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about joining or want to know more? Contact us today and let's talk football!"
          ctaIcon={Phone}
          ctaButton={{ text: "Contact Us", href: "/contact" }}
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Elite Football Club. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}