Merge version_2 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -30,85 +30,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="Magasins du Monde"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroSplit
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Engagement et Équité à Porrentruy"
|
||||
description="Découvrez une sélection de produits biologiques, cadeaux éthiques et objets issus du commerce équitable au cœur de notre magasin."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-groceries-shopping_23-2148685760.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-potted-plants_23-2149412615.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-red-gift-with-white-tie_1187-3202.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Nos clients engagés"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorer la boutique",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Commerce Équitable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Produits Biologiques",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanat Local",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Développement Durable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engagement Solidaire",
|
||||
},
|
||||
]}
|
||||
description="Découvrez une sélection de produits biologiques, cadeaux éthiques et objets issus du commerce équitable au cœur de notre magasin. Notre globe interactif illustre notre impact mondial."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/planet-earth-globe-space_1232-2374.jpg"
|
||||
imageAlt="Animated spinning world globe highlighting global community impact"
|
||||
imagePosition="right"
|
||||
buttons={[{ text: "Explorer la boutique", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,48 +67,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Café Éthique",
|
||||
price: "12,00 CHF",
|
||||
variant: "Bio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thé de montagne",
|
||||
price: "8,50 CHF",
|
||||
variant: "Bio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Écharpe artisanale",
|
||||
price: "35,00 CHF",
|
||||
variant: "Équitable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bijoux en perles",
|
||||
price: "22,00 CHF",
|
||||
variant: "Artisanat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup-with-copy-space_23-2148289759.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cosmétique Bio",
|
||||
price: "18,00 CHF",
|
||||
variant: "Soin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718119.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Panier tressé",
|
||||
price: "45,00 CHF",
|
||||
variant: "Décor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-baskets-home-store-display_169016-49147.jpg",
|
||||
},
|
||||
{ id: "1", name: "Café Éthique", price: "12,00 CHF", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=1" },
|
||||
{ id: "2", name: "Thé de montagne", price: "8,50 CHF", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=1" },
|
||||
{ id: "3", name: "Écharpe artisanale", price: "35,00 CHF", variant: "Équitable", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=1" },
|
||||
{ id: "4", name: "Bijoux en perles", price: "22,00 CHF", variant: "Artisanat", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup-with-copy-space_23-2148289759.jpg" },
|
||||
]}
|
||||
title="Nos sélections"
|
||||
description="Une gamme variée de produits bio et cadeaux originaux."
|
||||
@@ -182,21 +83,9 @@ export default function LandingPage() {
|
||||
title="Chiffres marquants"
|
||||
tag="Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4,8",
|
||||
description: "Note moyenne avis",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "6",
|
||||
description: "Avis vérifiés",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Engagement équitable",
|
||||
},
|
||||
{ id: "1", value: "4,8", description: "Note moyenne avis" },
|
||||
{ id: "2", value: "6", description: "Avis vérifiés" },
|
||||
{ id: "3", value: "100%", description: "Engagement équitable" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -207,61 +96,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Isabelle Mioche Henry",
|
||||
date: "il y a 7 ans",
|
||||
title: "Très agréable",
|
||||
quote: "Un magasin très agréable, coloré avec de nombreux objets du commerce équitable.",
|
||||
tag: "Top",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",
|
||||
imageAlt: "happy customer portrait fair trade shop",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cyriaque",
|
||||
date: "il y a 7 ans",
|
||||
title: "Superbe",
|
||||
quote: "Un lieu superbe, très bien servi, bénévoles chaleureuses et serviable.",
|
||||
tag: "Avis",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094639.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait fair trade shop",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Viviane Moor",
|
||||
date: "il y a 3 ans",
|
||||
title: "Très pratique",
|
||||
quote: "Bien du choix, idées cadeaux.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-with-blue-eyes-holding-birthday-gift-pink-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-25862.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait fair trade shop",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client régulier",
|
||||
date: "il y a 1 an",
|
||||
title: "Engagement",
|
||||
quote: "Toujours de belles trouvailles éthiques dans cette boutique.",
|
||||
tag: "Shop",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait fair trade shop",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bénévole local",
|
||||
date: "il y a 6 mois",
|
||||
title: "Qualité",
|
||||
quote: "Des produits de grande qualité pour un commerce éthique.",
|
||||
tag: "Bio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-biodegradable-bag-with-goodies_23-2148685829.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait fair trade shop",
|
||||
},
|
||||
{ id: "1", name: "Isabelle Mioche Henry", date: "il y a 7 ans", title: "Très agréable", quote: "Un magasin très agréable, coloré avec de nombreux objets du commerce équitable.", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg" },
|
||||
{ id: "2", name: "Cyriaque", date: "il y a 7 ans", title: "Superbe", quote: "Un lieu superbe, très bien servi, bénévoles chaleureuses et serviable.", tag: "Avis", avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094639.jpg" },
|
||||
]}
|
||||
title="Ce que vous dites"
|
||||
description="Retours de nos précieux clients à Porrentruy."
|
||||
@@ -273,21 +109,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Horaires",
|
||||
content: "Ouvert du mardi au samedi dès 09h30.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Localisation",
|
||||
content: "Rue des Malvoisins 14, 2900 Porrentruy.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Produits",
|
||||
content: "Nous proposons uniquement des articles issus du commerce équitable et de la culture biologique.",
|
||||
},
|
||||
{ id: "1", title: "Horaires", content: "Ouvert du mardi au samedi dès 09h30." },
|
||||
{ id: "2", title: "Localisation", content: "Rue des Malvoisins 14, 2900 Porrentruy." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="En savoir plus sur nos activités."
|
||||
@@ -298,9 +121,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Restons en contact"
|
||||
description="Venez nous rendre visite Rue des Malvoisins 14 ou contactez-nous par téléphone au 079 582 06 75."
|
||||
|
||||
Reference in New Issue
Block a user