"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { FileText, Rocket, Sparkles, Timer, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Fonctionnalités",
          id: "features",
        },
        {
          name: "Comment ça marche",
          id: "how-it-works",
        },
        {
          name: "Tarif",
          id: "pricing",
        },
      ]}
      button={{
        text: "Tester la démo",
        href: "#final-cta",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/color-liquid-logo-design_779267-3077.jpg"
      logoAlt="FacturaPro logo with lightning bolt icon"
      brandName="FacturaPro"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Vos devis et factures en 2 minutes, **depuis votre téléphone**"
      description="Fini Excel et le papier. Créez un devis propre sur le chantier, envoyez-le au client avant de remonter dans le camion."
      tag="Conçu avec des artisans français"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Tester la démo gratuite →",
          href: "#final-cta",
        },
        {
          text: "Voir comment ça marche",
          href: "#how-it-works",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg"
      imageAlt="FacturaPro mobile app interface"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-professional-carpenter-holding-wood-plank-material-his-shoulder-smiling_342744-838.jpg",
          alt: "Portrait d'un artisan souriant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3988.jpg",
          alt: "Portrait d'un plombier content",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367539.jpg",
          alt: "Portrait d'un électricien confiant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-art-studio_23-2149705912.jpg",
          alt: "Portrait d'un peintre amical",
        },
        {
          src: "http://img.b2bpic.net/free-photo/wood-worker-his-shop-working-with-tools-equipment_23-2150861578.jpg",
          alt: "Portrait d'un menuisier qualifié",
        },
      ]}
      avatarText="Rejoint par plus de 500 artisans satisfaits"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Devis rapides",
          icon: Rocket,
        },
        {
          type: "text-icon",
          text: "Factures pros",
          icon: FileText,
        },
        {
          type: "text-icon",
          text: "Gain de temps",
          icon: Timer,
        },
        {
          type: "text-icon",
          text: "Zéro paperasse",
          icon: "X",
        },
        {
          type: "text-icon",
          text: "Paiements suivis",
          icon: Wallet,
        },
      ]}
    />
  </div>

  <div id="trades-strip" data-section="trades-strip">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "🔨 Menuisiers",
        "🚿 Plombiers",
        "🪟 Poseurs",
        "⚡ Électriciens",
        "🎨 Peintres",
        "🧱 Maçons",
        " roof Couvreurs",
      ]}
      title="Un outil simple, pour des métiers exigeants"
      speed={30}
      description="Plombiers, électriciens, menuisiers... Chaque jour, des artisans comme vous simplifient leur quotidien avec FacturaPro. Rejoignez-les."
    />
  </div>

  <div id="problem" data-section="problem">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "📑 Excel galère",
          description: "Des modèles bricolés, des formules cassées, et toujours une erreur de TVA qui traîne.",
          imageSrc: "http://img.b2bpic.net/free-vector/stress-depression-mental-health-icons-set_98292-1855.jpg",
          buttonText: "En savoir plus",
        },
        {
          title: "🕘 Du temps perdu",
          description: "2 h le dimanche soir à taper des devis au lieu d'être avec ta famille ou sur le chantier.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-alarm-clock-hurry-up-ringing-watches_107791-17344.jpg",
          buttonText: "En savoir plus",
        },
        {
          title: "😬 Image pas pro",
          description: "Un devis bâclé fait fuir le client. Le pro gagne souvent au feeling, dès le premier doc.",
          imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-122935.jpg",
          buttonText: "En savoir plus",
        },
      ]}
      title="La paperasse te bouffe tes soirées ?"
      description="Si gérer tes devis et factures est une corvée qui empiète sur ton temps libre, FacturaPro est la solution."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "📱 100 % mobile",
          description: "Créez un devis sur le chantier, depuis votre téléphone. Le client le reçoit avant que vous remontiez dans le camion.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-smartphones-inside-geometric-neon-frame_187299-46537.jpg",
          buttonText: "Découvrir",
        },
        {
          title: "🧮 TVA automatique",
          description: "HT, TVA, TTC calculés tout seuls. Plus aucune erreur de calcul, plus de prise de tête.",
          imageSrc: "http://img.b2bpic.net/free-vector/dollar-gear-cog_78370-7643.jpg",
          buttonText: "Découvrir",
        },
        {
          title: "🔄 Devis → Facture",
          description: "Le devis accepté devient une facture en un clic. Vous ne ressaisissez jamais deux fois.",
          imageSrc: "http://img.b2bpic.net/free-vector/digital-business-growth-vector-with-bar-chart-graphic_53876-111716.jpg",
          buttonText: "Découvrir",
        },
        {
          title: "📤 Envoi direct",
          description: "Mail ou WhatsApp au client en deux taps. Avec votre logo, vos infos, votre style.",
          imageSrc: "http://img.b2bpic.net/free-vector/cloud-email-icons-modern-color-pictograms_107791-259.jpg",
          buttonText: "Découvrir",
        },
        {
          title: "👁️ Suivi des paiements",
          description: "Vous voyez d'un coup d'œil ce qui est payé, en attente, ou à relancer. Fini les impayés oubliés.",
          imageSrc: "http://img.b2bpic.net/free-vector/infographic-landing-page-template_52683-2417.jpg",
          buttonText: "Découvrir",
        },
        {
          title: "🚀 Prêt en 5 min",
          description: "Aucune installation compliquée. Vous créez votre compte et votre premier devis part dans la foulée.",
          imageSrc: "http://img.b2bpic.net/free-vector/stopwatch-design_1166-2.jpg",
          buttonText: "Découvrir",
        },
      ]}
      title="Tout ce qu'il faut, rien de superflu."
      description="Pas un logiciel de comptable usine à gaz. Juste l'essentiel, pensé pour le terrain."
      tag="Ce que FacturaPro fait pour vous"
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "01 Tu remplis",
          description: "Nom du client, prestation, prix. L'appli s'occupe de la TVA et de la mise en page.",
          imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-pencil-paper_1308-84242.jpg",
          buttonText: "Suivant →",
        },
        {
          title: "02 Tu envoies",
          description: "Le devis part au client par mail ou WhatsApp, propre et pro, à ton nom.",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827321.jpg",
          buttonText: "Suivant →",
        },
        {
          title: "03 Tu encaisses",
          description: "Devis accepté → facture en un clic. Tu suis tes paiements sans rien oublier.",
          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-dollar-bill_53876-75083.jpg",
          buttonText: "Terminer →",
        },
      ]}
      title="Trois étapes, c'est tout."
      tag="Comment ça marche"
      description="Dites adieu aux complications. Avec FacturaPro, créez, envoyez et encaissez en quelques clics."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "facturapro-plan",
          badge: "FacturaPro",
          price: "49 € / mois",
          subtitle: "Sans engagement · Résiliable à tout moment",
          buttons: [
            {
              text: "Commencer par la démo →",
              href: "#final-cta",
            },
          ],
          features: [
            "Devis & factures illimités",
            "Calcul TVA automatique (HT / TVA / TTC)",
            "Envoi mail & WhatsApp avec votre logo",
            "Suivi des paiements & relances",
            "Accès mobile illimité",
            "Support en français par un humain",
          ],
          badgeIcon: Sparkles,
        },
      ]}
      title="Un seul prix, tout inclus."
      description="Pas d'engagement, pas de frais cachés. Vous résiliez quand vous voulez."
      tag="Tarif simple"
    />
  </div>

  <div id="final-cta" data-section="final-cta">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Testez la démo, sans rien installer.\\\nVoyez par vous-même comme c'est rapide. Cliquez, créez un devis, envoyez-le. En 2 minutes vous saurez si FacturaPro est fait pour vous."
      buttons={[
        {
          text: "Lancer la démo gratuite →",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/color-liquid-logo-design_779267-3077.jpg"
      logoAlt="FacturaPro logo"
      logoText="FacturaPro"
      copyrightText="contact.facturapro@gmail.com · © 2026 FacturaPro"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
