"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Car, CreditCard, Key, MessageCircle, RefreshCw, Star } from "lucide-react";

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="services-grid" data-section="services-grid">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Car,
          title: "Vente Véhicules Neufs",
          description: "Accédez aux derniers modèles 0 km, toutes marques — Kia, BYD, Fiat, et plus.",
        },
        {
          icon: RefreshCw,
          title: "Vente Véhicules Occasion",
          description: "Large sélection de véhicules d'occasion vérifiés, avec historique disponible.",
        },
        {
          icon: Star,
          title: "Véhicules de Luxe",
          description: "Audi RS, Porsche, Mercedes AMG, Brabus — les plus belles machines du monde.",
        },
        {
          icon: Key,
          title: "Location de Voitures de Luxe",
          description: "Louez une Mercedes, BMW ou Porsche pour vos événements ou voyages d'affaires.",
        },
        {
          icon: MessageCircle,
          title: "Conseil & Expertise",
          description: "Nos experts vous accompagnent dans votre choix selon votre budget et vos besoins.",
        },
        {
          icon: CreditCard,
          title: "Financement (en partenariat)",
          description: "Solutions de financement adaptées au marché algérien. Renseignez-vous en agence.",
        },
      ]}
      title="Nos Services"
      description="Bien plus qu'une simple concession, votre satisfaction est notre priorité."
    />
  </div>

  <div id="services-cta" data-section="services-cta">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Un service vous intéresse ?"
      description="Contactez notre équipe dédiée pour plus d'informations ou un rendez-vous."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Votre nom",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117125.jpg"
      imageAlt="Team discussing services"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Envoyer ma demande"
    />
  </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>
  );
}
