225 lines
12 KiB
TypeScript
225 lines
12 KiB
TypeScript
"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>
|
|
);
|
|
}
|