"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Award, Zap, DollarSign, MapPin, Compass, Star, HelpCircle, Mail, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Fiat Rentals"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Vehicles", id: "vehicles" },
            { name: "How It Works", id: "process" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Premium Fiat Rentals for Every Journey"
          description="Experience the freedom of driving iconic Fiat vehicles. From compact city cars to spacious SUVs, we offer the perfect rental solution for your next adventure."
          tag="Drive Italian Excellence"
          tagIcon={Sparkles}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21182.jpg"
          imageAlt="Premium Fiat rental vehicle"
          buttons={[
            { text: "Book Your Fiat", href: "contact" },
            { text: "View Fleet", href: "vehicles" }
          ]}
        />
      </div>

      <div id="vehicles" data-section="vehicles">
        <ProductCardOne
          title="Our Premium Fiat Fleet"
          description="Choose from our carefully curated selection of Fiat vehicles, each maintained to the highest standards for your comfort and safety."
          tag="Featured Fleet"
          tagIcon={Award}
          products={[
            {
              id: "fiat-500",              name: "Fiat 500",              price: "€45/day",              imageSrc: "https://img.b2bpic.net/free-photo/vintage-car-street-surrounded-by-trees-sunlight_181624-34480.jpg",              imageAlt: "Fiat 500 compact car"
            },
            {
              id: "fiat-panda",              name: "Fiat Panda",              price: "€40/day",              imageSrc: "https://img.b2bpic.net/free-photo/old-car-rome_268835-4008.jpg",              imageAlt: "Fiat Panda family car"
            },
            {
              id: "fiat-tipo",              name: "Fiat Tipo",              price: "€55/day",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-red-car_23-2149204078.jpg",              imageAlt: "Fiat Tipo sedan"
            },
            {
              id: "fiat-600",              name: "Fiat 600",              price: "€65/day",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-red-car_23-2149204046.jpg",              imageAlt: "Fiat 600 modern SUV"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="Rent a Fiat in Three Simple Steps"
          description="Our streamlined booking process gets you on the road quickly. Choose your vehicle, confirm your details, and drive off with confidence."
          tag="Easy Process"
          tagIcon={Zap}
          steps={[
            {
              number: "01",              title: "Select Your Vehicle",              tag: "Browse Fleet",              description: "Browse our extensive fleet of Fiat vehicles and choose the one that matches your needs and budget."
            },
            {
              number: "02",              title: "Complete Reservation",              tag: "Quick Details",              description: "Enter your travel dates, pickup location, and personal information. We keep the process fast and secure."
            },
            {
              number: "03",              title: "Enjoy Your Rental",              tag: "Drive Free",              description: "Pick up your reserved Fiat and enjoy your journey. We offer 24/7 roadside support for your peace of mind."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Start Booking", href: "contact" }]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Transparent Pricing Plans"
          description="No hidden fees, no surprises. Choose the plan that works best for your rental needs."
          tag="Affordable Rates"
          tagIcon={DollarSign}
          plans={[
            {
              id: "basic",              badge: "City Getaway",              badgeIcon: MapPin,
              price: "From €35",              subtitle: "Perfect for short urban trips",              buttons: [
                { text: "Select Plan", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "Compact Fiat 500 or Panda",                "24-hour rental period",                "Basic insurance included",                "Free WiFi in vehicle",                "Mobile support"
              ]
            },
            {
              id: "pro",              badge: "Weekend Explorer",              badgeIcon: Compass,
              price: "From €50",              subtitle: "Best for weekend adventures",              buttons: [
                { text: "Select Plan", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "Fiat Tipo or 600 SUV",                "72-hour rental period",                "Comprehensive insurance",                "GPS navigation included",                "Roadside assistance 24/7",                "Free mileage"
              ]
            },
            {
              id: "premium",              badge: "Road Trip",              badgeIcon: Zap,
              price: "From €60",              subtitle: "Ultimate long-distance rental",              buttons: [
                { text: "Select Plan", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "Premium Fiat vehicle",                "7-day or more rental",                "Full coverage insurance",                "Airport pickup available",                "Unlimited mileage",                "Priority customer support",                "Fuel card included"
              ]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of satisfied customers who trust Fiat Rentals for their journeys across Europe"
          cardTag="Customer Reviews"
          cardTagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Marco Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair_23-2148728586.jpg",              imageAlt: "Marco Rossi"
            },
            {
              id: "3",              name: "Elena Costa",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",              imageAlt: "Elena Costa"
            },
            {
              id: "4",              name: "James Wilson",              imageSrc: "https://img.b2bpic.net/free-photo/picture-beautiful-smiling-woman-against-blurry-background_181624-19438.jpg",              imageAlt: "James Wilson"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <MetricCardFourteen
          title="Fiat Rentals has become the trusted partner for travelers worldwide, delivering exceptional service with every rental."
          tag="Why Choose Us"
          metrics={[
            {
              id: "1",              value: "50K+",              description: "Happy customers have experienced our premium Fiat rental services across multiple countries."
            },
            {
              id: "2",              value: "15+",              description: "Countries where we operate, ensuring you can rent a Fiat wherever your travels take you."
            },
            {
              id: "3",              value: "24/7",              description: "Dedicated customer support available around the clock to assist with any rental needs or emergencies."
            },
            {
              id: "4",              value: "99%",              description: "Customer satisfaction rate reflecting our commitment to quality vehicles and exceptional service."
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our Fiat rental services, booking process, and vehicle options."
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What documents do I need to rent a Fiat?",              content: "You'll need a valid driver's license, passport or ID, and a credit card for the security deposit. International renters may also need an International Driving Permit depending on their home country."
            },
            {
              id: "2",              title: "What is included in the rental price?",              content: "Our rates include the vehicle, basic insurance, GPS navigation on select models, and 24/7 roadside assistance. Fuel policies vary by plan - city plans start with a full tank, while longer rentals may include unlimited fuel."
            },
            {
              id: "3",              title: "Can I extend my rental period?",              content: "Yes! You can extend your rental at any time subject to vehicle availability. Simply contact our support team or use the mobile app to request an extension. Current rates apply to the additional days."
            },
            {
              id: "4",              title: "What is your cancellation policy?",              content: "Cancellations made 48 hours before pickup receive a full refund. Cancellations within 48 hours are subject to a 50% fee. No-shows are charged the full rental amount."
            },
            {
              id: "5",              title: "Is insurance included in the rental?",              content: "Basic third-party liability insurance is included in all rentals. We offer optional comprehensive coverage, collision damage waiver, and theft protection for additional peace of mind."
            },
            {
              id: "6",              title: "Can I pick up the vehicle at the airport?",              content: "Yes, airport pickup is available at major European airports. A small surcharge may apply depending on location. Contact us to confirm availability for your preferred airport."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-two-colorful-wooden-squares-with-shopping-money-icons-black-calculator_181624-58059.jpg"
          imageAlt="FAQ illustration"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Book Your Fiat?"
          description="Join thousands of happy travelers. Subscribe to our newsletter for exclusive rental offers, travel tips, and updates about our latest Fiat models."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive promotional emails about our rental services."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Fiat Rentals"
          copyrightText="© 2025 Fiat Rentals. All rights reserved. Drive with confidence, explore with ease."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/fiatrentals", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/fiatrentals", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/fiatrentals", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/fiatrentals", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}