"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap } from "lucide-react";

export default function PerformancePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Porsche"
          navItems={[
            { name: "Models", id: "products" },
            { name: "Performance", id: "features" },
            { name: "Heritage", id: "about" },
            { name: "Innovation", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Engineering Excellence"
          bottomRightText="hello@porsche.com"
        />
      </div>

      {/* Features Section */}
      <div id="features" data-section="features">
        <FeatureCardTen
          title="Engineering Mastery"
          description="Every Porsche is crafted with precision engineering and relentless attention to detail, delivering unparalleled performance and driving dynamics."
          features={[
            {
              id: "1",
              title: "Advanced Aerodynamics",
              description: "Cutting-edge aerodynamic design reduces drag and enhances stability at any speed, optimizing performance and efficiency.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg"
              },
              items: [
                { icon: Zap, text: "Optimized air flow dynamics" },
                { icon: Zap, text: "Reduced fuel consumption" },
                { icon: Zap, text: "Superior handling stability" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Turbocharged Performance",
              description: "Powerful turbocharged engines deliver exhilarating acceleration and responsive power across the entire rev range.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg"
              },
              items: [
                { icon: Zap, text: "Multi-stage turbocharging system" },
                { icon: Zap, text: "Direct fuel injection technology" },
                { icon: Zap, text: "Peak efficiency optimization" }
              ],
              reverse: true
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Product Section */}
      <div id="products" data-section="products">
        <ProductCardOne
          title="Performance Lineup"
          description="Experience the complete range of Porsche vehicles, each engineered to deliver exceptional performance and driving pleasure."
          products={[
            {
              id: "1",
              name: "911 Turbo",
              price: "From $180,000",
              imageSrc: "https://img.b2bpic.net/free-photo/metallic-color-mini-coupe-driving-accross-forest_114579-4013.jpg",
              imageAlt: "Porsche 911 Turbo high-performance sports car"
            },
            {
              id: "2",
              name: "Cayenne GTS",
              price: "From $120,000",
              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg",
              imageAlt: "Porsche Cayenne GTS performance SUV"
            },
            {
              id: "3",
              name: "Panamera Sport",
              price: "From $140,000",
              imageSrc: "https://img.b2bpic.net/free-photo/white-mini-coupe-road_114579-5082.jpg",
              imageAlt: "Porsche Panamera Sport luxury performance sedan"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg"
          imageAlt="Porsche racing legacy"
          logoText="Porsche"
          copyrightText="© 2025 Porsche AG. All rights reserved."
          columns={[
            {
              title: "Models",
              items: [
                { label: "911", href: "products" },
                { label: "Cayenne", href: "products" },
                { label: "Panamera", href: "products" },
                { label: "Taycan", href: "products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "about" },
                { label: "Heritage", href: "about" },
                { label: "Innovation", href: "team" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Customer Service", href: "contact" },
                { label: "Warranty", href: "contact" },
                { label: "Service Centers", href: "contact" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}