"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterCard from '@/components/sections/footer/FooterCard';
import { HelpCircle, Award, Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';

export default function PerformancePage() {
  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={[
            { name: "Home", id: "/" },
            { name: "Design", id: "/design" },
            { name: "Performance", id: "/performance" },
            { name: "Technology", id: "/technology" },
            { name: "Specifications", id: "/specifications" }
          ]}
          button={{ text: "Reserve Now", href: "/contact" }}
        />
      </div>

      <div id="performance-metrics" data-section="performance-metrics">
        <MetricCardEleven
          tag="Performance Excellence"
          tagIcon={Award}
          title="Track-Ready Performance"
          description="The RS9 delivers exceptional performance metrics that set new standards in the luxury sedan segment"
          metrics={[
            {
              id: "1",
              value: "3.6 sec",
              title: "0-60 Acceleration",
              description: "Lightning-fast acceleration for ultimate performance",
              imageSrc: "https://img.b2bpic.net/free-photo/night-drive-supercar_23-2151955579.jpg",
              imageAlt: "engine turbo performance mechanical"
            },
            {
              id: "2",
              value: "641 hp",
              title: "Peak Power",
              description: "Twin-turbocharged V8 delivers maximum power",
              imageSrc: "https://img.b2bpic.net/free-photo/black-sport-car-back-vire-motor-gas-pipes-blank-space-registration-number_114579-1167.jpg",
              imageAlt: "suspension handling sports car technology"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          tag="Help Center"
          tagIcon={HelpCircle}
          title="Frequently Asked Questions"
          description="Everything you need to know about the AUDI RS9"
          faqs={[
            {
              id: "1",
              title: "What is the fuel economy of the RS9?",
              content: "The AUDI RS9 delivers an estimated combined fuel economy of 16-18 MPG depending on driving conditions and transmission settings. While performance-focused, the engine incorporates efficiency technologies to optimize fuel consumption without compromising power delivery."
            },
            {
              id: "2",
              title: "What is the warranty coverage?",
              content: "The RS9 comes with AUDI's comprehensive warranty: 4 years/50,000 miles basic coverage, 6 years/70,000 miles powertrain coverage, and 12 years/unlimited miles corrosion protection. Extended warranties are available for additional peace of mind."
            },
            {
              id: "3",
              title: "What safety features are included?",
              content: "The RS9 features advanced driver assistance systems including adaptive cruise control, lane keeping assist, automatic emergency braking, blind spot monitoring, and a 360-degree camera system. It achieves top safety ratings from NHTSA and IIHS."
            },
            {
              id: "4",
              title: "How does the four-wheel drive system work?",
              content: "The RS9 utilizes AUDI's Quattro all-wheel drive with dynamic torque vectoring. The system intelligently distributes power between all four wheels, sending up to 100% of torque to any wheel for optimal traction and cornering performance."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </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>
  );
}