"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";

import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Key, Car, Wallet, Phone } from "lucide-react";

export default function HvacPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="DriveLux Car Rentals"
            navItems={[
              { name: "Vehicles", id: "services" },
              { name: "About Us", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Book Now", href: "#contact" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Your Journey, Our Wheels. DriveLux Car Rentals"
            description="Experience unparalleled freedom with our premium selection of vehicles. From sleek sedans to rugged SUVs, find the perfect car for every adventure. Easy booking, unbeatable rates, and exceptional service."
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side-with-white-background_187299-40018.jpg", alt: "Client" },
              { src: "http://img.b2bpic.net/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg", alt: "Client" },
              { src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Client" }
            ]}
            avatarText="Trusted by 10,000+ happy renters"
            buttons={[
              { text: "Browse Vehicles", href: "#services" }
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/city-hatchback-taking-countryside-curve-golden-hour-daily-commute_169016-70074.jpg"
            imageAlt="Luxury car parked by a scenic road"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            tag="About DriveLux"
            title="Your Premier Choice for Car Rentals"
            description="DriveLux Car Rentals has been providing seamless and luxurious car rental experiences for over a decade. With a diverse fleet, transparent pricing, and a commitment to customer satisfaction, we make every journey memorable."
            metrics={[
              {
                value: "10,000+",                title: "Happy Customers"},
              {
                value: "99%",                title: "Customer Satisfaction"},
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/man-with-sales-woman-car-showroom_1303-25413.jpg"
            imageAlt="Happy family renting a car at a DriveLux counter"
            mediaBadge={{
              text: "Available 24/7"}}
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>
        <div id="services" data-section="services">
          <FeatureCardOne
            title="Our Diverse Fleet & Services"
            description="Choose from a wide range of vehicles and services tailored to your travel needs."
            buttons={[{ text: "View All Cars", href: "#contact" }]}
            buttonAnimation="slide-up"
            features={[
              {
                title: "Economy Cars",                description: "Efficient and affordable, perfect for city commutes and budget-friendly travel.",                imageSrc: "http://img.b2bpic.net/free-photo/business-man-show-money-bank-note-make-financial-plan-invite-people-sell-buy-house-car-monetary-properties-loan-credit-insurance-concept_1150-13578.jpg",                imageAlt: "Economy car on a road"},
              {
                title: "Luxury Sedans",                description: "Travel in style and comfort with our selection of premium, high-end sedans.",                imageSrc: "http://img.b2bpic.net/free-photo/female-legs-close-up-by-automobile_1303-13879.jpg",                imageAlt: "Luxury sedan interior and exterior"},
              {
                title: "SUVs & Family Cars",                description: "Spacious and versatile vehicles ideal for family trips and group adventures.",                imageSrc: "http://img.b2bpic.net/free-photo/three-friends-traveling-by-car-checking-map_23-2148771850.jpg",                imageAlt: "SUV with family in nature"},
              {
                title: "Sports Cars",                description: "Unleash exhilaration with our collection of high-performance sports cars.",                imageSrc: "http://img.b2bpic.net/free-photo/shiny-sports-car-speeds-along-wet-asphalt-generated-by-ai_188544-17052.jpg",                imageAlt: "Sports car on a track"},
              {
                title: "Long-Term Rentals",                description: "Flexible options for extended trips, business needs, or temporary vehicle replacement.",                imageSrc: "http://img.b2bpic.net/free-photo/closeup-mechanic-giving-car-key-customer-repair-shop_637285-9791.jpg",                imageAlt: "Car key handover"},
              {
                title: "Airport Pick-up & Drop-off",                description: "Convenient services directly at major airports for a smooth start and end to your trip.",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-traveling-together_23-2149272091.jpg",                imageAlt: "Car waiting at airport"},
            ]}
            gridVariant="uniform-all-items-equal"
            uniformGridCustomHeightClasses="aspect-square"
            gridClassName="md:!grid-cols-3"
            carouselThreshold={7}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <FeatureBorderGlow
          title="Why Choose DriveLux?"
          description="Your trusted partner for a smooth rental experience."
          features={[
            {
              icon: Key,
              title: "Easy Booking & Pickup",              description: "Rent a car effortlessly through our intuitive online platform and quick pickup process."},
            {
              icon: Car,
              title: "Diverse & Modern Fleet",              description: "Access a wide range of well-maintained, late-model vehicles for every occasion."},
            {
              icon: Wallet,
              title: "Transparent Pricing",              description: "Enjoy competitive rates with no hidden fees. What you see is what you pay."},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            title="What Our Renters Say"
            description="Hear from satisfied customers who explored with DriveLux."
            testimonials={[
              {
                id: "1",                name: "Sarah T.",                handle: "Adventure Traveler, CA",                testimonial: "DriveLux made our cross-country road trip unforgettable! The SUV was immaculate, and the booking process was incredibly smooth. Highly recommend for any journey.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-casual-character-woman_183364-80070.jpg",                imageAlt: "Sarah T."},
              {
                id: "2",                name: "Mark L.",                handle: "Business Executive, NY",                testimonial: "I frequently rent luxury sedans for client meetings, and DriveLux always delivers. Their fleet is top-notch, and the service is consistently professional and discreet.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",                imageAlt: "Mark L."},
              {
                id: "3",                name: "Jessica D.",                handle: "Family Vacationer, FL",                testimonial: "Renting a minivan for our family vacation from DriveLux was a breeze. Plenty of space, comfortable, and the airport pickup service was a lifesaver with kids and luggage.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-woman-with-wavy-hairstyle-is-posing-camera-with-happy-smile-beach_291650-1993.jpg",                imageAlt: "Jessica D."},
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Frequently Asked Questions"
            buttons={[{ text: "Contact Us", href: "#contact" }]})
            buttonAnimation="slide-up"
            faqsAnimation="slide-up"
            textPosition="left"
            useInvertedBackground={false}
            faqs={[
              {
                id: "1",                title: "What are your rental requirements?",                content: "Renters typically need to be 21 years or older, possess a valid driver's license, and have a major credit card. Specific age restrictions and additional requirements may apply based on vehicle type and location."},
              {
                id: "2",                title: "Can I pick up/return a car at a different location?",                content: "Yes, we offer one-way rentals between many of our locations, including airport and city branches. Please check availability and any applicable fees during the booking process."},
              {
                id: "3",                title: "Do you offer insurance options?",                content: "We provide various insurance and protection plans to cover your rental. You can choose the coverage that best suits your needs during booking. Please review your personal auto insurance policy for existing coverage."},
              {
                id: "4",                title: "What is your fuel policy?",                content: "Our standard fuel policy is 'full to full', meaning you pick up the car with a full tank and should return it full to avoid refueling charges. Other options may be available upon request."},
              {
                id: "5",                title: "Can I add an additional driver?",                content: "Yes, additional drivers can be added to your rental agreement. They must meet the same age and license requirements as the primary renter and will incur a small daily fee. All drivers must be present at pickup."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Ready to Drive?"
            tagIcon={Car}
            title="Book Your Perfect Car Today!"
            description="Our team is ready to assist you in finding the ideal vehicle for your next adventure. Get a quote or call us directly."
            buttons={[
              { text: "Get a Free Quote", href: "#contact" },
              { text: "Call (555) 123-4567", href: "tel:5551234567" },
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="DriveLux Car Rentals"
            imageSrc="http://img.b2bpic.net/free-photo/beautiful-street-landscape-with-rainbow_23-2150169065.jpg"
            imageAlt="Modern car on a sunset road"
            columns={[
              {
                title: "Vehicles",                items: [
                  { label: "Economy Cars", href: "#services" },
                  { label: "Luxury Sedans", href: "#services" },
                  { label: "SUVs & Family", href: "#services" },
                  { label: "Sports Cars", href: "#services" },
                ],
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                  { label: "Contact", href: "#contact" },
                ],
              },
              {
                title: "Support",                items: [
                  { label: "(555) 123-4567", href: "tel:5551234567" },
                  { label: "info@drivelux.com", href: "mailto:info@drivelux.com" },
                  { label: "New York, NY" },
                ],
              },
            ]}
            copyrightText="© 2026 | DriveLux Car Rentals"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
