"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Gauge, Wind, Layers, Activity, Disc3, ZoomIn, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Porsche 911 GT3RS"
          navItems={[
            {name: "Performance", id: "performance"},
            {name: "Design", id: "design"},
            {name: "Features", id: "features"},
            {name: "Specs", id: "specs"},
            {name: "Contact", id: "contact"}
          ]}
          button={{text: "Request Demo", href: "contact"}}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="PORSCHE 911 GT3RS"
          description="Pure driving performance redefined. The all-black 911 GT3RS combines legendary Porsche engineering with cutting-edge aerodynamics and unbridled power on every curve."
          background={{variant: "sparkles-gradient"}}
          imageSrc="https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg"
          imageAlt="Porsche 911 GT3RS all-black sports car"
          frameStyle="browser"
          logoLineHeight={1}
        />
      </div>

      <div id="specs" data-section="specs">
        <FeatureCardEight 
          title="Our Process"
          description="Discover how we bring ideas to life through our proven methodology."
          tag="How It Works"
          features={[
            {
              id: 1,
              title: "Research & Planning",              description: "Understanding user needs, market trends, and project requirements",              imageSrc: "https://img.b2bpic.net/free-photo/black-mini-coupe-road_114579-5056.jpg",              imageAlt: "Research and planning"
            },
            {
              id: 2,
              title: "Design & Development",              description: "Creating beautiful, functional designs and building robust solutions",              imageSrc: "https://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg",              imageAlt: "Design and development"
            },
            {
              id: 3,
              title: "Testing & Refinement",              description: "Ensuring quality through rigorous testing and continuous improvement",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-driving-highway-accross-mountains_114579-4015.jpg",              imageAlt: "Testing and refinement"
            },
            {
              id: 4,
              title: "Launch & Support",              description: "Deploying with confidence and providing ongoing support and optimization",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-parking-highway-bridge_114579-4016.jpg",              imageAlt: "Launch and support"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="design" data-section="design">
        <InlineImageSplitTextAbout 
          heading={[
            {type: "text", content: "Design Evolution Meets"},
            {type: "image", src: "https://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg", alt: "Aerodynamic design"},
            {type: "text", content: "Track Engineering Excellence"}
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {text: "Explore Specifications", href: "specs"},
            {text: "Schedule a Test Drive", href: "contact"}
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <ProductCardThree 
          title="Exclusive Features & Options"
          description="Customize your 911 GT3RS with premium packages and elite performance upgrades."
          products={[
            {
              id: "1",              name: "Weissach Package",              price: "$16,500",              imageSrc: "https://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg",              imageAlt: "Weissach carbon fiber package"
            },
            {
              id: "2",              name: "Sport Chrono Package Plus",              price: "$9,200",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-driving-highway-accross-mountains_114579-4015.jpg",              imageAlt: "Sport chrono telemetry system"
            },
            {
              id: "3",              name: "Custom Interior Trim",              price: "$4,800",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-parking-highway-bridge_114579-4016.jpg",              imageAlt: "Premium interior customization"
            },
            {
              id: "4",              name: "Ceramic Brakes Pro",              price: "$6,900",              imageSrc: "https://img.b2bpic.net/free-photo/black-mini-coupe-road_114579-5056.jpg",              imageAlt: "High-performance ceramic brakes"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne 
          title="Legendary Performance Numbers"
          description="The 911 GT3RS sets new benchmarks in automotive excellence."
          metrics={[
            {
              id: "1",              value: "520",              title: "Horsepower",              description: "Naturally aspirated flat-six engine",              icon: Zap
            },
            {
              id: "2",              value: "3.2",              title: "Seconds 0-60",              description: "Acceleration benchmark",              icon: Gauge
            },
            {
              id: "3",              value: "198",              title: "MPH Top Speed",              description: "Maximum velocity",              icon: Gauge
            },
            {
              id: "4",              value: "1.5G",              title: "Lateral Grip",              description: "Corner performance",              icon: Activity
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen 
          title="What Drivers Say"
          description="Experience the passion and precision of 911 GT3RS ownership through the voices of our community."
          testimonials={[
            {
              id: "1",              name: "Marcus Sterling",              handle: "@marcus_drives",              testimonial: "The 911 GT3RS is a masterpiece. Pure performance without compromise. Every corner is a revelation.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Sterling"
            },
            {
              id: "2",              name: "Elena Rodriguez",              handle: "@elena_motorsports",              testimonial: "Unbelievable engineering meets intuitive design. This is the car that makes you feel truly alive on the track.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "3",              name: "James Chen",              handle: "@james_collector",              testimonial: "Iconic design, legendary performance. The 911 GT3RS is a timeless investment in automotive passion.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "James Chen"
            },
            {
              id: "4",              name: "Sophia Laurent",              handle: "@sophia_racer",              testimonial: "Every detail is perfection. Owning a 911 GT3RS is living your dream on four wheels.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Sophia Laurent"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Get In Touch"
          tagIcon={Zap}
          title="Experience the Legend"
          description="Request a personalized consultation to arrange your exclusive 911 GT3RS test drive experience."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/mini-coupe-parking-highway-bridge_114579-4016.jpg"
          imageAlt="Track experience"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Request Demo"
          termsText="We respect your privacy. Your information will only be used for scheduling purposes."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Porsche 911 GT3RS"
          columns={[
            {
              title: "Models",              items: [
                {label: "911 GT3RS", href: "#hero"},
                {label: "Specifications", href: "#specs"},
                {label: "Features", href: "#features"}
              ]
            },
            {
              title: "Experience",              items: [
                {label: "Test Drive", href: "#contact"},
                {label: "Gallery", href: "#design"},
                {label: "Performance", href: "#metrics"}
              ]
            },
            {
              title: "Support",              items: [
                {label: "Owners Club", href: "#"},
                {label: "Service", href: "#"},
                {label: "Documentation", href: "#"}
              ]
            },
            {
              title: "Company",              items: [
                {label: "About Porsche", href: "#"},
                {label: "Heritage", href: "#"},
                {label: "Contact Us", href: "#contact"}
              ]
            }
          ]}
          copyrightText="© 2025 Porsche. The 911 GT3RS represents the pinnacle of automotive engineering excellence."
        />
      </div>
    </ThemeProvider>
  );
}