"use client";
import { Phone } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Gladiatogo"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Fleet", id: "#fleet" },
            { name: "About", id: "#about" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" },
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Drive Your Adventure. Rent with Gladiatogo."
          description="Seamlessly book your dream car for any journey. Explore our premium fleet and hit the road with confidence."
          background={{ variant: "grid" }}
          buttons={[
            { text: "Book Now", href: "#fleet" },
            { text: "Learn More", href: "#about" },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg"
          imageAlt="Luxury car on an open road, ready for rental"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
          tag="Your Journey Starts Here"
        />
      </div>
      <div id="about" data-section="about">
        <SplitAbout
          title="About Gladiatogo"
          description="At Gladiatogo, we're passionate about providing an unparalleled car rental experience. From luxury sedans to rugged SUVs, our diverse fleet is meticulously maintained for your safety and comfort. We believe in transparency, exceptional service, and making every journey memorable."
          bulletPoints={[
            { title: "Extensive Fleet", description: "Choose from a wide range of vehicles to suit your style and needs." },
            { title: "Unbeatable Prices", description: "Competitive rates with no hidden fees, ensuring you get the best value." },
            { title: "24/7 Roadside Assistance", description: "Peace of mind with our dedicated support, wherever your journey takes you." },
          ]}
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/transportation-ownership-concept-customer-salesman-with-car-key_1423-183.jpg"
          imageAlt="Car keys on a modern counter, representing rental process"
        />
      </div>
      <div id="product" data-section="product">
        <ProductCardTwo
          title="Our Premium Fleet"
          description="Browse our diverse selection of vehicles, from economical compacts to luxurious sports cars."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            { id: "1", brand: "Gladiatogo", name: "Standard Sedan", price: "From $49/day", rating: 4, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg", imageAlt: "Modern sedan car for rental" },
            { id: "2", brand: "Gladiatogo", name: "Luxury SUV", price: "From $89/day", rating: 5, reviewCount: "850", imageSrc: "https://img.b2bpic.net/free-photo/good-friends-playing-guitar-while-traveling-by-car_23-2148771860.jpg", imageAlt: "Spacious luxury SUV for rent" },
            { id: "3", brand: "Gladiatogo", name: "Sports Coupe", price: "From $129/day", rating: 5, reviewCount: "630", imageSrc: "https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg", imageAlt: "Sleek red sports coupe available for rent" },
            { id: "4", brand: "Gladiatogo", name: "Compact Hatchback", price: "From $35/day", rating: 4, reviewCount: "1.5K", imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg", imageAlt: "Compact hatchback for city driving" },
            { id: "5", brand: "Gladiatogo", name: "Premium Electric", price: "From $99/day", rating: 5, reviewCount: "480", imageSrc: "https://img.b2bpic.net/free-photo/good-friends-playing-guitar-while-traveling-by-car_23-2148771860.jpg", imageAlt: "Electric SUV charging station" },
            { id: "6", brand: "Gladiatogo", name: "Minivan", price: "From $75/day", rating: 4, reviewCount: "900", imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg", imageAlt: "Family minivan for rent" },
          ]}
        />
      </div>
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Hear from satisfied clients who chose Gladiatogo for their travel needs."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            { id: "1", name: "Marcus Thorne", role: "Frequent Traveler", testimonial: "Gladiatogo made my business trip so easy. The car was spotless, and the pickup/drop-off was seamless. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
            { id: "2", name: "Sophia Rossi", role: "Adventure Seeker", testimonial: "Rented an SUV for a weekend getaway and it was perfect. The booking process was simple, and the rates were excellent.", imageSrc: "https://img.b2bpic.net/free-photo/blonde-tourist-with-camera_23-2147978865.jpg" },
            { id: "3", name: "David Lee", role: "Family Vacationer", testimonial: "We needed a spacious vehicle for our family trip, and Gladiatogo delivered. Great service and a reliable car.", imageSrc: "https://img.b2bpic.net/free-photo/happy-male-with-black-hair-beard-tattoes-his-hand-dressed-white-shirt-blue-jeans-shorts-driving-car_613910-7581.jpg" },
            { id: "4", name: "Elena Petrova", role: "Event Planner", testimonial: "For my client's event, I needed a specific luxury model. Gladiatogo had it, and their team was incredibly helpful.", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-car-trip_23-2147935477.jpg" },
          ]}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Find quick answers to the most frequently asked questions about our services."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/transportation-ownership-concept-customer-salesman-with-car-key_1423-183.jpg"
          imageAlt="Customer service representative helping a client"
          faqs={[
            { id: "1", title: "What documents do I need to rent a car?", content: "You will need a valid driver's license, a credit card in your name, and proof of identity." },
            { id: "2", title: "What is your cancellation policy?", content: "Cancellations made 24 hours in advance receive a full refund. Less than 24 hours may incur a fee." },
            { id: "3", title: "Do you offer unlimited mileage?", content: "Many of our rentals come with unlimited mileage. Please check your booking details for specifics." },
            { id: "4", title: "Can I add an additional driver?", content: "Yes, additional drivers can be added at the time of rental or during the rental period for a small fee." },
          ]}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Ride? Get in Touch."
          ctaDescription="Our team is here to assist you with any questions or special requests."
          ctaButton={{ text: "Contact Us Now", href: "mailto:info@gladiatogo.com" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            { id: "1", title: "Where are your pickup locations?", content: "We have multiple pickup locations across the city and at major airports. Check our booking page for details." },
            { id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards. Debit card payments may require additional verification." },
            { id: "3", title: "Do you offer long-term rental discounts?", content: "Yes, special rates are available for rentals exceeding 30 days. Please contact us for a custom quote." },
            { id: "4", title: "Is insurance included in the rental price?", content: "Basic insurance is included, with options to purchase additional coverage for extra peace of mind." },
          ]}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/car-with-lights-driving-down-road_23-2151850179.jpg"
          imageAlt="Road with cars at sunset"
          logoText="Gladiatogo"
          columns={[
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Fleet", href: "#fleet" }, { label: "Careers", href: "#" }] },
            { title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
          ]}
          copyrightText="© 2024 Gladiatogo. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
