"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, CheckCircle, Clock, FileText, HelpCircle, Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="FinanceAid"
          navItems={[
            { name: "Accueil", id: "hero" },
            { name: "À propos", id: "about" },
            { name: "Processus", id: "features" },
            { name: "Avantages", id: "benefits" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Faire une demande", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Un soutien financier simple, rapide et sécurisé"
          description="Obtenez une aide financière en moins de 24 heures. Notre processus transparent et fiable garantit une réponse rapide à votre demande. Laissez-nous vous aider à atteindre vos objectifs financiers."
          tag="Financement rapide et fiable"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Faire une demande", href: "#contact" },
            { text: "Contacter sur WhatsApp", href: "https://wa.me/NUMERO" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/such-great-idea-let-s-this_329181-15173.jpg?_wi=1"
          imageAlt="Soutien financier professionnel"
          background={{ variant: "plain" }}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Qui sommes-nous ?"
          description={[
            "Nous sommes une entreprise de financement et d'aide financière dédiée à rendre le soutien financier accessible à tous. Notre mission est simple : aider les particuliers à surmonter leurs défis financiers avec transparence, professionnalisme et rapidité.",            "Avec des années d'expérience dans le secteur financier, nous comprendre les besoins réels de nos clients. Nous offrons des solutions personnalisées, un suivi professionnel et un engagement envers votre réussite financière.",            "Votre confiance est notre priorité. C'est pourquoi nous garantissons un processus sécurisé, une confidentialité totale et des réponses rapides à vos demandes."
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Commencer maintenant", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Comment ça marche ?"
          description="Suivez notre processus simple et transparent en 4 étapes pour obtenir votre aide financière rapidement et en toute confiance."
          features={[
            {
              title: "Remplissez le formulaire",              description: "Soumettez votre demande en quelques minutes avec les informations nécessaires.",              icon: FileText,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/signing-agreement_1098-19561.jpg?_wi=1", imageAlt: "Étape 1 : Remplissage du formulaire" },
                { imageSrc: "http://img.b2bpic.net/free-photo/signing-agreement_1098-19561.jpg?_wi=2", imageAlt: "Étape 1 : Application en ligne" }
              ]
            },
            {
              title: "Analyse de votre dossier",              description: "Notre équipe d'experts analyse votre demande avec soin et professionnalisme.",              icon: CheckCircle,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-looking-smartphone-screen-while-working-business-planning-with-computer-charts-company-office-businesswoman-using-mobile-phone-brainstorming-ideas_482257-33458.jpg?_wi=1", imageAlt: "Étape 2 : Analyse de dossier" },
                { imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-looking-smartphone-screen-while-working-business-planning-with-computer-charts-company-office-businesswoman-using-mobile-phone-brainstorming-ideas_482257-33458.jpg?_wi=2", imageAlt: "Étape 2 : Vérification professionnelle" }
              ]
            },
            {
              title: "Réponse sous 24 heures",              description: "Recevez une réponse rapide à votre demande dans les 24 heures suivant la soumission.",              icon: Clock,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/upset-young-businessman-showing-okay-workplace_176420-5297.jpg?_wi=1", imageAlt: "Étape 3 : Réponse rapide" },
                { imageSrc: "http://img.b2bpic.net/free-photo/upset-young-businessman-showing-okay-workplace_176420-5297.jpg?_wi=2", imageAlt: "Étape 3 : Service rapide 24h" }
              ]
            },
            {
              title: "Validation et accompagnement",              description: "Une fois approuvée, nous validons votre demande et vous accompagnons jusqu'à la fin.",              icon: Shield,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-shaking-hands-with-candidate-job-interview-office_637285-6541.jpg?_wi=1", imageAlt: "Étape 4 : Validation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-shaking-hands-with-candidate-job-interview-office_637285-6541.jpg?_wi=2", imageAlt: "Étape 4 : Accompagnement complet" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Processus transparent"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <MetricCardSeven
          title="Nos avantages"
          description="Découvrez pourquoi des milliers de clients nous font confiance pour leurs besoins financiers."
          metrics={[
            {
              id: "speed",              value: "24h",              title: "Traitement rapide",              items: ["Réponse garantie en 24 heures", "Processus accéléré et efficace", "Pas de délai inutile"]
            },
            {
              id: "simple",              value: "4 étapes",              title: "Processus simple",              items: ["Formulaire facile à remplir", "Instructions claires et précises", "Interface conviviale"]
            },
            {
              id: "support",              value: "7j/7",              title: "Support WhatsApp",              items: ["Assistance disponible en permanence", "Communication rapide et directe", "Réponses à vos questions"]
            },
            {
              id: "secure",              value: "100%",              title: "Service sécurisé",              items: ["Données protégées et confidentielles", "Transactions sécurisées et vérifiées", "Conformité réglementaire garantie"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Avantages clés"
          tagIcon={Award}
          tagAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Ce que disent nos clients"
          description="Des milliers de personnes satisfaites ont trouvé l'aide financière dont elles avaient besoin grâce à nos services."
          testimonials={[
            {
              id: "1",              title: "Service exceptionnel",              quote: "Processus très rapide et professionnel. J'ai reçu une réponse en 24 heures comme promis. Excellent service !",              name: "Marie Dupont",              role: "Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg"
            },
            {
              id: "2",              title: "Très simple et efficace",              quote: "J'étais hésitante au début, mais le formulaire était facile à remplir et l'équipe a été très réactive. Je recommande vivement !",              name: "Jean-Pierre Martin",              role: "Consultant",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg"
            },
            {
              id: "3",              title: "Aide vraiment utile",              quote: "Ils ont compris exactement ce dont j'avais besoin. La communication via WhatsApp était très pratique et réactive.",              name: "Sophie Bernard",              role: "Freelancer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg"
            },
            {
              id: "4",              title: "Confiance et transparence",              quote: "Pas de surprise, tout était clair et transparent dès le départ. C'est rare de trouver un service aussi honnête.",              name: "Robert Lefevre",              role: "Directeur",              imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg"
            },
            {
              id: "5",              title: "Support remarquable",              quote: "L'équipe a répondu à toutes mes questions avec patience et professionnalisme. Service de première classe.",              name: "Emma Rousseau",              role: "Étudiante",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"
            },
            {
              id: "6",              title: "Résultat satisfaisant",              quote: "Merci d'avoir facilité le processus. Vous méritez d'être connus partout. Continuez comme ça !",              name: "Michel Laurent",              role: "Retraité",              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-people-posing-camera-holding-tablets_1262-20189.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Avis clients"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Questions fréquemment posées"
          description="Trouvez des réponses aux questions les plus courantes sur nos services et notre processus."
          faqs={[
            {
              id: "1",              title: "Combien de temps pour obtenir une réponse ?",              content: "Nous traitons toutes les demandes dans les 24 heures suivant leur soumission. Vous recevrez une réponse claire indiquant si votre demande a été approuvée ou nécessite des informations supplémentaires."
            },
            {
              id: "2",              title: "Comment faire une demande ?",              content: "C'est très simple ! Remplissez notre formulaire en ligne avec vos informations personnelles et vos détails financiers. Le processus prend généralement 5 à 10 minutes. Nous analyserons votre dossier et vous contacterons rapidement."
            },
            {
              id: "3",              title: "Quels sont les critères d'acceptation ?",              content: "Nous considérons plusieurs facteurs incluant votre situation financière, votre historique de crédit, votre emploi et votre stabilité financière générale. Chaque demande est évaluée individuellement et avec impartialité."
            },
            {
              id: "4",              title: "Mes données personnelles sont-elles sécurisées ?",              content: "Oui, absolument. Nous utilisons les technologies de chiffrement les plus avancées pour protéger vos données. Votre confidentialité est notre priorité absolue et nous respectons strictement toutes les réglementations de confidentialité."
            },
            {
              id: "5",              title: "Puis-je contacter le support ?",              content: "Bien sûr ! Vous pouvez nous contacter via WhatsApp, email ou téléphone. Notre équipe est disponible pour répondre à vos questions et vous assister à chaque étape du processus."
            },
            {
              id: "6",              title: "Quels sont les frais applicables ?",              content: "Nous sommes transparents concernant tous les frais. Il n'y a pas de frais cachés. Tous les coûts applicables vous seront communiqués avant la finalisation de votre demande."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Prêt à transformer votre situation financière ? Commencez dès maintenant avec notre formulaire simple et rapide. Ou contactez-nous directement via WhatsApp pour une assistance immédiate."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Discuter sur WhatsApp", href: "https://wa.me/NUMERO" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/such-great-idea-let-s-this_329181-15173.jpg?_wi=2"
          imageAlt="Financement et aide financière"
          logoText="FinanceAid"
          copyrightText="© 2025 FinanceAid - Tous droits réservés"
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Accueil", href: "#hero" },
                { label: "À propos", href: "#about" },
                { label: "Processus", href: "#features" },
                { label: "Avantages", href: "#benefits" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Assistance WhatsApp", href: "https://wa.me/NUMERO" },
                { label: "Email Support", href: "mailto:support@financeaid.com" }
              ]
            },
            {
              title: "Légal",              items: [
                { label: "Mentions légales", href: "#" },
                { label: "Politique de confidentialité", href: "#" },
                { label: "Conditions d'utilisation", href: "#" },
                { label: "Politique de cookies", href: "#" }
              ]
            },
            {
              title: "Contactez-nous",              items: [
                { label: "Email: info@financeaid.com", href: "mailto:info@financeaid.com" },
                { label: "Téléphone: +33 1 XX XX XX XX", href: "tel:+33100000000" },
                { label: "WhatsApp: Cliquez ici", href: "https://wa.me/NUMERO" },
                { label: "Disponible 7j/7", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}