Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
491
src/app/page.tsx
491
src/app/page.tsx
@@ -16,374 +16,149 @@ import { Award, Building2, Globe, Palette, Star, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "accueil",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "produits",
|
||||
},
|
||||
{
|
||||
name: "Horaires",
|
||||
id: "horaires",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "avis",
|
||||
},
|
||||
]}
|
||||
brandName="Tableau Décoratif Oujda"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "accueil" },
|
||||
{ name: "Collections", id: "produits" },
|
||||
{ name: "Horaires", id: "horaires" },
|
||||
{ name: "Avis", id: "avis" },
|
||||
]}
|
||||
brandName="Tableau Décoratif Oujda"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="accueil" data-section="accueil">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="L'élégance de la table, l’âme d’Oujda."
|
||||
description="Vaisselle peinte à la main, tentures murales, accessoires uniques — chaque pièce raconte une histoire de passion et de raffinement."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Nadia L.",
|
||||
handle: "@client",
|
||||
testimonial: "Une boutique exceptionnelle ! La qualité est incomparable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-with-christmas-present-home-hanging-toy_114579-80786.jpg",
|
||||
},
|
||||
{
|
||||
name: "Karim M.",
|
||||
handle: "@expert",
|
||||
testimonial: "Le travail du détail est tout simplement remarquable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-meditation-with-bucket-pinecones_114579-81363.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara B.",
|
||||
handle: "@fan",
|
||||
testimonial: "Un accueil chaleureux et un savoir-faire unique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207270.jpg",
|
||||
},
|
||||
{
|
||||
name: "Omar D.",
|
||||
handle: "@local",
|
||||
testimonial: "Des pièces qui transforment un intérieur.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633317.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Z.",
|
||||
handle: "@deco",
|
||||
testimonial: "Je recommande vivement cet atelier d'excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80834.jpg",
|
||||
},
|
||||
]}
|
||||
tag="LUXE ARTISANAL MAROCAIN"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visite privée",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111483.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-looking-camera_23-2148130290.jpg",
|
||||
alt: "Portrait d'une cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-model-sitting-bed-looking-camera_114579-64933.jpg",
|
||||
alt: "Portrait d'une cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-posing-while-touching-her-hair_1153-1956.jpg",
|
||||
alt: "Portrait d'une cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-floral-top_23-2148130414.jpg",
|
||||
alt: "Portrait d'une cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
|
||||
alt: "Portrait d'une cliente",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanat d'Art",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualité Supérieure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Marocain",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pièces Uniques",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Savoir-Faire",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="accueil" data-section="accueil">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="L'élégance de la table, l’âme d’Oujda."
|
||||
description="Vaisselle peinte à la main, tentures murales, accessoires uniques — chaque pièce raconte une histoire de passion et de raffinement."
|
||||
testimonials={[
|
||||
{ name: "Nadia L.", handle: "@client", testimonial: "Une boutique exceptionnelle ! La qualité est incomparable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-with-christmas-present-home-hanging-toy_114579-80786.jpg" },
|
||||
{ name: "Karim M.", handle: "@expert", testimonial: "Le travail du détail est tout simplement remarquable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-meditation-with-bucket-pinecones_114579-81363.jpg" },
|
||||
{ name: "Sara B.", handle: "@fan", testimonial: "Un accueil chaleureux et un savoir-faire unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207270.jpg" },
|
||||
{ name: "Omar D.", handle: "@local", testimonial: "Des pièces qui transforment un intérieur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633317.jpg" },
|
||||
{ name: "Fatima Z.", handle: "@deco", testimonial: "Je recommande vivement cet atelier d'excellence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80834.jpg" }
|
||||
]}
|
||||
tag="LUXE ARTISANAL MAROCAIN"
|
||||
buttons={[{ text: "Visite privée", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111483.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produits" data-section="produits">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Art de la table",
|
||||
price: "250 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-pottery_23-2149644911.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tableaux Muraux",
|
||||
price: "590 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bolt-old-doors-oriental-style-with-many-details_169016-10598.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luminaires",
|
||||
price: "180 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657369.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Miroirs Artisanaux",
|
||||
price: "320 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramics-medina-traditional-dish-vintage_1203-5624.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bougeoirs",
|
||||
price: "150 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138685.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Toiles Zellige",
|
||||
price: "450 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessels-collection_23-2151538321.jpg",
|
||||
},
|
||||
]}
|
||||
title="Collections Signature"
|
||||
description="Pièces uniques inspirées des traditions et du design contemporain."
|
||||
/>
|
||||
</div>
|
||||
<div id="produits" data-section="produits">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Art de la table", price: "250 DH", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-pottery_23-2149644911.jpg" },
|
||||
{ id: "p2", name: "Tableaux Muraux", price: "590 DH", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bolt-old-doors-oriental-style-with-many-details_169016-10598.jpg" },
|
||||
{ id: "p3", name: "Luminaires", price: "180 DH", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657369.jpg" },
|
||||
{ id: "p4", name: "Miroirs Artisanaux", price: "320 DH", imageSrc: "http://img.b2bpic.net/free-photo/ceramics-medina-traditional-dish-vintage_1203-5624.jpg" },
|
||||
{ id: "p5", name: "Bougeoirs", price: "150 DH", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138685.jpg" },
|
||||
{ id: "p6", name: "Toiles Zellige", price: "450 DH", imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessels-collection_23-2151538321.jpg" }
|
||||
]}
|
||||
title="Collections Signature"
|
||||
description="Pièces uniques inspirées des traditions et du design contemporain."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Pièces uniques",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Note Google",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Clients satisfaits",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
title="Notre Savoir-Faire"
|
||||
description="L'excellence artisanale mesurée par l'amour de nos clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Pièces uniques", value: "120+" },
|
||||
{ id: "m2", icon: Star, title: "Note Google", value: "5.0" },
|
||||
{ id: "m3", icon: Users, title: "Clients satisfaits", value: "500+" }
|
||||
]}
|
||||
title="Notre Savoir-Faire"
|
||||
description="L'excellence artisanale mesurée par l'amour de nos clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="avis" data-section="avis">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Qualité exceptionnelle",
|
||||
quote: "La qualité des tableaux et accessoires est incomparable.",
|
||||
name: "Nadia L.",
|
||||
role: "Cliente vérifiée",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Artisanat raffiné",
|
||||
quote: "Une sélection superbe, l'ambiance est vraiment raffinée.",
|
||||
name: "Karim M.",
|
||||
role: "Décorateur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Service unique",
|
||||
quote: "Accueil très chaleureux et savoir-faire unique à Oujda.",
|
||||
name: "Sara B.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Pièces magnifiques",
|
||||
quote: "Des créations qui apportent une vraie âme à ma maison.",
|
||||
name: "Omar D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Recommandation à 100%",
|
||||
quote: "Je recommande vivement cet atelier à Oujda.",
|
||||
name: "Fatima Z.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-sitting-bed-looking-camera_114579-64936.jpg",
|
||||
},
|
||||
]}
|
||||
title="L'Avis des Passionnés"
|
||||
description="Ce que nos clients disent de leur expérience chez Tableau Décoratif Oujda."
|
||||
/>
|
||||
</div>
|
||||
<div id="avis" data-section="avis">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Qualité exceptionnelle", quote: "La qualité des tableaux et accessoires est incomparable.", name: "Nadia L.", role: "Cliente vérifiée", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg" },
|
||||
{ id: "t2", title: "Artisanat raffiné", quote: "Une sélection superbe, l'ambiance est vraiment raffinée.", name: "Karim M.", role: "Décorateur", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
{ id: "t3", title: "Service unique", quote: "Accueil très chaleureux et savoir-faire unique à Oujda.", name: "Sara B.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg" },
|
||||
{ id: "t4", title: "Pièces magnifiques", quote: "Des créations qui apportent une vraie âme à ma maison.", name: "Omar D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
|
||||
{ id: "t5", title: "Recommandation à 100%", quote: "Je recommande vivement cet atelier à Oujda.", name: "Fatima Z.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-sitting-bed-looking-camera_114579-64936.jpg" }
|
||||
]}
|
||||
title="L'Avis des Passionnés"
|
||||
description="Ce que nos clients disent de leur expérience chez Tableau Décoratif Oujda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="L'Atelier d'Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Années d'expérience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Techniques maîtrisées",
|
||||
value: "8",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Inspirations culturelles",
|
||||
value: "3",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="L'Atelier d'Excellence"
|
||||
metrics={[
|
||||
{ icon: Building2, label: "Années d'expérience", value: "10+" },
|
||||
{ icon: Palette, label: "Techniques maîtrisées", value: "8" },
|
||||
{ icon: Globe, label: "Inspirations culturelles", value: "3" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Puis-je commander en ligne ?",
|
||||
content: "Oui, contactez-nous via WhatsApp pour une commande personnalisée.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quels sont vos horaires ?",
|
||||
content: "Nous sommes ouverts du lundi au samedi, avec des visites sur RDV le dimanche.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Personnalisez-vous les objets ?",
|
||||
content: "Absolument, chaque pièce peut être adaptée selon vos préférences.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Besoin d'informations sur nos services ou collections ?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Puis-je commander en ligne ?", content: "Oui, contactez-nous via WhatsApp pour une commande personnalisée." },
|
||||
{ id: "f2", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts du lundi au samedi, avec des visites sur RDV le dimanche." },
|
||||
{ id: "f3", title: "Personnalisez-vous les objets ?", content: "Absolument, chaque pièce peut être adaptée selon vos préférences." }
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Besoin d'informations sur nos services ou collections ?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contactez-nous"
|
||||
title="Réservez une expérience privée"
|
||||
description="Venez découvrir nos collections au sein de notre atelier boutique à Oujda."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711323.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contactez-nous"
|
||||
title="Réservez une expérience privée"
|
||||
description="Venez découvrir nos collections au sein de notre atelier boutique à Oujda."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711323.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#accueil",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#produits",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Horaires",
|
||||
href: "#horaires",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Tableau Décoratif Oujda"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "#accueil" }, { label: "Collections", href: "#produits" }] },
|
||||
{ items: [{ label: "Horaires", href: "#horaires" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Mentions Légales", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Tableau Décoratif Oujda"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user