"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inventory",          id: "#inventory"},
        {
          name: "Financing",          id: "#financing"},
        {
          name: "Trade-In",          id: "#trade-in"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="CRA Auto Sales"
      button={{ text: "Get Quote", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="CRA Auto Sales"
      description="Curated, pre-owned luxury vehicles with uncompromising standards. Elevate your driving experience."
      buttons={[
        {
          text: "Browse Inventory",          href: "#inventory"},
        {
          text: "Sell Your Car",          href: "#trade-in"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg",          imageAlt: "Luxury vehicle in showroom"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Hand-Selected Inventory",          description: "Every vehicle undergoes a rigorous 150-point inspection before it reaches our showroom.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-closing-car-after-using-lock-controls-panel-unlock-it_482257-118072.jpg"},
        {
          title: "Transparent Pricing",          description: "We offer honest, haggle-free pricing with zero hidden fees or unnecessary add-ons.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-car_23-2148514921.jpg"},
        {
          title: "Concierge Experience",          description: "White-glove service from your initial inquiry all the way through to doorstep delivery.",          imageSrc: "http://img.b2bpic.net/free-photo/man-is-giving-car-key-somebody_1150-6201.jpg"},
      ]}
      title="Why CRA Auto Sales"
      description="Our promise of transparency, quality, and service for every luxury vehicle buyer."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      animationType="slide-up"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The buying process was seamless and the concierge service was top-notch. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg"},
        {
          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Finally found a dealership that is truly transparent. The car was in pristine condition.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@erod",          testimonial: "Excellent service and the car exceeded my expectations. CRA Auto Sales is the real deal.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg"},
        {
          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "Transparent pricing and great selection. Made my purchase experience stress-free.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/supportive-girlfriend-giving-thumbs-up-decision-boyfriend-move-friendlylooking-tender-charm_1258-142625.jpg"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@jlee",          testimonial: "The best luxury car experience I've had. Professional team and quick delivery.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/happy-business-woman-white-shirt_23-2148095748.jpg"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Join our community of satisfied luxury automotive enthusiasts."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Financing Packages"
      description="Tailored financial solutions to make your luxury car purchase effortless and secure."
      plans={[
        {
          id: "basic",          badge: "Standard",          price: "$499/mo",          subtitle: "Flexible monthly financing.",          features: [
            "Low down payment",            "24/7 support",            "Competitive APR"],
        },
        {
          id: "premium",          badge: "Concierge",          price: "$899/mo",          subtitle: "Comprehensive protection and service.",          features: [
            "Zero down payment",            "Extended warranty",            "Priority maintenance",            "Concierge delivery"],
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "canvas-reveal"}}
      text="Ready to find your next luxury vehicle? Talk to our dedicated team at CRA Auto Sales today and schedule your personalized viewing."
      buttons={[
        {
          text: "Schedule Appointment",          href: "#contact-form"},
        {
          text: "Call Us Now",          href: "tel:+18005550123"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="CRA Auto Sales"
      columns={[
        {
          title: "Inventory",          items: [
            {
              label: "Browse All",              href: "#inventory"},
            {
              label: "Featured",              href: "#featured"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Financing",              href: "#financing"},
            {
              label: "Trade-In",              href: "#trade-in"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2026 CRA Auto Sales. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
