"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Book Now",
          id: "#contact",
        },
        {
          name: "Fleet",
          id: "#fleet",
        },
        {
          name: "Support",
          id: "#faq",
        },
      ]}
      brandName="House of Machina"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="House of Machina Luxury Car Hire"
      description="Exhilarating muscle and supercars. Available for self-drive in Melbourne. Call: +61 1300 904 645"
      buttons={[
        {
          text: "WhatsApp for Instant Booking",
          href: "https://wa.me/611300904645",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649964.jpg?_wi=1"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Unleash the Power"
      description="At House of Machina, we provide the ultimate self-drive experience. Our fleet features high-performance machines designed for thrill-seekers. No instructor, no compromises—just you and the machine on the open road."
      imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=1"
    />
  </div>

  <div id="fleet" data-section="fleet">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "Lamborghini",
          name: "Huracan",
          price: "$800/day",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065382.jpg?_wi=1",
        },
        {
          id: "2",
          brand: "Ferrari",
          name: "488 Spider",
          price: "$1200/day",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg?_wi=1",
        },
        {
          id: "3",
          brand: "McLaren",
          name: "720S",
          price: "$1500/day",
          rating: 5,
          reviewCount: "88",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg?_wi=1",
        },
        {
          id: "4",
          brand: "Ford",
          name: "Mustang V8",
          price: "$300/day",
          rating: 4.9,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-simple-background_23-2150797044.jpg",
        },
        {
          id: "5",
          brand: "Porsche",
          name: "911 Turbo",
          price: "$700/day",
          rating: 5,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg",
        },
        {
          id: "6",
          brand: "Chevrolet",
          name: "Corvette Z06",
          price: "$600/day",
          rating: 5,
          reviewCount: "115",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg",
        },
      ]}
      title="Self-Drive Muscle & Supercars"
      description="Hand-picked high-performance vehicles for an unforgettable journey."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "day",
          badge: "Daily",
          price: "$300+",
          subtitle: "Perfect for short trips",
          features: [
            "Full Insurance",
            "Unlimited Miles",
            "24/7 Support",
          ],
        },
        {
          id: "week",
          badge: "Weekly",
          price: "$1800+",
          subtitle: "The enthusiast choice",
          features: [
            "Priority Booking",
            "Free Delivery",
            "Exclusive Perks",
          ],
        },
      ]}
      title="Freeze the Bond"
      description="Our transparent policy ensures clarity. We hold your bond temporarily while you enjoy the drive."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "James Smith",
          date: "Jan 2025",
          title: "Incredible experience",
          quote: "The Lamborghini Huracan was pristine. House of Machina makes renting so easy.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649964.jpg?_wi=2",
          imageAlt: "professional man portrait",
        },
        {
          id: "2",
          name: "Sarah Miller",
          date: "Dec 2024",
          title: "Top tier service",
          quote: "Seamless booking and the car was a beast. Best supercar hire in Melbourne.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=2",
          imageAlt: "professional man portrait",
        },
        {
          id: "3",
          name: "David Tan",
          date: "Nov 2024",
          title: "Performance unmatched",
          quote: "Great selection of muscle cars. The team was helpful and professional.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065382.jpg?_wi=2",
          imageAlt: "professional man portrait",
        },
        {
          id: "4",
          name: "Chloe Wong",
          date: "Oct 2024",
          title: "Weekend thrill",
          quote: "Absolutely worth it. The Ferrari 488 spider provided an epic weekend.",
          tag: "4.9 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg?_wi=2",
          imageAlt: "professional man portrait",
        },
        {
          id: "5",
          name: "Mark Wilson",
          date: "Sept 2024",
          title: "Highly recommended",
          quote: "Excellent fleet condition and fair pricing. Will rent again.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg?_wi=2",
          imageAlt: "professional man portrait",
        },
      ]}
      title="Trusted by Enthusiasts"
      description="With an average 4.9-star rating, see what our clients in Melbourne say."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Do I need an instructor?",
          content: "No, our self-drive fleet requires no instructor.",
        },
        {
          id: "2",
          title: "What is the bond policy?",
          content: "We securely freeze the bond amount for the rental duration.",
        },
        {
          id: "3",
          title: "Where are you located?",
          content: "Unit 23/536 Clayton Rd, Clayton South, VIC 3169.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/nobody-dark-inside-park-night_1127-2363.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Everything you need to know about your rental."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Ready to Drive?"
      title="Book Your Machina Experience"
      description="Reach out now to secure your date at our Clayton South location."
      buttons={[
        {
          text: "Call +61 1300 904 645",
          href: "tel:+611300904645",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/new-york-city-downtown-skyline-out-focus-bokeh-panorama-night_649448-2712.jpg"
      logoText="House of Machina"
      columns={[
        {
          title: "Fleet",
          items: [
            {
              label: "Supercars",
              href: "#fleet",
            },
            {
              label: "Muscle Cars",
              href: "#fleet",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "+61 1300 904 645",
              href: "tel:+611300904645",
            },
          ],
        },
      ]}
      copyrightText="© 2025 House of Machina. Unit 23/536 Clayton Rd, Clayton South, VIC 3169."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
