"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { CheckCircle, Zap, Shield, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Fleet",          id: "fleet"},
        {
          name: "Why Us",          id: "why-us"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Douaa Rental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars"}}
      title="Drive Algeria With Confidence"
      description="Reliable cars. Transparent service. Ready when you are."
      testimonials={[
        {
          name: "Sarah J.",          handle: "Returning Client",          testimonial: "Best car rental in Algeria! Clean cars and very professional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571887.jpg"},
        {
          name: "Michael C.",          handle: "Business Traveler",          testimonial: "Reliable service and good prices. Highly recommended.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12245.jpg"},
        {
          name: "Amine R.",          handle: "Local Resident",          testimonial: "Every time I visit, I rent from Douaa. Always consistent.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434350.jpg"},
        {
          name: "Fatima Z.",          handle: "Family Renter",          testimonial: "Fantastic family car. Great experience.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg"},
        {
          name: "David K.",          handle: "Tourist",          testimonial: "Transparent pricing, no hidden fees. Perfect.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg"},
      ]}
      buttons={[
        {
          text: "Book Your Car Now",          href: "#fleet"},
        {
          text: "View Available Cars",          href: "#fleet"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg?_wi=1"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg",          alt: "happy client"},
        {
          src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",          alt: "satisfied traveler"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-118692.jpg",          alt: "business partner"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",          alt: "local resident"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",          alt: "happy family client"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Reliable Fleet"},
        {
          type: "text",          text: "Transparent Pricing"},
        {
          type: "text",          text: "24/7 Support"},
        {
          type: "text",          text: "Easy Booking"},
        {
          type: "text",          text: "Algeria-wide"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "4.3 Star Rating",        "38+ Happy Clients",        "Reliable Vehicles",        "Fair Pricing",        "Fast Communication",        "24/7 Support",        "Professional Team"]}
      title="Trusted by Thousands"
      description="We are proud to serve travelers across Algeria with commitment and excellence."
    />
  </div>

  <div id="fleet" data-section="fleet">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Economy Hatchback",          price: "4,500 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-by-car-street_1303-22211.jpg?_wi=1"},
        {
          id: "2",          name: "Family Sedan",          price: "7,000 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house-holding-charger_1303-17805.jpg?_wi=1"},
        {
          id: "3",          name: "Luxury BMW 5 Series",          price: "15,000 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg"},
        {
          id: "4",          name: "Family SUV 7-Seater",          price: "9,500 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22287.jpg"},
        {
          id: "5",          name: "Compact City Car",          price: "3,800 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-30167.jpg"},
        {
          id: "6",          name: "Executive Mercedes C",          price: "18,000 DZD/day",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-15733.jpg"},
      ]}
      title="Choose Your Ride"
      description="Wide range of premium vehicles for every journey."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Reliable Vehicles",          description: "All cars are strictly maintained and ready for long road trips.",          buttonIcon: CheckCircle,
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",          imageAlt: "Yellow sport car Render 3d Illustration"},
        {
          title: "Fair Pricing",          description: "No hidden costs. Transparent deals from start to finish.",          buttonIcon: Zap,
          imageSrc: "http://img.b2bpic.net/free-photo/white-gray-coupe_417767-16.jpg?_wi=2",          imageAlt: "Yellow sport car Render 3d Illustration"},
        {
          title: "Trusted Service",          description: "Many customers return every time they visit Algeria.",          buttonIcon: Shield,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-by-car-street_1303-22211.jpg?_wi=2",          imageAlt: "Yellow sport car Render 3d Illustration"},
        {
          title: "Friendly Team",          description: "Dedicated support team available 24/7 for your needs.",          buttonIcon: Star,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house-holding-charger_1303-17805.jpg?_wi=2",          imageAlt: "Yellow sport car Render 3d Illustration"},
      ]}
      title="Why Customers Choose Douaa"
      description="We prioritize your safety, comfort, and peace of mind on the road."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How do I book?",          content: "Simply choose your car, contact us via WhatsApp or Phone, and we confirm details instantly."},
        {
          id: "2",          title: "What documents are needed?",          content: "Valid driver's license and national ID or Passport is required."},
        {
          id: "3",          title: "Can I pick up at the airport?",          content: "Yes, we offer convenient delivery at airports and major cities."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg"
      title="Simple & Clear Booking"
      description="Everything you need to know about your rental journey."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "CEO",          testimonial: "Best car rental in Algeria! Clean cars and very professional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg"},
        {
          id: "2",          name: "Michael Chen",          handle: "CTO",          testimonial: "Very reliable, good prices and clean cars.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "Growth",          testimonial: "Every time I visit Algeria, I rent from them.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-arms-crossed_23-2148328818.jpg"},
        {
          id: "4",          name: "David Kim",          handle: "Product",          testimonial: "Competitive pricing, no hidden fees. Excellent experience.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
        {
          id: "5",          name: "Anna Smith",          handle: "Traveler",          testimonial: "Very friendly team, professional service throughout.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Building trust through authentic service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars"}}
      text="Ready to Drive? Book your car today in minutes. Call us or WhatsApp for an instant quote."
      buttons={[
        {
          text: "Book Now",          href: "#"},
        {
          text: "Call Now",          href: "tel:+213000000000"},
        {
          text: "WhatsApp",          href: "https://wa.me/213000000000"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Douaa Rental"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#why-us"},
            {
              label: "Fleet",              href: "#fleet"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Douaa Rental. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
