"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Zap, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";

export default function PerformancePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Design", id: "/design" },
    { name: "Performance", id: "/performance" },
    { name: "Technology", id: "/technology" },
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="AUDI RS9"
          navItems={navItems}
          button={{
            text: "Reserve Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="performance-metrics" data-section="performance-metrics">
        <MetricCardEleven
          tag="Ultimate Performance"
          tagIcon={Award}
          title="Engineering Excellence Quantified"
          description="Experience the raw numbers that define automotive supremacy"
          metrics={[
            {
              id: "1",
              value: "641 hp",
              title: "Maximum Power",
              description: "Twin-turbocharged V8 unleashed",
              imageSrc: "https://img.b2bpic.net/free-photo/night-drive-supercar_23-2151955579.jpg"
            },
            {
              id: "2",
              value: "3.6 sec",
              title: "0-60 mph",
              description: "Acceleration that defies physics",
              imageSrc: "https://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="advanced-engineering" data-section="advanced-engineering">
        <FeatureProcessSteps
          tag="Advanced Engineering"
          tagIcon={Zap}
          title="Precision Through Innovation"
          description="Explore the advanced systems that deliver uncompromising performance and control"
          steps={[
            {
              number: "01",
              title: "Quattro Ultra Technology",
              description: "Intelligent all-wheel drive system with torque vectoring delivers optimal traction and cornering precision on any surface, from daily commutes to track sessions.",
              tag: "Traction"
            },
            {
              number: "02",
              title: "Carbon Ceramic Brakes",
              description: "High-performance braking system with carbon-ceramic discs provides exceptional stopping power and heat resistance for consistent performance under extreme conditions.",
              tag: "Braking"
            },
            {
              number: "03",
              title: "Active Aerodynamics",
              description: "Adaptive aerodynamic elements automatically adjust to optimize downforce and reduce drag, enhancing both high-speed stability and fuel efficiency.",
              tag: "Aerodynamics"
            }
          ]}
          buttons={[
            { text: "Book Test Drive", href: "/contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AUDI RS9"
          copyrightText="© 2025 AUDI AG. All rights reserved. The future of performance."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/audi", ariaLabel: "AUDI Facebook" },
            { icon: Twitter, href: "https://twitter.com/audi", ariaLabel: "AUDI Twitter" },
            { icon: Instagram, href: "https://instagram.com/audi", ariaLabel: "AUDI Instagram" },
            { icon: Linkedin, href: "https://linkedin.com/company/audi", ariaLabel: "AUDI LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}