"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",
          id: "/",
        },
        {
          name: "Véhicules",
          id: "/vehicules",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "À Propos",
          id: "/a-propos",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/best-dad-award_23-2147501669.jpg"
      logoAlt="FAHD AUTO SETIF Logo"
      brandName="FAHD AUTO SETIF"
      button={{
        text: "WhatsApp",
        href: "https://wa.me/213550208888?text=Bonjour,%20je%20suis%20intéressé%20par%20vos%20véhicules",
      }}
    />
  </div>

  <div id="inventory-grid" data-section="inventory-grid">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "all-prod-1",
          brand: "Audi",
          name: "RS6 Performance 2025",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "20+",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-sitting-car-with-opened-door-fashion-girl-driving-car-suit-posh-girl-sportcar_574295-8.jpg",
          imageAlt: "Audi RS6 Performance 2025",
        },
        {
          id: "all-prod-2",
          brand: "Porsche",
          name: "Cayenne S 4.0L V8 2025",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "15+",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-sell-available_23-2148332884.jpg",
          imageAlt: "Porsche Cayenne S 4.0L V8 2025",
        },
        {
          id: "all-prod-3",
          brand: "Mercedes",
          name: "GLE 300d 4MATIC",
          price: "3,000,000 DZD",
          rating: 4,
          reviewCount: "10+",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-car-city-street_23-2150796852.jpg",
          imageAlt: "Mercedes GLE 300d 4MATIC",
        },
        {
          id: "all-prod-4",
          brand: "Kia",
          name: "Seltos Premium 1.5L 2025",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "25+",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg",
          imageAlt: "Kia Seltos Premium 1.5L 2025",
        },
        {
          id: "all-prod-5",
          brand: "BYD",
          name: "Han 2024",
          price: "Prix sur demande",
          rating: 4,
          reviewCount: "12+",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-panorama-city-shanghai-path_1417-86.jpg",
          imageAlt: "BYD Han 2024",
        },
        {
          id: "all-prod-6",
          brand: "Audi",
          name: "RS3 2.5L 400cv",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "8+",
          imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg",
          imageAlt: "Audi RS3 2.5L 400cv",
        },
        {
          id: "all-prod-7",
          brand: "BMW",
          name: "X7 2023",
          price: "Prix sur demande",
          rating: 4,
          reviewCount: "7+",
          imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg",
          imageAlt: "BMW X7 2023",
        },
        {
          id: "all-prod-8",
          brand: "Fiat",
          name: "Tipo 2024",
          price: "Prix sur demande",
          rating: 3,
          reviewCount: "18+",
          imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-8479.jpg",
          imageAlt: "Fiat Tipo 2024",
        },
        {
          id: "all-prod-9",
          brand: "Audi",
          name: "Q5 2017",
          price: "2,200,000 DZD",
          rating: 4,
          reviewCount: "9+",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130078.jpg",
          imageAlt: "Audi Q5 2017",
        },
        {
          id: "all-prod-10",
          brand: "Mercedes",
          name: "G800 Brabus",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "10+",
          imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822345.jpg",
          imageAlt: "Mercedes G800 Brabus",
        },
        {
          id: "all-prod-11",
          brand: "Lamborghini",
          name: "Urus Carbon 2025",
          price: "Prix sur demande",
          rating: 5,
          reviewCount: "6+",
          imageSrc: "http://img.b2bpic.net/free-photo/blurry-developing-photos-darkroom_23-2149893981.jpg",
          imageAlt: "Lamborghini Urus Carbon 2025",
        },
        {
          id: "all-prod-12",
          brand: "Volkswagen",
          name: "Tiguan R 2024",
          price: "Prix sur demande",
          rating: 4,
          reviewCount: "7+",
          imageSrc: "http://img.b2bpic.net/free-photo/navy-blue-sport-sedan-road-side-view_114579-5055.jpg",
          imageAlt: "Volkswagen Tiguan R 2024",
        },
      ]}
      title="Notre Stock Véhicules"
      description="Découvrez notre inventaire complet de voitures neuves et d'occasion."
    />
  </div>

  <div id="financing-faqs" data-section="financing-faqs">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Quelles sont les options de financement disponibles ?",
          content: "Nous proposons plusieurs options de financement flexibles adaptées à vos besoins, en partenariat avec des institutions financières locales.",
        },
        {
          id: "faq2",
          title: "Puis-je simuler un crédit automobile ?",
          content: "Oui, nos conseillers peuvent vous aider à simuler un crédit directement en agence pour estimer vos mensualités.",
        },
        {
          id: "faq3",
          title: "Quels documents sont nécessaires pour un dossier de financement ?",
          content: "Les documents requis incluent généralement une pièce d'identité, un justificatif de domicile, des bulletins de salaire ou une preuve de revenu, et un relevé bancaire.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg"
      imageAlt="Car interior, financing discussion"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Questions Fréquentes sur le Financement"
      description="Nos solutions pour vous aider à acquérir votre prochain véhicule."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/best-dad-award_23-2147501669.jpg"
      logoAlt="FAHD AUTO SETIF Logo"
      logoText="FAHD AUTO SETIF"
      leftLink={{
        text: "© 2025 FAHD AUTO SETIF. Tous droits réservés.",
        href: "#",
      }}
      rightLink={{
        text: "Politique de confidentialité",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
