"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Gauge, Award, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Porsche 911"
          navItems={[
            { name: "Models", id: "products" },
            { name: "Performance", id: "features" },
            { name: "Heritage", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience the Legacy of the Porsche 911"
          description="Where performance meets timeless design. Discover the car that redefines driving."
          tag="Since 1963"
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-car-coastal-drive_23-2151948193.jpg",              imageAlt: "Porsche 911 front view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/black-mini-coupe-road_114579-5056.jpg",              imageAlt: "Porsche 911 side profile"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg",              imageAlt: "Porsche 911 rear design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/white-mini-coupe-road_114579-5082.jpg",              imageAlt: "Porsche 911 luxury interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg",              imageAlt: "Porsche 911 in motion"
            }
          ]}
          buttons={[
            { text: "Explore the 911", href: "products" }
          ]}
          ariaLabel="Hero section showcasing Porsche 911 models"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="Legendary Heritage"
          title="Six Decades of Automotive Excellence"
          description="The Porsche 911 has evolved through generations while maintaining its iconic character. From the classic air-cooled engines of the 1960s to today's turbocharged powerhouses, the 911 represents an unbroken lineage of performance, precision, and passion."
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-photo/white-sport-car-with-black-autotuning_114579-4074.jpg",            imageAlt: "Classic Porsche 911 heritage model"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg",            imageAlt: "Modern Porsche 911 contemporary design"
          }}
          useInvertedBackground="invertDefault"
          ariaLabel="About section showcasing Porsche 911 heritage"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="What Defines the 911"
          description="Every element of the Porsche 911 is engineered for one purpose: to deliver an unforgettable driving experience."
          tag="Engineering Excellence"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Uncompromising Performance",              description: "Turbocharged engines delivering 379 to 630+ horsepower, achieving 0-60 mph in under 3 seconds. Experience acceleration that rivals dedicated track cars.",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-parking-highway-bridge_114579-4016.jpg"
            },
            {
              id: 2,
              title: "Iconic Design Language",              description: "The unmistakable silhouette has captivated enthusiasts for six decades. Every curve, every line, every surface is intentional—a masterpiece of automotive aesthetics and aerodynamic precision.",              imageSrc: "https://img.b2bpic.net/free-photo/metallic-color-mini-coupe-driving-accross-forest_114579-4013.jpg"
            },
            {
              id: 3,
              title: "Advanced Engineering",              description: "Precision-crafted components, intelligent drivetrain technology, and adaptive chassis systems work in perfect harmony. German engineering at its finest, refined through countless hours of development.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Explore the 911 Lineup"
          description="Choose your 911. From the athletic Carrera to the track-focused GT variants, each model represents the pinnacle of sports car engineering."
          tag="Current Models"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertCard"
          products={[
            {
              id: "carrera",              name: "911 Carrera",              price: "From $99,750",              imageSrc: "https://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg",              imageAlt: "Porsche 911 Carrera"
            },
            {
              id: "turbo",              name: "911 Turbo",              price: "From $158,450",              imageSrc: "https://img.b2bpic.net/free-photo/white-sport-car-with-black-autotuning-driving-with-high-speed-road_114579-4072.jpg",              imageAlt: "Porsche 911 Turbo"
            },
            {
              id: "gt",              name: "911 GT3",              price: "From $139,950",              imageSrc: "https://img.b2bpic.net/free-photo/race-highway-black-red-coupe-cars_114579-5197.jpg",              imageAlt: "Porsche 911 GT3"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="By the Numbers"
          description="The facts that showcase the 911's dominance in the luxury sports car segment."
          tag="Performance Stats"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "2.7s",              tag: "0-60 mph",              tagIcon: Zap,
              title: "Turbo S Acceleration"
            },
            {
              id: "2",              value: "630",              tag: "Peak Horsepower",              tagIcon: Gauge,
              title: "Turbo S Performance"
            },
            {
              id: "3",              value: "60+",              tag: "Years",              tagIcon: Award,
              title: "Racing Heritage"
            },
            {
              id: "4",              value: "95%",              tag: "Owner Satisfaction",              tagIcon: ThumbsUp,
              title: "Customer Loyalty"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories from 911 Enthusiasts"
          description="Hear from the people who live and breathe the Porsche experience."
          tag="Owner Stories"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "David Thompson, Investment Executive",              date: "Date: 12 November 2024",              title: "The Ultimate Expression of Precision",              quote: "Owning a 911 Turbo has been transformative. The responsiveness, the power delivery, the engineering—it's not just a car, it's a partnership between man and machine. Every drive is a masterclass in automotive excellence.",              tag: "Turbo Owner",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/white-coupe-sport-car-standing-road-front-view_114579-4005.jpg"
            },
            {
              id: "2",              name: "Sarah Chen, Automotive Journalist",              date: "Date: 8 November 2024",              title: "A Legacy Defined by Innovation",              quote: "After reviewing dozens of sports cars, the 911 stands apart. Its evolution reflects Porsche's commitment to pushing boundaries while honoring heritage. The balance of performance and everyday usability is remarkable.",              tag: "Industry Expert",              avatarSrc: "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",              imageSrc: "https://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg"
            },
            {
              id: "3",              name: "James Mitchell, Collector",              date: "Date: 5 November 2024",              title: "Investment That Thrills",              quote: "I've collected high-end automobiles for 20 years. The 911 consistently appreciates in value while delivering pure driving joy. It's the rare car that makes financial and emotional sense.",              tag: "Collector",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-city-street-motion-blur-urban-speed-concept_169016-68602.jpg"
            },
            {
              id: "4",              name: "Michelle Rodriguez, Track Day Enthusiast",              date: "Date: 2 November 2024",              title: "Track-Ready from the Showroom",              quote: "The GT3 transformed my track day experiences. The precision steering, the grip, the confidence the car inspires—it's built for the circuit but equally stunning on the street. A true dual-purpose machine.",              tag: "Track Driver",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg"
            },
            {
              id: "5",              name: "Robert Nakamura, CEO",              date: "Date: 30 October 2024",              title: "The Definition of Timeless",              quote: "In a world of disposable trends, the 911 endures. It's the car I'll hand down to my son. That timeless appeal combined with cutting-edge technology—that's the 911 formula.",              tag: "Long-Time Owner",              avatarSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about the Porsche 911 to make your decision."
          textPosition="left"
          useInvertedBackground="invertCard"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is the 0-60 mph time for the 911 Turbo?",              content: "The 911 Turbo achieves 0-60 mph in just 2.7 seconds with standard all-wheel drive and launch control. The Turbo S variant delivers the same blistering acceleration, making it one of the quickest production cars in the world."
            },
            {
              id: "2",              title: "What is the fuel economy of a 911?",              content: "The 911 Carrera achieves approximately 20 mpg city / 27 mpg highway with the 7-speed manual transmission. Models with PDK (Porsche Doppelkupplungsgetriebe) automatic transmission offer improved fuel efficiency. Higher-performance variants prioritize power delivery over fuel economy."
            },
            {
              id: "3",              title: "Is the 911 suitable as a daily driver?",              content: "Absolutely. The 911 is engineered for everyday use despite its performance capabilities. It features comfortable seating, modern infotainment systems, adequate cargo space, and refined ride quality. Many 911 owners drive theirs daily while enjoying weekend track experiences."
            },
            {
              id: "4",              title: "What's the difference between Carrera, Turbo, and GT models?",              content: "The Carrera is the foundation model with excellent performance and everyday usability. The Turbo adds forced induction for 200+ additional horsepower and advanced technologies. GT models (like GT3) are track-focused variants with aggressive aerodynamics, suspension tuning, and performance enhancements for circuit driving."
            },
            {
              id: "5",              title: "What warranty coverage does a new 911 include?",              content: "New 911 models come with a 4-year/50,000-mile basic warranty and 4-year/unlimited-mile powertrain warranty. Extended warranty programs are available for up to 10 years of coverage, providing peace of mind and protection for your investment."
            },
            {
              id: "6",              title: "Can I configure my 911 with custom options?",              content: "Yes, Porsche offers extensive personalization options through its Paint to Sample and customization programs. You can select from hundreds of exterior and interior combinations, wheel designs, interior leather selections, and bespoke details to create your perfect 911."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your 911 Journey"
          description="Connect with a Porsche specialist to explore ownership options, schedule a test drive, or discuss your perfect configuration."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "interest",              type: "text",              placeholder: "Model of Interest (e.g., 911 Turbo S)",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your automotive passion and what draws you to the 911...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/yellow-sport-car-with-black-autotuning-bridge_114579-4066.jpg"
          mediaPosition="right"
          buttonText="Start Your Experience"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Porsche 911"
        />
      </div>
    </ThemeProvider>
  );
}