Merge version_1 into main #1
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Boutique", id: "/shop" },
|
||||
{ name: "À Propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BM Cosmetique"
|
||||
/>
|
||||
@@ -53,6 +41,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Notre Équipe"
|
||||
description="Des experts dédiés à votre éclat."
|
||||
team={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,23 +52,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Notre Mission"
|
||||
description="L'excellence au quotidien."
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BM Cosmetique"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/216",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "WhatsApp", href: "https://wa.me/216" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Boutique", id: "/shop" },
|
||||
{ name: "À Propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BM Cosmetique"
|
||||
/>
|
||||
@@ -50,6 +38,7 @@ export default function LandingPage() {
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Mentions Légales"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,23 +49,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Besoin d'aide ?"
|
||||
description="Contactez nos experts."
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BM Cosmetique"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/216",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "WhatsApp", href: "https://wa.me/216" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
185
src/app/page.tsx
185
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Boutique", id: "/shop" },
|
||||
{ name: "À Propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BM Cosmetique"
|
||||
/>
|
||||
@@ -52,80 +40,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Révélez Votre Beauté Naturelle"
|
||||
description="Découvrez une sélection raffinée de produits cosmétiques, soins et parfums pour sublimer votre élégance au quotidien."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir la Collection",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/216",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Découvrir la Collection", href: "/shop" }, { text: "WhatsApp", href: "https://wa.me/216" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-white-woman-holding-plant-pretty-blackhaired-girl-enjoying-indoor-photoshoot_197531-26790.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-quartz-prism-with-dark-shadow-white-background_23-2147949079.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-with-black-hair-posing-brown-wall-amazing-female-model-with-golden-makeup-standing-with-eyes-closed_197531-14089.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382914.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-display-makeup-products-assortment_23-2150063090.jpg",
|
||||
imageAlt: "luxury beauty editorial model beige",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-white-woman-holding-plant-pretty-blackhaired-girl-enjoying-indoor-photoshoot_197531-26790.jpg", imageAlt: "luxury beauty editorial model beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-quartz-prism-with-dark-shadow-white-background_23-2147949079.jpg", imageAlt: "luxury beauty editorial model beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-with-black-hair-posing-brown-wall-amazing-female-model-with-golden-makeup-standing-with-eyes-closed_197531-14089.jpg", imageAlt: "luxury beauty editorial model beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg", imageAlt: "luxury beauty editorial model beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382914.jpg", imageAlt: "luxury beauty editorial model beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-display-makeup-products-assortment_23-2150063090.jpg", imageAlt: "luxury beauty editorial model beige" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Produits Authentiques",
|
||||
description: "Sélection rigoureuse de marques internationales.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Livraison Rapide",
|
||||
description: "Partout en Tunisie, en un temps record.",
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "Paiement à la livraison",
|
||||
description: "Payez en toute confiance à réception.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Qualité Premium",
|
||||
description: "Sélection des meilleurs soins mondiaux.",
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Service Client",
|
||||
description: "Conseils beauté personnalisés.",
|
||||
},
|
||||
{ icon: CheckCircle, title: "Produits Authentiques", description: "Sélection rigoureuse de marques internationales." },
|
||||
{ icon: Truck, title: "Livraison Rapide", description: "Partout en Tunisie, en un temps record." },
|
||||
{ icon: CreditCard, title: "Paiement à la livraison", description: "Payez en toute confiance à réception." },
|
||||
{ icon: Star, title: "Qualité Premium", description: "Sélection des meilleurs soins mondiaux." },
|
||||
{ icon: Headphones, title: "Service Client", description: "Conseils beauté personnalisés." }
|
||||
]}
|
||||
title="L'Excellence BM"
|
||||
description="Pourquoi choisir BM Cosmetique"
|
||||
@@ -139,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rouge Iconic",
|
||||
price: "89 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-face-cream-recipients-assortment_23-2148761438.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sérum Glow",
|
||||
price: "120 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Parfum Éclat",
|
||||
price: "195 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Palette Nude",
|
||||
price: "145 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-red-lipstick-product-shot-with-golden-accents_23-2151983312.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Crème Soie",
|
||||
price: "110 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/donut-tablet-near-powder-brushes_23-2147742677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coffret Cadeau",
|
||||
price: "250 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249527.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Rouge Iconic", price: "89 TND", imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-face-cream-recipients-assortment_23-2148761438.jpg" },
|
||||
{ id: "p2", name: "Sérum Glow", price: "120 TND", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg" },
|
||||
{ id: "p3", name: "Parfum Éclat", price: "195 TND", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg" },
|
||||
{ id: "p4", name: "Palette Nude", price: "145 TND", imageSrc: "http://img.b2bpic.net/free-photo/elegant-red-lipstick-product-shot-with-golden-accents_23-2151983312.jpg" },
|
||||
{ id: "p5", name: "Crème Soie", price: "110 TND", imageSrc: "http://img.b2bpic.net/free-photo/donut-tablet-near-powder-brushes_23-2147742677.jpg" },
|
||||
{ id: "p6", name: "Coffret Cadeau", price: "250 TND", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249527.jpg" }
|
||||
]}
|
||||
title="Nos Best Sellers"
|
||||
description="Les favoris de notre communauté."
|
||||
@@ -202,36 +112,11 @@ export default function LandingPage() {
|
||||
title="BM en chiffres"
|
||||
description="Notre impact dans le secteur de la beauté tunisienne."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Clients Satisfaits",
|
||||
value: "15,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Package,
|
||||
title: "Commandes Expédiées",
|
||||
value: "22,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShoppingBag,
|
||||
title: "Marques Partenaires",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Smile,
|
||||
title: "Taux de Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Award,
|
||||
title: "Années d'expérience",
|
||||
value: "5+",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Clients Satisfaits", value: "15,000+" },
|
||||
{ id: "m2", icon: Package, title: "Commandes Expédiées", value: "22,000+" },
|
||||
{ id: "m3", icon: ShoppingBag, title: "Marques Partenaires", value: "50+" },
|
||||
{ id: "m4", icon: Smile, title: "Taux de Satisfaction", value: "99%" },
|
||||
{ id: "m5", icon: Award, title: "Années d'expérience", value: "5+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,17 +124,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BM Cosmetique"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/216",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "WhatsApp", href: "https://wa.me/216" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -25,31 +25,17 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Boutique", id: "/shop" },
|
||||
{ name: "À Propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BM Cosmetique"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
/>
|
||||
<ProductCatalog layout="page" />
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
@@ -59,23 +45,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Pourquoi nous faire confiance ?"
|
||||
description="Expertise beauté garantie."
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BM Cosmetique"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/216",
|
||||
}}
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
rightLink={{ text: "WhatsApp", href: "https://wa.me/216" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user