"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function SomnexPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Somnex"
          navItems={[
            { name: "Produit", id: "product" },
            { name: "Avantages", id: "benefits" },
            { name: "Avis", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Commander", href: "product" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Dormez profondément, même dans le bruit."
          description="Masque de sommeil Bluetooth 3D conçu pour bloquer la lumière et diffuser un son apaisant directement dans vos oreilles."
          background={{ variant: "plain" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client satisfait 1" },
            { src: "http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg", alt: "Client satisfait 2" },
            { src: "http://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg", alt: "Client satisfait 3" }
          ]}
          avatarText="Plus de 2000 clients français satisfaits"
          buttons={[{ text: "Découvrir Somnex™", href: "product" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="problem" data-section="problem">
        <SplitAbout
          title="Le bruit vous empêche de dormir ?"
          description="Vous n'êtes pas seul. Millions de dormeurs sont perturbés par des bruits extérieurs. Somnex™ offre une solution complète."
          tag="Le Problème"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Voisinage bruyant",              description: "Sirènes, travaux, musique - les bruits urbains vous réveillent"
            },
            {
              title: "Conjoint qui ronfle",              description: "Un partenaire qui ronfle peut fragmenter votre sommeil toute la nuit"
            },
            {
              title: "Rue passante",              description: "Le trafic constant crée un environnement sonore imprévisible"
            },
            {
              title: "Stress mental",              description: "L'anxiété rend difficile l'endormissement et le maintien du sommeil"
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/woman-bed-wearing-sleeping-mask_1303-13450.jpg"
          imageAlt="Illustration du problème de bruit"
          imagePosition="right"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="solution" data-section="solution">
        <FeatureCardTwentySeven
          title="La solution 2-en-1 pour un sommeil total"
          description="Somnex™ combine obscurité totale et son apaisant pour un sommeil ininterrompu."
          tag="La Solution"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "darkness",              title: "Obscurité complète 3D",              description: "Bloque 100% de la lumière avec un design ergonomique qui épouse parfaitement votre visage sans pression",              imageSrc: "http://img.b2bpic.net/free-photo/woman-bed-wearing-sleeping-mask_1303-13450.jpg",              imageAlt: "Technologie de blocage de la lumière"
            },
            {
              id: "bluetooth",              title: "Bluetooth 5.0 intégré",              description: "Connectivité stable à 10 mètres. Son clair et discret directement dans vos oreilles",              imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170090.jpg",              imageAlt: "Technologie Bluetooth"
            },
            {
              id: "comfort",              title: "Écouteurs ultra-plats confortables",              description: "Coussinets en gel souple pour porter le masque 8+ heures sans gêne ou irritation",              imageSrc: "http://img.b2bpic.net/free-photo/soft-cream-knitted-texture-detail-close-up_84443-55385.jpg",              imageAlt: "Confort premium"
            },
            {
              id: "material",              title: "Matière coton respirante",              description: "Tissu naturel et hypoallergénique qui respire toute la nuit pour une fraîcheur maximale",              imageSrc: "http://img.b2bpic.net/free-vector/infographic-element-collection-gradient-style_23-2148223369.jpg",              imageAlt: "Matériau respirant"
            }
          ]}
          gridVariant="uniform-4-items"
          animationType="slide-up"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <SplitAbout
          title="Retrouvez des nuits paisibles"
          description="Transformez vos nuits. Plus de réveils nocturnes, un endormissement plus rapide, et des rituels relaxants qui deviennent vos alliés du sommeil."
          tag="Bénéfices Émotionnels"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Moins de réveils nocturnes",              description: "Dormez sans interruption. Somnex™ isole complètement les bruits perturbants"
            },
            {
              title: "Endormissement plus rapide",              description: "Les sons apaisants inclus (nature, pluie, bruit blanc) accélèrent votre endormissement"
            },
            {
              title: "Rituels relaxants",              description: "Créez vos propres playlists apaisantes pour un rituel du soir unique"
            },
            {
              title: "Qualité de sommeil améliorée",              description: "Profonds, réparateurs, et vraiment régénérants. Réveillez-vous enfin reposé"
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-resting-comfortably-dark-bedroom-generated-by-ai_188544-32648.jpg"
          imageAlt="Sommeil paisible"
          imagePosition="left"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Plus de 2000 dormeurs français font confiance à Somnex™ pour leurs nuits paisibles"
          cardTag="Voir ce qu'ils disent"
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Marie Dupont",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "portrait man professional headshot confident smile"
            },
            {
              id: "2",              name: "Jean Moreau",              imageSrc: "http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg",              imageAlt: "portrait woman professional photo happy expression"
            },
            {
              id: "3",              name: "Sophie Laurent",              imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg",              imageAlt: "person portrait headshot profile friendly face"
            },
            {
              id: "4",              name: "Pierre Blanc",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg",              imageAlt: "profile picture portrait image person avatar"
            },
            {
              id: "5",              name: "Claire Rousseau",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "woman portrait professional photo smiling person"
            },
            {
              id: "6",              name: "Michel Arnaud",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",              imageAlt: "man portrait headshot photo confident person"
            }
          ]}
        />
      </div>

      <div id="guarantee" data-section="guarantee">
        <ContactText
          text="30 nuits pour tester. Satisfait ou remboursé sous 30 jours. Nous avons confiance en notre produit."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="finalCta" data-section="finalCta">
        <ContactText
          text="Prêt à transformer vos nuits ? Commandez maintenant et commencez votre voyage vers un sommeil profond."
          animationType="background-highlight"
          buttons={[{ text: "Commander maintenant", href: "product" }]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Somnex™"
          columns={[
            {
              title: "Produit",              items: [
                { label: "Masque Somnex™", href: "#product" },
                { label: "Caractéristiques", href: "#solution" },
                { label: "Garantie 30 nuits", href: "#guarantee" }
              ]
            },
            {
              title: "À propos",              items: [
                { label: "Notre histoire", href: "#" },
                { label: "Qualité française", href: "#" },
                { label: "Blog sommeil", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Livraison & Retours", href: "#" }
              ]
            },
            {
              title: "Légal",              items: [
                { label: "Politique de confidentialité", href: "#" },
                { label: "CGV", href: "#" },
                { label: "Mentions légales", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Somnex™ | Marque française spécialisée dans le sommeil"
        />
      </div>
    </ThemeProvider>
  );
}
