"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Accueil", id: "hero" },
        { name: "À Propos", id: "about" },
        { name: "Services", id: "features" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Hélios Gestion"
      button={{ text: "Nous contacter", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "gradient-bars" }}
      title="Gestion immobilière et financière d'exception"
      description="Donnez vie à vos projets immobiliers grâce à notre expertise en gestion proactive et personnalisée."
      testimonials={[
        { name: "Marie Lefebvre", handle: "@mariel", testimonial: "Une gestion impeccable et réactive. Je recommande vivement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
        { name: "Thomas Dubois", handle: "@thomasd", testimonial: "Grâce à Hélios Gestion, mon patrimoine est entre de bonnes mains.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
        { name: "Sophie Martin", handle: "@sophiem", testimonial: "Un service proactif qui fait toute la différence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
        { name: "Luc P.", handle: "@lucp", testimonial: "Le sérieux et l'engagement sont au rendez-vous.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
        { name: "Anne C.", handle: "@annec", testimonial: "Enfin une solution qui allie performance et simplicité.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" }
      ]}
      buttons={[
        { text: "Nos services", href: "#features" },
        { text: "Contactez-nous", href: "#contact" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-680.jpg?_wi=1"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg", alt: "Client 1" },
        { src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Client 2" },
        { src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", alt: "Client 3" },
        { src: "http://img.b2bpic.net/free-photo/businesswoman-railing_1098-2186.jpg", alt: "Client 4" },
        { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", alt: "Client 5" }
      ]}
      marqueeItems={[
        { type: "text", text: "Expertise" },
        { type: "text", text: "Performance" },
        { type: "text", text: "Confiance" },
        { type: "text", text: "Transparence" },
        { type: "text", text: "Innovation" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="L'expertise Hélios Gestion"
      description="Nous plaçons l'humain et la performance au cœur de notre stratégie de gestion. Notre équipe dédiée assure un suivi rigoureux pour garantir la valorisation de vos actifs."
      imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286119.jpg?_wi=1"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Gestion Locative", tags: ["Optimisation", "Sérénité"], imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654152.jpg?_wi=1" },
        { id: "f2", title: "Conseil en Investissement", tags: ["Performance", "Stratégie"], imageSrc: "http://img.b2bpic.net/free-photo/ideas-innovation-lightbulb-icon-concept_53876-124971.jpg?_wi=1" },
        { id: "f3", title: "Suivi Technique", tags: ["Maintenance", "Qualité"], imageSrc: "http://img.b2bpic.net/free-photo/keyboard-headphones-desktop_23-2147830011.jpg?_wi=1" }
      ]}
      title="Nos domaines d'intervention"
      description="Des solutions adaptées pour une gestion sereine et durable."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "98%", title: "Taux de satisfaction", items: ["clients fidèles", "suivi constant"] },
        { id: "m2", value: "12 ans", title: "Expérience métier", items: ["expertise reconnue", "marché local"] },
        { id: "m3", value: "500+", title: "Biens gérés", items: ["gestion parc", "confiance active"] }
      ]}
      title="Nos indicateurs de confiance"
      description="La preuve par les chiffres de notre engagement quotidien."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah J.", date: "12/05/2023", title: "Investisseur", quote: "Un service exemplaire au quotidien.", tag: "Satisfait", avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-680.jpg?_wi=2" },
        { id: "2", name: "Marc B.", date: "10/06/2023", title: "Propriétaire", quote: "Enfin une gestion qui simplifie tout.", tag: "Recommandé", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286119.jpg?_wi=2" },
        { id: "3", name: "Julie T.", date: "20/07/2023", title: "Gestionnaire", quote: "Professionnalisme et réactivité au top.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", imageSrc: "http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654152.jpg?_wi=2" },
        { id: "4", name: "Luc P.", date: "05/08/2023", title: "Investisseur", quote: "Une expertise financière rassurante.", tag: "Satisfait", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2358.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ideas-innovation-lightbulb-icon-concept_53876-124971.jpg?_wi=2" },
        { id: "5", name: "Anne C.", date: "15/09/2023", title: "Propriétaire", quote: "Merci pour ce suivi personnalisé.", tag: "Fidèle", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-their-office_1098-81.jpg", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-headphones-desktop_23-2147830011.jpg?_wi=2" }
      ]}
      title="Ils nous font confiance"
      description="Découvrez les retours d'expérience de nos clients partenaires."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Comment démarrer un partenariat ?", content: "Contactez-nous simplement via le formulaire ci-dessous." },
        { id: "q2", title: "Quels types de biens gérez-vous ?", content: "Nous gérons tout type de bien immobilier résidentiel ou commercial." },
        { id: "q3", title: "Proposez-vous un suivi à distance ?", content: "Oui, notre interface digitale permet un suivi 24/7." }
      ]}
      title="Questions fréquentes"
      description="Besoin d'éclaircissements sur notre offre de gestion ?"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Prêt à optimiser votre gestion ?"
      description="Discutons de vos besoins dès aujourd'hui."
      inputs={[
        { name: "name", type: "text", placeholder: "Votre nom", required: true },
        { name: "email", type: "email", placeholder: "Votre email", required: true },
        { name: "subject", type: "text", placeholder: "Service sollicité (ex: Gestion, Conseil)", required: true }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/glass-architecture_1359-254.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Hélios Gestion"
      leftLink={{ text: "Mentions Légales", href: "#" }}
      rightLink={{ text: "Privacy Policy", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}