"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Award, Globe, Zap } from "lucide-react";

export default function RacingPage() {
  const navItems = [
    { name: "Models", id: "models" },
    { name: "Performance", id: "performance" },
    { name: "Racing", id: "racing" },
    { name: "Technology", id: "technology" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Models",
      items: [
        { label: "Motocross", href: "/models" },
        { label: "Adventure", href: "/models" },
        { label: "Street", href: "/models" },
        { label: "Electric", href: "/models" },
      ],
    },
    {
      title: "Racing",
      items: [
        { label: "MotoGP", href: "/racing" },
        { label: "Motocross", href: "/racing" },
        { label: "Enduro", href: "/racing" },
        { label: "Rally", href: "/racing" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About KTM", href: "https://www.ktmgroup.com" },
        { label: "Careers", href: "https://jobs.ktm.com" },
        { label: "Press", href: "https://press.ktm.com" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Use", href: "#" },
        { label: "Impressum", href: "#" },
        { label: "Cookie Settings", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="KTM"
          bottomLeftText="Ready to Race"
          bottomRightText="Made for Champions"
        />
      </div>

      <div id="racing-team" data-section="racing-team">
        <TeamCardFive
          title="World-Class Racing Team"
          description="KTM's elite athletes compete at the highest levels of motorsport across every discipline"
          tag="Our Athletes"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Racing Calendar", href: "#" }]}
          buttonAnimation="slide-up"
          animationType="slide-up"
          team={[
            {
              id: "racer1",
              name: "Championship Contender",
              role: "MotoGP Factory Rider",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APbw46PUyaxpRcSS3bOWIP0kw9/portrait-of-a-professional-motocross-rac-1772497657860-c8d4f987.png?_wi=3",
              imageAlt: "Champion Racer",
            },
            {
              id: "racer2",
              name: "Elite Performer",
              role: "Motocross Pro",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APbw46PUyaxpRcSS3bOWIP0kw9/female-professional-motorcycle-racer-in--1772497657783-741dd07c.png?_wi=3",
              imageAlt: "Motocross Champion",
            },
            {
              id: "racer3",
              name: "Record Holder",
              role: "Enduro Champion",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APbw46PUyaxpRcSS3bOWIP0kw9/professional-motocross-champion-in-ktm-t-1772497657761-40600cf6.png?_wi=3",
              imageAlt: "Enduro Champion",
            },
            {
              id: "racer4",
              name: "Innovation Expert",
              role: "Technical Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APbw46PUyaxpRcSS3bOWIP0kw9/professional-motorcycle-mechanic-or-engi-1772497657496-73520b50.png?_wi=3",
              imageAlt: "Technical Expertise",
            },
          ]}
        />
      </div>

      <div id="racing-partnerships" data-section="racing-partnerships">
        <SocialProofOne
          title="Racing Heritage"
          description="KTM dominates every major racing championship and discipline worldwide"
          tag="Global Championships"
          tagIcon={Globe}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "MotoGP Championship",
            "Motocross World Championship",
            "Enduro World Championship",
            "Supercross Series",
            "Rally Dakar",
            "ISDE Racing",
            "Superbike World Championship",
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/karting-motor-race-logo-emblem-set_1284-15006.jpg",
            "http://img.b2bpic.net/free-vector/motocross-logo-set-template_52683-48312.jpg",
            "http://img.b2bpic.net/free-vector/motocross-logo-collection_52683-46377.jpg",
            "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-43749.jpg",
            "http://img.b2bpic.net/free-vector/hand-drawn-desert-logo-template_23-2149398901.jpg",
            "http://img.b2bpic.net/free-vector/motocross-logo-set-template_52683-48312.jpg",
            "http://img.b2bpic.net/free-vector/vintage-motor-label-with-lettering-composition_1284-45824.jpg",
          ]}
          speed={50}
          showCard={true}
        />
      </div>

      <div id="cta-racing" data-section="cta-racing">
        <ContactText
          text="Follow KTM's racing journey and experience the same technology that wins championships."
          animationType="reveal-blur"
          buttons={[
            { text: "Racing News", href: "#" },
            { text: "Merchandise Shop", href: "#" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2025 KTM AG. All rights reserved."
          bottomRightText="Ready to Race"
        />
      </div>
    </ThemeProvider>
  );
}