"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, CheckCircle, Clock, Phone, Truck } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Frizon Sébastien SAS"
          navItems={[
            { name: "Accueil", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Zones d'intervention", id: "zones" },
            { name: "Avis", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Demander un devis",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Frizon Sébastien SAS"
          description="Transports & Terrassement - Expertise familiale depuis des années. Ponctualité, fiabilité et travail bien fait garantis."
          buttons={[
            { text: "Demander un devis", href: "#contact" },
            { text: "Appeler maintenant", href: "tel:03237284 19" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/young-builder-man-holding-hammer-head-while-sticking-out-tongue-workwear-uniform-looking-funny-front-view_176474-64860.jpg"
          imageAlt="Chantier de terrassement professionnel"
          mediaAnimation="slide-up"
          frameStyle="card"
          ariaLabel="Section héro - Frizon Sébastien SAS"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Nos services"
          description="Deux domaines d'expertise au service de votre entreprise : transports fiables et terrassement professionnel."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Transports",              description: "Transport de marchandises partout en France avec ponctualité et sécurité garanties.",              bentoComponent: "reveal-icon",              icon: Truck
            },
            {
              title: "Terrassement",              description: "Travaux de terrassement professionnels avec équipements modernes et équipe expérimentée.",              bentoComponent: "reveal-icon",              icon: Truck
            },
            {
              title: "Fiabilité",              description: "Respect des délais et qualité de travail reconnus. Entreprise sérieuse et professionnelle.",              bentoComponent: "reveal-icon",              icon: CheckCircle
            },
            {
              title: "Disponibilité",              description: "Interventions rapides et assistance constante pour vos besoins en transports et terrassement.",              bentoComponent: "reveal-icon",              icon: Clock
            }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricSplitMediaAbout
          title="Pourquoi nous choisir"
          description="Frizon Sébastien SAS est une entreprise familiale qui met le sérieux et la qualité au cœur de chaque intervention. Père et fils, nous travaillons ensemble depuis des années pour garantir votre satisfaction."
          tag="Entreprise sérieuse et fiable"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            { value: "100%", title: "Satisfaction client garantie" },
            { value: "À l'heure", title: "Ponctualité assurée" },
            { value: "20+", title: "Années d'expérience" }
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/front-view-young-old-women-talking_23-2150171329.jpg"
          imageAlt="Équipe père et fils entreprise familiale"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="zones" data-section="zones">
        <MetricCardTen
          title="Zone d'intervention"
          description="Nous couvrons les principales zones de la région Picardie et ses alentours."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "soissons", title: "Soissons", subtitle: "Zone principale", category: "Aisne", value: "15 km" },
            { id: "aisne", title: "Département Aisne", subtitle: "Couverture complète", category: "Région", value: "100%" },
            { id: "picardie", title: "Picardie", subtitle: "Zone d'intervention", category: "Région", value: "Étendue" },
            { id: "france", title: "France", subtitle: "Transports longue distance", category: "Route", value: "Possible" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Avis de nos clients"
          description="La satisfaction de nos clients est notre meilleure recommandation."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          testimonials={[
            {
              id: "1",              name: "Client satisfait",              role: "Directeur d'entreprise",              company: "Entreprise régionale",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",              imageAlt: "portrait professionnel homme satisfait client"
            },
            {
              id: "2",              name: "Responsable logistique",              role: "Responsable transport",              company: "Société de services",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",              imageAlt: "portrait client homme satisfaction service"
            },
            {
              id: "3",              name: "Entreprise sérieuse",              role: "Avis vérifiés",              company: "Client professionnel",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",              imageAlt: "portrait professionnel homme satisfait client"
            },
            {
              id: "4",              name: "Ponctualité irréprochable",              role: "Confiance établie",              company: "Partenaire régional",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",              imageAlt: "portrait client homme satisfaction service"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Nous contacter"
          title="Demander un devis"
          description="Contactez-nous pour vos besoins en transports ou terrassement. Réponse rapide garantie."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Entrez votre adresse email"
          buttonText="Nous contacter"
          termsText="En cliquant sur Nous contacter, vous confirmez que vous acceptez nos conditions d'utilisation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/outdoor-orienteering-check-point-activity_53876-24867.jpg"
          imageAlt="Zone d'intervention Frizon Sébastien"
          logoText="Frizon Sébastien SAS"
          copyrightText="© 2025 Frizon Sébastien SAS | Transports & Terrassement"
          columns={[
            {
              title: "Services",              items: [
                { label: "Transports", href: "#services" },
                { label: "Terrassement", href: "#services" },
                { label: "Zone d'intervention", href: "#zones" }
              ]
            },
            {
              title: "Entreprise",              items: [
                { label: "À propos", href: "#why-us" },
                { label: "Avis clients", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Téléphone: 03 23 72 84 19", href: "tel:03237284 19" },
                { label: "Chivres-Val (02880)", href: "#" },
                { label: "Demander un devis", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
