Update src/app/page.tsx
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -3,7 +3,6 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
@@ -25,106 +24,93 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Produits", id: "products" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ben Salah Chaussures"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Produits", id: "products" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ben Salah Chaussures"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="L'élégance à vos pieds chez Ben Salah"
|
||||
description="Découvrez une collection exclusive de chaussures et vêtements alliant confort, style et qualité. Votre destination mode au cœur de Bou Saâda."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Voir nos produits", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Qualité Supérieure" },
|
||||
{ type: "text", text: "Tendances 2024" },
|
||||
{ type: "text", text: "Livraison Rapide" },
|
||||
{ type: "text", text: "Conseils Style" },
|
||||
{ type: "text", text: "Prix Compétitifs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="L'élégance à vos pieds chez Ben Salah"
|
||||
description="Découvrez une collection exclusive de chaussures et vêtements alliant confort, style et qualité. Votre destination mode au cœur de Bou Saâda."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Voir nos produits", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Qualité Supérieure" },
|
||||
{ type: "text", text: "Tendances 2024" },
|
||||
{ type: "text", text: "Livraison Rapide" },
|
||||
{ type: "text", text: "Conseils Style" },
|
||||
{ type: "text", text: "Prix Compétitifs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Chaussures Premium", description: "Des modèles uniques pour toutes les occasions, alliant cuir véritable et design moderne.", imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-stacking-pair-footwear_23-2150991547.jpg" },
|
||||
{ id: "2", title: "Vêtements de Style", description: "Une sélection de vêtements pour un look chic et décontracté au quotidien.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg" },
|
||||
{ id: "3", title: "Accessoires Mode", description: "Complétez votre tenue avec nos accessoires soigneusement choisis.", imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-showcase_1163-475.jpg" },
|
||||
]}
|
||||
title="Nos Collections"
|
||||
description="Nous sélectionnons soigneusement chaque article pour vous offrir le meilleur de la mode et du confort."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Chaussures Premium", description: "Des modèles uniques pour toutes les occasions, alliant cuir véritable et design moderne.", imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-stacking-pair-footwear_23-2150991547.jpg" },
|
||||
{ id: "2", title: "Vêtements de Style", description: "Une sélection de vêtements pour un look chic et décontracté au quotidien.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg" },
|
||||
{ id: "3", title: "Accessoires Mode", description: "Complétez votre tenue avec nos accessoires soigneusement choisis.", imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-showcase_1163-475.jpg" },
|
||||
]}
|
||||
title="Nos Collections"
|
||||
description="Nous sélectionnons soigneusement chaque article pour vous offrir le meilleur de la mode et du confort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Mansouri", role: "Fidèle cliente", testimonial: "Une boutique incroyable avec un accueil chaleureux et des produits de très grande qualité.", imageSrc: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg" },
|
||||
{ id: "2", name: "Karim Bouziane", role: "Client régulier", testimonial: "Toujours les meilleures collections à Bou Saâda. Je recommande sans hésiter !", imageSrc: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg" },
|
||||
{ id: "3", name: "Fatima Zahra", role: "Fashionista", testimonial: "Des chaussures magnifiques et très confortables. Le service est irréprochable.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
{ id: "4", name: "Yacine Amri", role: "Client satisfait", testimonial: "Excellent magasin, le choix est varié et les prix très corrects.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg" },
|
||||
{ id: "5", name: "Nadia L.", role: "Cliente privilégiée", testimonial: "Un service client aux petits soins et des produits qui durent dans le temps.", imageSrc: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg" },
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de nos clients est notre plus belle réussite."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Mansouri", role: "Fidèle cliente", testimonial: "Une boutique incroyable avec un accueil chaleureux et des produits de très grande qualité.", imageSrc: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg" },
|
||||
{ id: "2", name: "Karim Bouziane", role: "Client régulier", testimonial: "Toujours les meilleures collections à Bou Saâda. Je recommande sans hésiter !", imageSrc: "http://img.b2bpic.net/free-photo/store-employee-helping-customers_482257-81844.jpg" },
|
||||
{ id: "3", name: "Fatima Zahra", role: "Fashionista", testimonial: "Des chaussures magnifiques et très confortables. Le service est irréprochable.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
{ id: "4", name: "Yacine Amri", role: "Client satisfait", testimonial: "Excellent magasin, le choix est varié et les prix très corrects.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg" },
|
||||
{ id: "5", name: "Nadia L.", role: "Cliente privilégiée", testimonial: "Un service client aux petits soins et des produits qui durent dans le temps.", imageSrc: "http://img.b2bpic.net/free-photo/concept-people-young-woman-pink-background_185193-109395.jpg" },
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de nos clients est notre plus belle réussite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Notre Engagement"
|
||||
features={[
|
||||
{ title: "Service Client", description: "À votre écoute 7j/7." },
|
||||
{ title: "Livraison Rapide", description: "Expédition sous 48h." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contactez-nous"
|
||||
title="Nous rendre visite"
|
||||
description="Retrouvez-nous au Boulevard Mohamed Khemisti, Bou Saâda pour découvrir nos dernières nouveautés."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contactez-nous"
|
||||
title="Nous rendre visite"
|
||||
description="Retrouvez-nous au Boulevard Mohamed Khemisti, Bou Saâda pour découvrir nos dernières nouveautés."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "#hero" }, { label: "Collections", href: "#products" }, { label: "Avis", href: "#testimonials" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
logoText="Ben Salah Chaussures"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "#hero" }, { label: "Collections", href: "#products" }, { label: "Avis", href: "#testimonials" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
logoText="Ben Salah Chaussures"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user