"use client";

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

export default function ContactPage() {
  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="contact" data-section="contact" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <ContactSection
          title="Get In Touch"
          description="Interested in joining BvB Young or have questions about our academy? We'd love to hear from you. Contact us today to learn more about our programs and how we can help develop your football potential."
          contactInfo={{
            email: "info@bvbyoung.com",
            phone: "+49 231 1234567",
            address: "Dortmund, Germany"
          }}
          formFields={[
            {
              name: "fullName",
              label: "Full Name",
              type: "text",
              required: true
            },
            {
              name: "email",
              label: "Email Address",
              type: "email",
              required: true
            },
            {
              name: "subject",
              label: "Subject",
              type: "text",
              required: true
            },
            {
              name: "message",
              label: "Message",
              type: "textarea",
              required: true
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="location" data-section="location" 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">Visit Our Academy</h2>
          <p className="text-lg md:text-xl text-foreground/80 mb-12">
            Located in the heart of Dortmund, our academy offers world-class facilities and easy accessibility for families throughout the region.
          </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">Academy Address</h3>
              <p className="text-foreground/70 mb-2">BvB Young Football Academy</p>
              <p className="text-foreground/70 mb-2">Trainingsgelände Süd</p>
              <p className="text-foreground/70 mb-2">44139 Dortmund, Germany</p>
              <p className="text-foreground/70">Near Signal Iduna Park</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50 text-left">
              <h3 className="text-xl font-semibold mb-4">Getting Here</h3>
              <p className="text-foreground/70 mb-2">By Car: A40 Exit Dortmund-Süd</p>
              <p className="text-foreground/70 mb-2">By Train: Dortmund Hauptbahnhof + Bus 440</p>
              <p className="text-foreground/70 mb-2">By Bus: Lines 440, 445 to "Stadion"</p>
              <p className="text-foreground/70">Parking available on-site</p>
            </div>
          </div>
        </div>
      </div>

      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6 py-16 md:py-24">
        <div className="max-w-4xl mx-auto">
          <h2 className="text-3xl md:text-4xl lg:text-5xl font-medium text-center mb-12">Frequently Asked Questions</h2>
          <div className="space-y-6">
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-3">What age groups do you accept?</h3>
              <p className="text-foreground/70">We accept players from ages 8 to 18, with specialized programs for each age group focusing on age-appropriate development.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-3">How do I apply for the academy?</h3>
              <p className="text-foreground/70">Contact us to schedule a trial session. We evaluate players based on skill level, attitude, and potential for development.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-3">What does the training program include?</h3>
              <p className="text-foreground/70">Our comprehensive program includes technical training, tactical education, physical conditioning, mental preparation, and match experience.</p>
            </div>
            <div className="p-6 rounded-lg bg-card/50">
              <h3 className="text-xl font-semibold mb-3">Do you offer scholarships?</h3>
              <p className="text-foreground/70">Yes, we offer scholarship opportunities for exceptional talents who demonstrate both skill and dedication but may need financial assistance.</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>
  );
}