Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-06 00:51:50 +00:00

View File

@@ -25,356 +25,131 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "accueil",
},
{
name: "Collections",
id: "collections",
},
{
name: "Produits",
id: "produits",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Lumière d'Or"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Accueil", id: "accueil" },
{ name: "Collections", id: "collections" },
{ name: "Produits", id: "produits" },
{ name: "Contact", id: "contact" },
]}
brandName="Lumière d'Or"
/>
</div>
<div id="accueil" data-section="accueil">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Lumière d'Or"
description="Découvrez l'élégance intemporelle des bijoux d'exception, créés pour sublimer votre féminité."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg?_wi=1",
imageAlt: "Collection Classique",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg?_wi=1",
imageAlt: "Collection Bohème",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg?_wi=1",
imageAlt: "Collection Moderne",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-elegant-gold-chain_23-2149635326.jpg?_wi=1",
imageAlt: "Produit 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-girl-posing-dark-wall-shooting-with-european-lady_197531-13996.jpg?_wi=1",
imageAlt: "Produit 2",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509263.jpg?_wi=1",
imageAlt: "Produit 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-beautiful-make-up-earrings-with-gems-isolated_132075-8117.jpg?_wi=1",
imageAlt: "Produit 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-picture-wedding-rings-standing-green-background_8353-1761.jpg?_wi=1",
imageAlt: "Produit 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg?_wi=2",
imageAlt: "Collection Classique",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg?_wi=2",
imageAlt: "Collection Bohème",
},
]}
buttons={[
{
text: "Découvrir les collections",
href: "#collections",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/lovely-beautiful-woman-with-wavy-hairstyle-smiling-flirting-romantic-mood-wearing-white-jacket-outdoor-outumn-fashion_273443-3211.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/couple-jewelry-store-choosing-ring-together_1303-30662.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-friendly-seller-talking-customer-jewelry-store-woman-consulting-shop-assistant-showcase-shopping-service-concept_74855-11796.jpg",
alt: "Client 5",
},
]}
avatarText="Rejoignez nos 10 000+ clientes satisfaites"
marqueeItems={[
{
type: "text",
text: "Certifié Or 18k",
},
{
type: "text",
text: "Design Français",
},
{
type: "text",
text: "Livraison Offerte",
},
{
type: "text",
text: "Bijoux Artisanaux",
},
{
type: "text",
text: "Garantie 2 ans",
},
]}
/>
</div>
<div id="accueil" data-section="accueil">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Lumière d'Or"
description="Découvrez l'élégance intemporelle des bijoux d'exception, créés pour sublimer votre féminité."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg", imageAlt: "Collection Classique" },
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg", imageAlt: "Collection Bohème" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg", imageAlt: "Collection Moderne" },
{ imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-elegant-gold-chain_23-2149635326.jpg", imageAlt: "Produit 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-girl-posing-dark-wall-shooting-with-european-lady_197531-13996.jpg", imageAlt: "Produit 2" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509263.jpg", imageAlt: "Produit 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-beautiful-make-up-earrings-with-gems-isolated_132075-8117.jpg", imageAlt: "Produit 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-picture-wedding-rings-standing-green-background_8353-1761.jpg", imageAlt: "Produit 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg", imageAlt: "Collection Classique" },
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg", imageAlt: "Collection Bohème" },
]}
buttons={[{ text: "Découvrir les collections", href: "#collections" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/lovely-beautiful-woman-with-wavy-hairstyle-smiling-flirting-romantic-mood-wearing-white-jacket-outdoor-outumn-fashion_273443-3211.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/couple-jewelry-store-choosing-ring-together_1303-30662.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/happy-friendly-seller-talking-customer-jewelry-store-woman-consulting-shop-assistant-showcase-shopping-service-concept_74855-11796.jpg", alt: "Client 5" },
]}
avatarText="Rejoignez nos 10 000+ clientes satisfaites"
marqueeItems={[
{ type: "text", text: "Certifié Or 18k" },
{ type: "text", text: "Design Français" },
{ type: "text", text: "Livraison Offerte" },
{ type: "text", text: "Bijoux Artisanaux" },
{ type: "text", text: "Garantie 2 ans" },
]}
/>
</div>
<div id="collections" data-section="collections">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Classique",
description: "L'élégance intemporelle pour chaque moment.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg?_wi=3",
titleIconSrc: "Sparkles",
buttonText: "Explorer",
},
{
title: "Bohème",
description: "Liberté et nature fusionnent dans des créations uniques.",
imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg?_wi=3",
titleIconSrc: "Feather",
buttonText: "Explorer",
},
{
title: "Moderne",
description: "Design contemporain pour la femme audacieuse.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg?_wi=2",
titleIconSrc: "Hexagon",
buttonText: "Explorer",
},
]}
title="Nos Collections"
description="Découvrez nos univers, du classique intemporel au design moderne."
/>
</div>
<div id="collections" data-section="collections">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Classique", description: "L'élégance intemporelle pour chaque moment.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836465.jpg", titleIconSrc: "Sparkles", buttonText: "Explorer" },
{ title: "Bohème", description: "Liberté et nature fusionnent dans des créations uniques.", imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg", titleIconSrc: "Feather", buttonText: "Explorer" },
{ title: "Moderne", description: "Design contemporain pour la femme audacieuse.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-brick-arrangement_23-2149836426.jpg", titleIconSrc: "Hexagon", buttonText: "Explorer" },
]}
title="Nos Collections"
description="Découvrez nos univers, du classique intemporel au design moderne."
/>
</div>
<div id="produits" data-section="produits">
<ProductCardTwo
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Lumière d'Or",
name: "Collier Étoile",
price: "€289",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-elegant-gold-chain_23-2149635326.jpg?_wi=2",
},
{
id: "2",
brand: "Lumière d'Or",
name: "Boucles Perle",
price: "€179",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-girl-posing-dark-wall-shooting-with-european-lady_197531-13996.jpg?_wi=2",
},
{
id: "3",
brand: "Lumière d'Or",
name: "Bracelet Manchette",
price: "€349",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-book_23-2149836446.jpg",
},
{
id: "4",
brand: "Lumière d'Or",
name: "Solitaire Diamant",
price: "€599",
rating: 5,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509263.jpg?_wi=2",
},
{
id: "5",
brand: "Lumière d'Or",
name: "Créoles Gold",
price: "€210",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-beautiful-make-up-earrings-with-gems-isolated_132075-8117.jpg?_wi=2",
},
{
id: "6",
brand: "Lumière d'Or",
name: "Bague Éternité",
price: "€450",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-picture-wedding-rings-standing-green-background_8353-1761.jpg?_wi=2",
},
]}
title="Sélection du Moment"
description="Les pièces incontournables de cette saison."
/>
</div>
<div id="produits" data-section="produits">
<ProductCardTwo
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "1", brand: "Lumière d'Or", name: "Collier Étoile", price: "€289", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-elegant-gold-chain_23-2149635326.jpg" },
{ id: "2", brand: "Lumière d'Or", name: "Boucles Perle", price: "€179", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-girl-posing-dark-wall-shooting-with-european-lady_197531-13996.jpg" },
{ id: "3", brand: "Lumière d'Or", name: "Bracelet Manchette", price: "€349", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-book_23-2149836446.jpg" },
{ id: "4", brand: "Lumière d'Or", name: "Solitaire Diamant", price: "€599", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509263.jpg" },
{ id: "5", brand: "Lumière d'Or", name: "Créoles Gold", price: "€210", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-beautiful-make-up-earrings-with-gems-isolated_132075-8117.jpg" },
{ id: "6", brand: "Lumière d'Or", name: "Bague Éternité", price: "€450", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/blurred-picture-wedding-rings-standing-green-background_8353-1761.jpg" },
]}
title="Sélection du Moment"
description="Les pièces incontournables de cette saison."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie M.",
role: "Cliente fidèle",
testimonial: "Une qualité exceptionnelle et un design vraiment unique.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg",
},
{
id: "2",
name: "Claire L.",
role: "Collectionneuse",
testimonial: "Chaque pièce raconte une histoire de luxe et de finesse.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg",
},
{
id: "3",
name: "Marie D.",
role: "Cadeau offert",
testimonial: "Le plus beau cadeau que j'ai jamais reçu.",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-beautiful-woman-with-wavy-hairstyle-smiling-flirting-romantic-mood-wearing-white-jacket-outdoor-outumn-fashion_273443-3211.jpg",
},
{
id: "4",
name: "Julie B.",
role: "Passionnée",
testimonial: "Un service impeccable et des bijoux qui brillent toujours.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-store-choosing-ring-together_1303-30662.jpg",
},
{
id: "5",
name: "Anne R.",
role: "Cliente fidèle",
testimonial: "La finesse des détails est tout simplement incomparable.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-seller-talking-customer-jewelry-store-woman-consulting-shop-assistant-showcase-shopping-service-concept_74855-11796.jpg",
},
]}
title="Ce que nos clientes disent"
description="L'élégance au quotidien à travers les yeux de nos clientes."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sophie M.", role: "Cliente fidèle", testimonial: "Une qualité exceptionnelle et un design vraiment unique.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg" },
{ id: "2", name: "Claire L.", role: "Collectionneuse", testimonial: "Chaque pièce raconte une histoire de luxe et de finesse.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-124564.jpg" },
{ id: "3", name: "Marie D.", role: "Cadeau offert", testimonial: "Le plus beau cadeau que j'ai jamais reçu.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-beautiful-woman-with-wavy-hairstyle-smiling-flirting-romantic-mood-wearing-white-jacket-outdoor-outumn-fashion_273443-3211.jpg" },
{ id: "4", name: "Julie B.", role: "Passionnée", testimonial: "Un service impeccable et des bijoux qui brillent toujours.", imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-store-choosing-ring-together_1303-30662.jpg" },
{ id: "5", name: "Anne R.", role: "Cliente fidèle", testimonial: "La finesse des détails est tout simplement incomparable.", imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-seller-talking-customer-jewelry-store-woman-consulting-shop-assistant-showcase-shopping-service-concept_74855-11796.jpg" },
]}
title="Ce que nos clientes disent"
description="L'élégance au quotidien à travers les yeux de nos clientes."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Contact"
title="Prête à briller ?"
description="Offrez-vous l'élégance qui mérite votre beauté."
buttons={[
{
text: "Nous contacter",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Contact"
title="Prête à briller ?"
description="Offrez-vous l'élégance qui mérite votre beauté."
buttons={[{ text: "Nous contacter", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Lumière d'Or"
columns={[
{
title: "Collections",
items: [
{
label: "Classique",
href: "#",
},
{
label: "Bohème",
href: "#",
},
{
label: "Moderne",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Livraison gratuite",
href: "#",
},
{
label: "Échanges 30 jours",
href: "#",
},
{
label: "Sur-mesure",
href: "#",
},
],
},
{
title: "Légal",
items: [
{
label: "Mentions Légales",
href: "#",
},
{
label: "Confidentialité",
href: "#",
},
],
},
]}
copyrightText="© 2025 | Lumière d'Or"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Lumière d'Or"
columns={[
{ title: "Collections", items: [{ label: "Classique", href: "#" }, { label: "Bohème", href: "#" }, { label: "Moderne", href: "#" }] },
{ title: "Services", items: [{ label: "Livraison gratuite", href: "#" }, { label: "Échanges 30 jours", href: "#" }, { label: "Sur-mesure", href: "#" }] },
{ title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
]}
copyrightText="© 2025 | Lumière d'Or"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}