Merge version_1 into main #1
257
src/app/page.tsx
257
src/app/page.tsx
@@ -26,187 +26,94 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Nos Produits",
|
||||
id: "univers",
|
||||
},
|
||||
{
|
||||
name: "Nous Visiter",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Maroquinerie Erard"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Nos Produits", id: "univers" },
|
||||
{ name: "Nous Visiter", id: "contact" },
|
||||
]}
|
||||
brandName="Maroquinerie Erard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="L'Art de la Maroquinerie, au Cœur de Paris"
|
||||
description="Sacs, ceintures et accessoires de qualité depuis des années — Rue Erard, Paris 12e"
|
||||
tag="Note Google : 4,8 / 5 ⭐ — Boutique de maroquinerie à Paris — Made in France"
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir la boutique",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="L'Art de la Maroquinerie, au Cœur de Paris"
|
||||
description="Sacs, ceintures et accessoires de qualité depuis des années — Rue Erard, Paris 12e"
|
||||
tag="Note Google : 4,8 / 5 ⭐ — Boutique de maroquinerie à Paris — Made in France"
|
||||
buttons={[{ text: "Découvrir la boutique", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une Boutique Parisienne Authentique"
|
||||
description={[
|
||||
"Nichée au 3 Rue Erard dans le 12e arrondissement, la Maroquinerie Erard est une adresse incontournable pour les amateurs d'accessoires de qualité.",
|
||||
"Nous proposons une sélection soignée de sacs, ceintures, portefeuilles et petite maroquinerie, alliant savoir-faire artisanal et prix accessibles.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une Boutique Parisienne Authentique"
|
||||
description={[
|
||||
"Nichée au 3 Rue Erard dans le 12e arrondissement, la Maroquinerie Erard est une adresse incontournable pour les amateurs d'accessoires de qualité.", "Nous proposons une sélection soignée de sacs, ceintures, portefeuilles et petite maroquinerie, alliant savoir-faire artisanal et prix accessibles."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="univers" data-section="univers">
|
||||
<FeatureCardTwelve
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Luxe",
|
||||
title: "Sacs & Cabas",
|
||||
items: [
|
||||
"Des modèles élégants pour toutes les occasions",
|
||||
"Du quotidien au grand soir",
|
||||
"Qualité artisanale garantie",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Essentiels",
|
||||
title: "Ceintures & Petite Maroquinerie",
|
||||
items: [
|
||||
"Des accessoires essentiels",
|
||||
"Fabriqués dans des matières nobles",
|
||||
"Durabilité et style",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "France",
|
||||
title: "Produits Made in France",
|
||||
items: [
|
||||
"Une sélection valorisant le savoir-faire français",
|
||||
"Pour ceux qui exigent le meilleur",
|
||||
"Authenticité assurée",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Notre Univers"
|
||||
description="Découvrez notre collection raffinée d'accessoires en cuir."
|
||||
/>
|
||||
</div>
|
||||
<div id="univers" data-section="univers">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", label: "Luxe", title: "Sacs & Cabas", items: ["Des modèles élégants pour toutes les occasions", "Du quotidien au grand soir", "Qualité artisanale garantie"] },
|
||||
{ id: "2", label: "Essentiels", title: "Ceintures & Petite Maroquinerie", items: ["Des accessoires essentiels", "Fabriqués dans des matières nobles", "Durabilité et style"] },
|
||||
{ id: "3", label: "France", title: "Produits Made in France", items: ["Une sélection valorisant le savoir-faire français", "Pour ceux qui exigent le meilleur", "Authenticité assurée"] }
|
||||
]}
|
||||
title="Notre Univers"
|
||||
description="Découvrez notre collection raffinée d'accessoires en cuir."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Découverte par hasard… et une vraie belle surprise. Une boutique chaleureuse avec un excellent choix de produits."
|
||||
rating={5}
|
||||
author="Valérie Georges"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-mexican-girl-leather-cap-plastic-cup-coffee-hand-walking-streets-city_627829-9217.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-shopping-clothes-shop_107420-94828.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traveller-london-city-with-atumn-vibes_23-2149104655.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Découverte par hasard… et une vraie belle surprise. Une boutique chaleureuse avec un excellent choix de produits."
|
||||
rating={5}
|
||||
author="Valérie Georges"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/curly-mexican-girl-leather-cap-plastic-cup-coffee-hand-walking-streets-city_627829-9217.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-shopping-clothes-shop_107420-94828.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traveller-london-city-with-atumn-vibes_23-2149104655.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Informations Pratiques"
|
||||
title="Nous Rendre Visite"
|
||||
description="Adresse : 3 Rue Erard, 75012 Paris | Téléphone : 01 43 43 68 77 | Mardi – Samedi : 10h00 – 19h00 (Dimanche & Lundi : Fermé)"
|
||||
buttons={[
|
||||
{
|
||||
text: "Itinéraire",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Informations Pratiques"
|
||||
title="Nous Rendre Visite"
|
||||
description="Adresse : 3 Rue Erard, 75012 Paris | Téléphone : 01 43 43 68 77 | Mardi – Samedi : 10h00 – 19h00 (Dimanche & Lundi : Fermé)"
|
||||
buttons={[{ text: "Itinéraire", href: "https://maps.google.com" }]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Maroquinerie Erard"
|
||||
columns={[
|
||||
{
|
||||
title: "Boutique",
|
||||
items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#univers",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "3 Rue Erard, 75012 Paris",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "01 43 43 68 77",
|
||||
href: "tel:0143436877",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Maroquinerie Erard. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Maroquinerie Erard"
|
||||
columns={[
|
||||
{ title: "Boutique", items: [{ label: "À Propos", href: "#about" }, { label: "Collections", href: "#univers" }] },
|
||||
{ title: "Contact", items: [{ label: "3 Rue Erard, 75012 Paris", href: "#contact" }, { label: "01 43 43 68 77", href: "tel:0143436877" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Maroquinerie Erard. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user