bender/b7ce252a-857e-4deb-b68f-efbf25df95e8
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 00:39:39 +00:00
parent c51bdf07e3 5012fa8eca
commit 56f9f4c7ce
1 changed files with 40 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "#hero",
},
{
name: "À Propos",
id: "#about",
},
{
name: "Produits",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Accueil", id: "#hero" },
{ name: "À Propos", id: "#about" },
{ name: "Produits", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Elegance Boutique"
/>
@@ -55,39 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="L'élégance à portée de main"
description="Découvrez notre sélection exclusive de pièces uniques, pensées pour sublimer votre quotidien avec style et raffinement."
tag="Nouvelle Collection"
buttons={[
{
text: "Découvrir",
href: "#products",
},
]}
buttons={[{ text: "Découvrir", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism-with-jewels_23-2147960092.jpg?_wi=1",
imageAlt: "luxury boutique interior warm tones",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-floral-dress-with-paper-bag_23-2147688402.jpg?_wi=1",
imageAlt: "boutique interior shopping atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861872.jpg",
imageAlt: "Abstract store with futuristic concept and architecture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125904.jpg",
imageAlt: "Pattern glass product backdrop with stand",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600194.jpg",
imageAlt: "View of matchsticks with geometric shapes",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism-with-jewels_23-2147960092.jpg", imageAlt: "luxury boutique interior warm tones" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-floral-dress-with-paper-bag_23-2147688402.jpg", imageAlt: "boutique interior shopping atmosphere" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -100,7 +63,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Notre Histoire"
description="Née d'une passion pour le design et l'artisanat, notre boutique vous propose une sélection d'objets et de vêtements alliant modernité et intemporalité."
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885668.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885668.jpg"
imageAlt="boutique owner working warm lighting"
/>
</div>
@@ -108,52 +71,13 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
textboxLayout="default"
products={[
{
id: "1",
name: "Vase en Céramique",
price: "45€",
variant: "Artisanat",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
},
{
id: "2",
name: "Écharpe en Soie",
price: "65€",
variant: "Mode",
imageSrc: "http://img.b2bpic.net/free-photo/twig-book-stacked-with-black-spool-isolated-white-backdrop_23-2147924506.jpg",
},
{
id: "3",
name: "Sac Minimaliste",
price: "120€",
variant: "Accessoire",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108508.jpg",
},
{
id: "4",
name: "Bougie Artisanale",
price: "25€",
variant: "Maison",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-concept_23-2148229251.jpg",
},
{
id: "5",
name: "Bracelet en Argent",
price: "85€",
variant: "Bijoux",
imageSrc: "http://img.b2bpic.net/free-photo/accessories-skincare-products_23-2147710691.jpg",
},
{
id: "6",
name: "Livre de Design",
price: "35€",
variant: "Lecture",
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",
},
{ id: "1", name: "Vase en Céramique", price: "45€", variant: "Artisanat", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg" },
{ id: "2", name: "Écharpe en Soie", price: "65€", variant: "Mode", imageSrc: "http://img.b2bpic.net/free-photo/twig-book-stacked-with-black-spool-isolated-white-backdrop_23-2147924506.jpg" },
{ id: "3", name: "Sac Minimaliste", price: "120€", variant: "Accessoire", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108508.jpg" }
]}
title="Nos Coups de Cœur"
description="Explorez notre gamme de produits choisis avec soin pour leur esthétique et leur qualité exceptionnelle."
@@ -167,41 +91,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Qualité artisanale",
description: "Sélection rigoureuse de produits durables.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/20-shopping-ecommerce-flat-color-icon-presentation-vector-icons-illustration_1142-19326.jpg",
imageAlt: "handmade quality symbol",
},
title: "Qualité artisanale", description: "Sélection rigoureuse de produits durables.", media: { imageSrc: "http://img.b2bpic.net/free-vector/20-shopping-ecommerce-flat-color-icon-presentation-vector-icons-illustration_1142-19326.jpg", imageAlt: "handmade quality symbol" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism-with-jewels_23-2147960092.jpg?_wi=2",
imageAlt: "handmade quality symbol",
reverse: false
},
{
title: "Éco-responsable",
description: "Respect de l'environnement au cœur de nos choix.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-groceries-bag_23-2148672853.jpg",
imageAlt: "eco friendly boutique icon",
},
title: "Éco-responsable", description: "Respect de l'environnement au cœur de nos choix.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-groceries-bag_23-2148672853.jpg", imageAlt: "eco friendly boutique icon" },
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/woman-floral-dress-with-paper-bag_23-2147688402.jpg?_wi=2",
imageAlt: "handmade quality symbol",
reverse: true
},
{
title: "Exclusivité",
description: "Des collections uniques en quantités limitées.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-flat-design-concept-image_23-2147498191.jpg",
imageAlt: "exclusive collection sign",
},
title: "Exclusivité", description: "Des collections uniques en quantités limitées.", media: { imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-flat-design-concept-image_23-2147498191.jpg", imageAlt: "exclusive collection sign" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885668.jpg?_wi=2",
imageAlt: "handmade quality symbol",
},
reverse: false
}
]}
title="Pourquoi nous choisir ?"
description="Nous mettons un point d'honneur à offrir une expérience client mémorable."
@@ -215,36 +118,13 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Découverte",
price: "10€",
period: "/mois",
description: "Accès aux ventes privées.",
button: {
text: "Choisir",
},
featuresTitle: "Avantages inclus",
features: [
"Ventes privées",
"Newsletter",
],
id: "basic", tag: "Découverte", price: "10€", period: "/mois", description: "Accès aux ventes privées.", button: { text: "Choisir" },
featuresTitle: "Avantages inclus", features: ["Ventes privées", "Newsletter"]
},
{
id: "pro",
tag: "Premium",
price: "25€",
period: "/mois",
description: "Livraison gratuite illimitée.",
button: {
text: "Choisir",
},
featuresTitle: "Avantages inclus",
features: [
"Livraison offerte",
"Ventes privées",
"Cadeaux surprises",
],
},
id: "pro", tag: "Premium", price: "25€", period: "/mois", description: "Livraison gratuite illimitée.", button: { text: "Choisir" },
featuresTitle: "Avantages inclus", features: ["Livraison offerte", "Ventes privées", "Cadeaux surprises"]
}
]}
title="Abonnements Privilège"
description="Profitez d'avantages exclusifs sur toute la boutique."
@@ -257,27 +137,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1000+",
title: "Clients Satisfaits",
description: "Une communauté grandissante.",
imageSrc: "http://img.b2bpic.net/free-vector/skilled-service-business-logo-design_53876-61556.jpg",
},
{
id: "m2",
value: "500+",
title: "Produits Uniques",
description: "Une sélection toujours renouvelée.",
imageSrc: "http://img.b2bpic.net/free-photo/bamboo-toothbrushes-soap-top-view_23-2148645564.jpg",
},
{
id: "m3",
value: "10",
title: "Ans d'Expertise",
description: "Un savoir-faire reconnu.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qge2r1",
},
{ id: "m1", value: "1000+", title: "Clients Satisfaits", description: "Une communauté grandissante.", imageSrc: "http://img.b2bpic.net/free-vector/skilled-service-business-logo-design_53876-61556.jpg" },
{ id: "m2", value: "500+", title: "Produits Uniques", description: "Une sélection toujours renouvelée.", imageSrc: "http://img.b2bpic.net/free-photo/bamboo-toothbrushes-soap-top-view_23-2148645564.jpg" },
{ id: "m3", value: "10", title: "Ans d'Expertise", description: "Un savoir-faire reconnu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qge2r1" }
]}
title="En quelques chiffres"
description="La confiance de nos clients en action."
@@ -289,57 +151,11 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie M.",
handle: "@sophie",
testimonial: "Un service client exceptionnel et des produits magnifiques.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
},
{
id: "2",
name: "Thomas L.",
handle: "@thomas",
testimonial: "La qualité est toujours au rendez-vous. Je recommande !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1377.jpg",
},
{
id: "3",
name: "Claire R.",
handle: "@claire",
testimonial: "Une boutique charmante avec des articles uniques.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
},
{
id: "4",
name: "Julie H.",
handle: "@julie",
testimonial: "Très satisfaite de mon dernier achat, expédition rapide.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg",
},
{
id: "5",
name: "Marc P.",
handle: "@marc",
testimonial: "Le meilleur endroit pour trouver des cadeaux parfaits.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",
},
{
id: "6",
name: "Emma D.",
handle: "@emma",
testimonial: "Je reviendrai sans hésiter, une belle découverte !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-pressing-ringbell_1187-3687.jpg",
},
]}
showRating={true}
testimonials={[
{ id: "1", name: "Sophie M.", handle: "@sophie", testimonial: "Un service client exceptionnel et des produits magnifiques.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
{ id: "2", name: "Thomas L.", handle: "@thomas", testimonial: "La qualité est toujours au rendez-vous. Je recommande !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1377.jpg" }
]}
title="Ce que nos clients disent"
description="Votre satisfaction est notre priorité absolue."
/>
@@ -350,21 +166,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Quels sont les délais de livraison ?",
content: "Nous expédions vos commandes sous 48h.",
},
{
id: "q2",
title: "Puis-je retourner un article ?",
content: "Vous avez 14 jours pour retourner vos articles.",
},
{
id: "q3",
title: "Comment suivre ma commande ?",
content: "Un lien de suivi vous est envoyé par mail.",
},
{ id: "q1", title: "Quels sont les délais de livraison ?", content: "Nous expédions vos commandes sous 48h." },
{ id: "q2", title: "Puis-je retourner un article ?", content: "Vous avez 14 jours pour retourner vos articles." },
{ id: "q3", title: "Comment suivre ma commande ?", content: "Un lien de suivi vous est envoyé par mail." }
]}
title="Questions Fréquentes"
description="Besoin d'aide ? Retrouvez ici les réponses à vos questions."
@@ -375,48 +179,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Besoin de conseils personnalisés ? Contactez-nous à tout moment."
buttons={[
{
text: "Contactez-nous",
href: "mailto:hello@boutique.com",
},
]}
buttons={[{ text: "Contactez-nous", href: "mailto:hello@boutique.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Boutique",
items: [
{
label: "À propos",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Légal",
items: [
{
label: "Mentions Légales",
href: "#",
},
{
label: "CGV",
href: "#",
},
],
},
{ title: "Boutique", items: [{ label: "À propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "CGV", href: "#" }] }
]}
bottomLeftText="© 2024 Elegance Boutique"
bottomRightText="Tous droits réservés."
@@ -425,4 +198,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}