264 lines
9.2 KiB
TypeScript
264 lines
9.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="medium"
|
||
background="noise"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Accueil",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Pourquoi nous choisir",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Produits",
|
||
id: "products",
|
||
},
|
||
{
|
||
name: "Offre de bienvenue",
|
||
id: "offer",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="INSERT BUSINESS NAME"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
imagePosition="right"
|
||
title="Votre magasin du quotidien, réinventé avec élégance"
|
||
description="Des produits essentiels, un service rapide, et une expérience agréable à chaque visite."
|
||
buttons={[
|
||
{
|
||
text: "Découvrir le magasin",
|
||
href: "#products",
|
||
},
|
||
{
|
||
text: "Profiter de l’offre de bienvenue",
|
||
href: "#offer",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_74190-5995.jpg"
|
||
imageAlt="Boutique lumineuse avec des produits bien présentés et un client satisfait"
|
||
mediaAnimation="slide-up"
|
||
fixedMediaHeight={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardMedia
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "1",
|
||
title: "Proximité & accessibilité",
|
||
description: "À deux pas de chez vous, avec des horaires adaptés à votre quotidien.",
|
||
tag: "Pratique",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/black-pointer-collection_1368-490.jpg",
|
||
imageAlt: "Icône de localisation",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Offres de bienvenue",
|
||
description: "Profitez de réductions exclusives dès votre première visite.",
|
||
tag: "Avantageux",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/set-retro-sale-badges_23-2147598912.jpg",
|
||
imageAlt: "Icône de cadeau ou bon de réduction",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Service rapide & efficace",
|
||
description: "Un passage en caisse fluide, sans perte de temps, pour simplifier vos courses.",
|
||
tag: "Efficace",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/cashback-concept-with-smartphone-banknotes_23-2148458449.jpg",
|
||
imageAlt: "Icône de vitesse ou de rapidité",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Expérience agréable",
|
||
description: "Un magasin propre, organisé et accueillant pour un shopping sans stress.",
|
||
tag: "Confort",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-second-hand-shop-webinar_23-2150532783.jpg",
|
||
imageAlt: "Icône de sourire ou de bien-être",
|
||
},
|
||
]}
|
||
title="Pourquoi nous choisir ?"
|
||
description="Un magasin pensé pour vous offrir le meilleur au quotidien."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Sarah D.",
|
||
role: "Cliente fidèle",
|
||
testimonial: "Magasin très pratique, on trouve tout rapidement. Service agréable !",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
|
||
imageAlt: "Photo de Sarah D.",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Marc L.",
|
||
role: "Nouvel arrivant",
|
||
testimonial: "Super accueil et promos intéressantes dès le début. Je recommande !",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-goods-supermarket_23-2148150039.jpg",
|
||
imageAlt: "Photo de Marc L.",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Élise R.",
|
||
role: "Mère de famille",
|
||
testimonial: "Idéal pour les courses rapides, toujours bien organisé. Un vrai gain de temps.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",
|
||
imageAlt: "Photo d'Élise R.",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Julien P.",
|
||
role: "Actif",
|
||
testimonial: "Le personnel est toujours souriant et serviable. Une ambiance vraiment chaleureuse.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79608.jpg",
|
||
imageAlt: "Photo de Julien P.",
|
||
},
|
||
]}
|
||
title="Ils nous font confiance au quotidien"
|
||
description="Découvrez ce que nos clients pensent de leur expérience chez nous."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Produits du quotidien",
|
||
price: "Qualité Garantie",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-local-bio-store-buys-food_482257-76276.jpg",
|
||
imageAlt: "Assortiment de produits du quotidien",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Articles essentiels",
|
||
price: "Sélection soignée",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-composition-towels_23-2147817704.jpg",
|
||
imageAlt: "Produits essentiels pour la maison",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Offres promotionnelles régulières",
|
||
price: "Économies Assurées",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-cleaning-products-with-brushes_23-2148818465.jpg",
|
||
imageAlt: "Produits en promotion",
|
||
},
|
||
]}
|
||
title="Tout ce dont vous avez besoin, au même endroit"
|
||
description="Nous avons sélectionné pour vous des produits de qualité pour simplifier votre quotidien."
|
||
buttons={[
|
||
{
|
||
text: "Voir les offres actuelles",
|
||
href: "#offer",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="offer" data-section="offer">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Offre Exclusive"
|
||
title="🎉 Offre de bienvenue exclusive"
|
||
description="Recevez des bons d’achat dès votre première visite et commencez à économiser dès aujourd'hui !"
|
||
imageSrc="http://img.b2bpic.net/free-vector/golden-christmas-sale-banners-template_23-2148374674.jpg?_wi=1"
|
||
imageAlt="Image représentant une offre de bienvenue premium"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Votre adresse email"
|
||
buttonText="S'inscrire à l'offre"
|
||
termsText="En cliquant, vous acceptez de recevoir nos offres promotionnelles."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Offre Exclusive"
|
||
title="🎉 Offre de bienvenue exclusive"
|
||
description="Recevez des bons d’achat dès votre première visite et commencez à économiser dès aujourd'hui !"
|
||
imageSrc="http://img.b2bpic.net/free-vector/golden-christmas-sale-banners-template_23-2148374674.jpg?_wi=2"
|
||
imageAlt="Image représentant une offre de bienvenue premium"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Votre adresse email"
|
||
buttonText="S'inscrire à l'offre"
|
||
termsText="En cliquant, vous acceptez de recevoir nos offres promotionnelles."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="INSERT BUSINESS NAME"
|
||
leftLink={{
|
||
text: "Politique de Confidentialité",
|
||
href: "#",
|
||
}}
|
||
rightLink={{
|
||
text: "Mentions Légales",
|
||
href: "#",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|