"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Clock, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Services", id: "features" },
        { name: "Fleet", id: "products" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Royal Dubai Limo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{ variant: "gradient-bars" }}
      title="Unrivaled Luxury Limo Service in Dubai"
      description="Experience peak comfort, safety, and elegance. Our premium fleet and professional chauffeurs ensure your journey through Dubai is nothing short of exceptional."
      tag="PREMIER TRANSPORT"
      tagAnimation="blur-reveal"
      buttons={[
        { text: "Book Your Limo", href: "#contact" },
        { text: "Our Fleet", href: "#products" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065451.jpg", imageAlt: "Luxury Limousine Dubai" },
        { imageSrc: "http://img.b2bpic.net/free-photo/minivan-with-roof-box-driving-across-bridge-golden-hour-sunset-travel_169016-69934.jpg", imageAlt: "Limousine interior elegance" },
        { imageSrc: "http://img.b2bpic.net/free-photo/parking-valet-taking-care-customer-vehicle_23-2149946668.jpg", imageAlt: "Professional Chauffeur service" },
        { imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-light-trail_649448-4094.jpg", imageAlt: "Night drive Dubai" },
        { imageSrc: "http://img.b2bpic.net/free-photo/fashionable-ladies-going-out-car_132075-12211.jpg", imageAlt: "Front profile luxury car" },
        { imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184248.jpg", imageAlt: "5-Star hotel arrival" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Redefining Travel Excellence"
      description="Royal Dubai Limo is built on a legacy of precision and comfort. We serve VIPs, executives, and travelers who refuse to compromise on quality when navigating Dubai’s bustling cityscape."
      tag="ABOUT US"
      bulletPoints={[
        { title: "24/7 Availability", description: "We are always ready to serve, ensuring timely transfers whenever you need them." },
        { title: "Expert Chauffeurs", description: "Highly trained, professional, and discreet drivers who know Dubai like the back of their hand." },
        { title: "Elite Fleet", description: "Maintained to the highest standards, featuring the latest models of luxury sedans and SUVs." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/professional-safeguards-team-work_23-2148404065.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Airport Transfers", description: "Punctual, stress-free transfers to and from all major Dubai airports.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184235.jpg", imageAlt: "Professional Driver" },
        { title: "Corporate Travel", description: "Professional support for your business needs with efficiency and style.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065436.jpg", imageAlt: "Fleet of cars" },
        { title: "Concierge Support", description: "Personalized assistance to ensure every detail of your itinerary is perfectly handled.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-car_23-2150274566.jpg", imageAlt: "Luxury concierge" },
      ]}
      title="Our Premium Standards"
      description="We provide more than just a ride; we provide an experience tailored to your needs."
      tag="FEATURES"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Maybach S-Class", price: "From AED 800", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg" },
        { id: "2", name: "Rolls Royce Phantom", price: "From AED 2500", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6372.jpg" },
        { id: "3", name: "Escalade Luxury SUV", price: "From AED 600", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434364.jpg" },
        { id: "4", name: "Mercedes S-Class", price: "From AED 500", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-relaxing-couch_23-2148415921.jpg" },
        { id: "5", name: "Black Stretch Limo", price: "From AED 1200", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-inside-car-drinks-coffee_1157-34257.jpg" },
        { id: "6", name: "Wedding White Limo", price: "From AED 1500", imageSrc: "http://img.b2bpic.net/free-photo/woman-wedding-dress-posing-black-auto_8353-12293.jpg" },
      ]}
      title="Select Your Luxury Vehicle"
      description="Explore our premium selection of vehicles designed to exceed expectations."
      tag="THE FLEET"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "basic", badge: "Essential", price: "AED 400/hr", subtitle: "Luxury Sedan", features: ["Airport Transfers", "City Tours", "Private Driver"] },
        { id: "pro", badge: "Elite", price: "AED 800/hr", subtitle: "Premium Sedan/SUV", features: ["VIP Concierge", "Full-Day Service", "Champagne Service"] },
        { id: "ultimate", badge: "Royalty", price: "AED 1500/hr", subtitle: "Ultra-Luxury Fleet", features: ["Security Detail", "Personal Assistant", "Global Access"] },
      ]}
      title="Transparent Pricing"
      description="Competitive rates for the ultimate luxury limousine experience in Dubai."
      tag="PLANS"
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah Johnson", date: "Jan 2025", title: "CEO", quote: "The service was absolutely impeccable. Professional driver and a flawless vehicle.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-his-car-s-options-while-driving_23-2149149638.jpg" },
        { id: "2", name: "Michael Chen", date: "Dec 2024", title: "VP of Sales", quote: "Best luxury travel service I have used in Dubai. Always on time and extremely courteous.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg" },
        { id: "3", name: "Emily Rodriguez", date: "Nov 2024", title: "Fashion Designer", quote: "Royal Dubai Limo made my event arrival spectacular. Simply the best.", tag: "Events", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-correcting-tie_176420-1144.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg" },
        { id: "4", name: "David Kim", date: "Oct 2024", title: "Tech Consultant", quote: "Comfort, elegance, and professionalism. I will always book them when visiting Dubai.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-jacket-posing-restaurant_627829-4945.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339695.jpg" },
        { id: "5", name: "James Anderson", date: "Sep 2024", title: "Real Estate Investor", quote: "Exceptional fleet quality. Every detail was accounted for throughout the drive.", tag: "Executive", avatarSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-team-business-trip_1098-15488.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-his-elegant-car-taxi-services_23-2149149570.jpg" },
      ]}
      title="Loved by Elites"
      description="Don't take our word for it—hear from the travelers who choose Royal Dubai Limo."
      tag="REVIEWS"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15+", title: "Years Experience", description: "Serving Dubai's elite since 2010.", icon: Award },
        { id: "m2", value: "99.9%", title: "On-Time Rate", description: "Punctuality is our core guarantee.", icon: Clock },
        { id: "m3", value: "5000+", title: "Happy VIPs", description: "Trusted by international clientele.", icon: Users },
      ]}
      title="Service Impact"
      description="Measuring our performance through client satisfaction."
      tag="STATISTICS"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "What areas do you serve?", content: "We serve all of Dubai, including airport transfers and neighboring Emirates." },
        { id: "q2", title: "How do I book a limo?", content: "You can book directly via our website or reach out to our concierge for custom arrangements." },
        { id: "q3", title: "Is security included?", content: "Yes, for VIP services, we provide integrated security and escort arrangements." },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our limo services? Find answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="BOOK NOW"
      title="Ready for a Royal Drive?"
      description="Book your limousine today for a seamless and high-end Dubai experience."
      buttons={[
        { text: "Contact Concierge", href: "tel:+971000000000" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236690.jpg"
      logoText="Royal Dubai Limo"
      columns={[
        {
          title: "Explore",          items: [
            { label: "Services", href: "#features" },
            { label: "Fleet", href: "#products" },
            { label: "About", href: "#about" },
          ],
        },
        {
          title: "Support",          items: [
            { label: "Book Now", href: "#contact" },
            { label: "FAQs", href: "#faq" },
            { label: "Terms of Service", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
