Update src/app/page.tsx

This commit is contained in:
2026-06-10 17:32:17 +00:00
parent 14d88dd095
commit 23b8fd65ce

View File

@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Collection", name: "Collection", id: "#products"},
id: "#products",
},
{ {
name: "Ritual", name: "Ritual", id: "#features"},
id: "#features",
},
{ {
name: "Reviews", name: "Reviews", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "#products"}}
href: "#products",
}}
brandName="Lumière Atelier" brandName="Lumière Atelier"
/> />
</div> </div>
@@ -72,17 +56,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
logoText="Lumière Atelier" logoText="Lumière Atelier"
description="Handpoured soy candles infused with French fragrances, crafted for those who demand more. Slow-burning ritual meets minimalist design." description="Handpoured soy candles infused with French fragrances, crafted for those who demand more. Slow-burning ritual meets minimalist design."
buttons={[ buttons={[
{ {
text: "Discover Premium Collection", text: "Discover Premium Collection", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888559.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888559.jpg"
imageAlt="Luxurious handcrafted candle with elegant packaging" imageAlt="Luxurious handcrafted candle with elegant packaging"
mediaAnimation="opacity" mediaAnimation="opacity"
frameStyle="card" frameStyle="card"
@@ -96,19 +77,13 @@ export default function LandingPage() {
description="At Lumière Atelier, we believe in the art of living beautifully. Each candle is a testament to meticulous craftsmanship, blending sustainably sourced soy wax with exquisite French fragrances. Experience a symphony for your senses, designed to elevate your everyday." description="At Lumière Atelier, we believe in the art of living beautifully. Each candle is a testament to meticulous craftsmanship, blending sustainably sourced soy wax with exquisite French fragrances. Experience a symphony for your senses, designed to elevate your everyday."
metrics={[ metrics={[
{ {
value: "5+", value: "5+", title: "Years of Craft"},
title: "Years of Craft",
},
{ {
value: "100%", value: "100%", title: "Natural Soy"},
title: "Natural Soy",
},
{ {
value: "50+ hrs", value: "50+ hrs", title: "Burn Time"},
title: "Burn Time",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg"
imageAlt="Close-up of hands pouring melted wax into a candle jar" imageAlt="Close-up of hands pouring melted wax into a candle jar"
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -122,57 +97,30 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Artisanal Blends", title: "Artisanal Blends", description: "Each fragrance is a unique composition, meticulously developed in Grasse, France, ensuring a complex and long-lasting aroma.", bentoComponent: "reveal-icon", icon: Sparkles
description: "Each fragrance is a unique composition, meticulously developed in Grasse, France, ensuring a complex and long-lasting aroma.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-coffee-with-whipped-cream-candle_23-2148720052.jpg",
imageAlt: "burning candle slow flame ambiance",
}, },
{ {
title: "Eco-Conscious Craft", title: "Eco-Conscious Craft", description: "Handpoured with 100% natural soy wax from sustainable sources, our candles offer a clean burn and are free from harmful toxins.", bentoComponent: "icon-info-cards", items: [
description: "Handpoured with 100% natural soy wax from sustainable sources, our candles offer a clean burn and are free from harmful toxins.",
bentoComponent: "icon-info-cards",
items: [
{ {
icon: Leaf, icon: Leaf,
label: "Soy Wax", label: "Soy Wax", value: "Natural"},
value: "Natural",
},
{ {
icon: Globe, icon: Globe,
label: "Sustainable", label: "Sustainable", value: "Sourced"},
value: "Sourced",
},
{ {
icon: Heart, icon: Heart,
label: "Clean", label: "Clean", value: "Burn"},
value: "Burn", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888559.jpg?_wi=2",
imageAlt: "burning candle slow flame ambiance",
}, },
{ {
title: "Enduring Elegance", title: "Enduring Elegance", description: "Designed to complement any sophisticated interior, our minimalist vessels are crafted for both beauty and extended burn time.", bentoComponent: "media-stack", items: [
description: "Designed to complement any sophisticated interior, our minimalist vessels are crafted for both beauty and extended burn time.",
bentoComponent: "media-stack",
items: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg", imageAlt: "Burning candle in an elegant living room"},
imageAlt: "Burning candle in an elegant living room",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/hands-assembling-advent-wreath_23-2150820778.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-assembling-advent-wreath_23-2150820778.jpg", imageAlt: "Artisan working on a candle"},
imageAlt: "Artisan working on a candle",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement_23-2149357134.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement_23-2149357134.jpg", imageAlt: "Sustainable candle ingredients"},
imageAlt: "Sustainable candle ingredients", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-brunch-bed-with-pastries-tea-lilac-bouquet-vase-romance-holidays-mother-s-women-s-day_169016-15566.jpg?_wi=1",
imageAlt: "burning candle slow flame ambiance",
}, },
]} ]}
title="The Essence of Luxury, Redefined" title="The Essence of Luxury, Redefined"
@@ -188,58 +136,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "classic-elegance", id: "classic-elegance", name: "Classic Elegance", price: "€189", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-brunch-bed-with-pastries-tea-lilac-bouquet-vase-romance-holidays-mother-s-women-s-day_169016-15566.jpg", imageAlt: "Classic Elegance Candle", onProductClick: () => {},
name: "Classic Elegance", onFavorite: () => {},
price: "€189",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-brunch-bed-with-pastries-tea-lilac-bouquet-vase-romance-holidays-mother-s-women-s-day_169016-15566.jpg?_wi=2",
imageAlt: "Classic Elegance Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
{ {
id: "midnight-bloom", id: "midnight-bloom", name: "Midnight Bloom", price: "€199", imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-with-red-roses-cozy-home-scene-romantic-calm_169016-71686.jpg", imageAlt: "Midnight Bloom Candle", onProductClick: () => {},
name: "Midnight Bloom", onFavorite: () => {},
price: "€199",
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-with-red-roses-cozy-home-scene-romantic-calm_169016-71686.jpg",
imageAlt: "Midnight Bloom Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
{ {
id: "forest-whisper", id: "forest-whisper", name: "Forest Whisper", price: "€189", imageSrc: "http://img.b2bpic.net/free-photo/diwali-festival-lights-tradition_23-2148688424.jpg", imageAlt: "Forest Whisper Candle", onProductClick: () => {},
name: "Forest Whisper", onFavorite: () => {},
price: "€189",
imageSrc: "http://img.b2bpic.net/free-photo/diwali-festival-lights-tradition_23-2148688424.jpg",
imageAlt: "Forest Whisper Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
{ {
id: "sunlit-citrus", id: "sunlit-citrus", name: "Sunlit Citrus", price: "€199", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cup-candles-knitted-element-blurred-background_169016-12779.jpg", imageAlt: "Sunlit Citrus Candle", onProductClick: () => {},
name: "Sunlit Citrus", onFavorite: () => {},
price: "€199",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cup-candles-knitted-element-blurred-background_169016-12779.jpg",
imageAlt: "Sunlit Citrus Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
{ {
id: "velvet-oud", id: "velvet-oud", name: "Velvet Oud", price: "€189", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-burning-aroma-candles-rose-petals_169016-24021.jpg", imageAlt: "Velvet Oud Candle", onProductClick: () => {},
name: "Velvet Oud", onFavorite: () => {},
price: "€189",
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-burning-aroma-candles-rose-petals_169016-24021.jpg",
imageAlt: "Velvet Oud Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
{ {
id: "oceanic-mist", id: "oceanic-mist", name: "Oceanic Mist", price: "€199", imageSrc: "http://img.b2bpic.net/free-photo/christmas-still-life-with-candles-knitted-element-blurred-background_169016-46565.jpg", imageAlt: "Oceanic Mist Candle", onProductClick: () => {},
name: "Oceanic Mist", onFavorite: () => {},
price: "€199",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-still-life-with-candles-knitted-element-blurred-background_169016-46565.jpg",
imageAlt: "Oceanic Mist Candle",
onProductClick: "() => {}",
onFavorite: "() => {}",
}, },
]} ]}
title="Our Signature Collection" title="Our Signature Collection"
@@ -252,41 +170,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Isabelle Dubois", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageAlt: "Isabelle Dubois portrait"},
name: "Isabelle Dubois",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
imageAlt: "Isabelle Dubois portrait",
},
{ {
id: "2", id: "2", name: "Marc Beaumont", imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5164.jpg", imageAlt: "Marc Beaumont portrait"},
name: "Marc Beaumont",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5164.jpg",
imageAlt: "Marc Beaumont portrait",
},
{ {
id: "3", id: "3", name: "Sophie Moreau", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-young-woman-with-sunglasses-smartphone-street_23-2148068454.jpg", imageAlt: "Sophie Moreau portrait"},
name: "Sophie Moreau",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-young-woman-with-sunglasses-smartphone-street_23-2148068454.jpg",
imageAlt: "Sophie Moreau portrait",
},
{ {
id: "4", id: "4", name: "Antoine Girard", imageSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-reaction-isolated-view-funny-stylish-young-man-with-waxed-mustache-trimmed-beard-staring-camera-full-disbelief-having-distrustful-surprised-look_343059-4304.jpg", imageAlt: "Antoine Girard portrait"},
name: "Antoine Girard",
imageSrc: "http://img.b2bpic.net/free-photo/human-facial-expressions-reaction-isolated-view-funny-stylish-young-man-with-waxed-mustache-trimmed-beard-staring-camera-full-disbelief-having-distrustful-surprised-look_343059-4304.jpg",
imageAlt: "Antoine Girard portrait",
},
{ {
id: "5", id: "5", name: "Elodie Lefevre", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg", imageAlt: "Elodie Lefevre portrait"},
name: "Elodie Lefevre",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg",
imageAlt: "Elodie Lefevre portrait",
},
{ {
id: "6", id: "6", name: "Julien Petit", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg", imageAlt: "Julien Petit portrait"},
name: "Julien Petit",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg",
imageAlt: "Julien Petit portrait",
},
]} ]}
cardTitle="Voices of Refined Taste" cardTitle="Voices of Refined Taste"
cardTag="Loved by Connoisseurs" cardTag="Loved by Connoisseurs"
@@ -300,15 +194,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Vogue Living", "Vogue Living", "Architectural Digest", "Harper's Bazaar", "Elle Decor", "Design Milk", "The Lux Review", "Home & Garden", "Opulent Interiors"]}
"Architectural Digest",
"Harper's Bazaar",
"Elle Decor",
"Design Milk",
"The Lux Review",
"Home & Garden",
"Opulent Interiors",
]}
title="As Featured In" title="As Featured In"
description="Trusted by leading interior designers and featured in prestigious lifestyle publications. Our commitment to luxury and craftsmanship resonates with the most discerning." description="Trusted by leading interior designers and featured in prestigious lifestyle publications. Our commitment to luxury and craftsmanship resonates with the most discerning."
/> />
@@ -320,30 +206,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What makes Lumière Atelier candles unique?", content: "Our candles are handcrafted using 100% natural soy wax, infused with exclusive French fragrances, and designed for an elegant, slow-burning ritual, prioritizing both luxury and sustainability."},
title: "What makes Lumière Atelier candles unique?",
content: "Our candles are handcrafted using 100% natural soy wax, infused with exclusive French fragrances, and designed for an elegant, slow-burning ritual, prioritizing both luxury and sustainability.",
},
{ {
id: "faq-2", id: "faq-2", title: "Are your candles eco-friendly?", content: "Yes, we are committed to sustainability. We use ethically sourced soy wax, lead-free cotton wicks, and recyclable packaging. Our ingredients are non-toxic and cruelty-free."},
title: "Are your candles eco-friendly?",
content: "Yes, we are committed to sustainability. We use ethically sourced soy wax, lead-free cotton wicks, and recyclable packaging. Our ingredients are non-toxic and cruelty-free.",
},
{ {
id: "faq-3", id: "faq-3", title: "How long do Lumière Atelier candles burn?", content: "Each of our 250g candles is designed to provide over 50 hours of exquisite fragrance, ensuring a lasting sensory experience."},
title: "How long do Lumière Atelier candles burn?",
content: "Each of our 250g candles is designed to provide over 50 hours of exquisite fragrance, ensuring a lasting sensory experience.",
},
{ {
id: "faq-4", id: "faq-4", title: "What is the recommended candle care?", content: "For an optimal burn, trim the wick to 1/4 inch before each use. Allow the wax pool to reach the edge of the jar during the first burn to prevent tunneling, and do not burn for more than 4 hours at a time."},
title: "What is the recommended candle care?",
content: "For an optimal burn, trim the wick to 1/4 inch before each use. Allow the wax pool to reach the edge of the jar during the first burn to prevent tunneling, and do not burn for more than 4 hours at a time.",
},
{ {
id: "faq-5", id: "faq-5", title: "Do you offer international shipping?", content: "Yes, we offer worldwide shipping. Please refer to our shipping policy for detailed information on delivery times and costs to your region."},
title: "Do you offer international shipping?",
content: "Yes, we offer worldwide shipping. Please refer to our shipping policy for detailed information on delivery times and costs to your region.",
},
]} ]}
title="Your Questions, Answered" title="Your Questions, Answered"
description="Find clarity on our craft, ingredients, and the Lumière Atelier experience." description="Find clarity on our craft, ingredients, and the Lumière Atelier experience."
@@ -355,14 +226,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "downward-rays-static", variant: "downward-rays-static"}}
}}
text="Ready to elevate your space? For bespoke inquiries or personal recommendations, our atelier awaits your presence. Connect with us." text="Ready to elevate your space? For bespoke inquiries or personal recommendations, our atelier awaits your presence. Connect with us."
buttons={[ buttons={[
{ {
text: "Get in Touch", text: "Get in Touch", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -372,58 +240,35 @@ export default function LandingPage() {
logoText="Lumière Atelier" logoText="Lumière Atelier"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "Collection", label: "Collection", href: "#products"},
href: "#products",
},
{ {
label: "Seasonal Scents", label: "Seasonal Scents", href: "#products"},
href: "#products",
},
{ {
label: "Gift Sets", label: "Gift Sets", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "About Us", title: "About Us", items: [
items: [
{ {
label: "Our Story", label: "Our Story", href: "#about"},
href: "#about",
},
{ {
label: "Craftsmanship", label: "Craftsmanship", href: "#features"},
href: "#features",
},
{ {
label: "Sustainability", label: "Sustainability", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "Shipping & Returns", label: "Shipping & Returns", href: "#"},
href: "#",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}