"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Users, MessageCircle } from "lucide-react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Accueil", id: "hero" },
        { name: "Parcours", id: "about" },
        { name: "Expertises", id: "features" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Stéphanie Arnoud"
      button={{
        text: "Prendre rendez-vous", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "sparkles-gradient"}}
      title="Révélez votre potentiel avec Stéphanie Arnoud"
      description="Accompagnement personnel et développement humain pour transformer vos défis en opportunités."
      buttons={[
        { text: "Prendre rendez-vous avec Stéphanie", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/uploaded-1774974961042-0vf5ftqi.jpg", imageAlt: "Stéphanie Arnoud" },
      ]}
      mediaAnimation="blur-reveal"
      imageClassName="rounded-full aspect-square object-cover"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Qui suis-je ?"
      description={[
        "Après 25 années passionnantes au sein du groupe Agfa en tant que DRH, j'ai choisi d'écouter ma vocation profonde : l'accompagnement humain.",        "Mon approche combine mon expertise des organisations et une fine connaissance du développement personnel, pour vous aider à atteindre vos objectifs avec sérénité et clarté."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        { title: "Intelligence Émotionnelle", description: "Maîtrisez vos émotions pour une vie plus alignée.", buttonIcon: Zap },
        { title: "Intelligence Collective", description: "Favorisez la synergie dans vos relations et projets.", buttonIcon: Users },
        { title: "Communication Non Violente", description: "Améliorez vos échanges et clarifiez vos besoins.", buttonIcon: MessageCircle },
      ]}
      title="Expertises & Formations"
      description="Je m'appuie sur des approches éprouvées pour favoriser votre épanouissement personnel et professionnel."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sophie M.", handle: "@sophiem", testimonial: "Un accompagnement d'une profondeur rare. Stéphanie a changé ma vision.", rating: 5 },
        { id: "2", name: "Julien P.", handle: "@julienp", testimonial: "La bienveillance et le professionnalisme à chaque étape. Merci.", rating: 5 },
        { id: "3", name: "Claire L.", handle: "@clairel", testimonial: "Une approche concrète et très inspirante. Je me sens alignée.", rating: 5 },
      ]}
      showRating={true}
      title="Ce qu'ils en pensent"
      description="Des retours précieux sur la transformation et la bienveillance de l'accompagnement."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Prenons contact"
      title="Prêt(e) à entamer votre transformation ?"
      description="Je vous accompagne personnellement pour vos projets de vie. Prenons rendez-vous."
      buttons={[
        { text: "Prendre rendez-vous", href: "https://calendly.com" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Stéphanie Arnoud"
      copyrightText="© 2025 Stéphanie Arnoud Coaching"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}