bender/ea9324f6-94db-42bf-95e2-d34ab6379061
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 17:37:59 +00:00
parent 60e0fcd12d
commit 3086434a53
1 changed files with 102 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/app/page.tsx
View File

@@ -33,22 +33,30 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", id: "#hero"}, name: "Home", id: "#hero"
},
{ {
name: "About", id: "#about"}, name: "About", id: "#about"
},
{ {
name: "Collection", id: "#products"}, name: "Collection", id: "#products"
},
{ {
name: "Ritual", id: "#features"}, name: "Ritual", id: "#features"
},
{ {
name: "Reviews", id: "#testimonials"}, name: "Reviews", id: "#testimonials"
},
{ {
name: "FAQ", id: "#faq"}, name: "FAQ", id: "#faq"
},
{ {
name: "Contact", id: "#contact"}, name: "Contact", id: "#contact"
}
]} ]}
button={{ button={{
text: "Shop Now", href: "#products"}} text: "Shop Now", href: "#products"
}}
brandName="Lumière Atelier" brandName="Lumière Atelier"
/> />
</div> </div>
@@ -56,12 +64,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", href: "#products"}, text: "Discover Premium Collection", href: "#products"
}
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-mother-s-day-arrangement_23-2148888559.jpg" 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"
@@ -77,11 +87,14 @@ 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+", title: "Years of Craft"}, value: "5+", title: "Years of Craft"
},
{ {
value: "100%", title: "Natural Soy"}, value: "100%", title: "Natural Soy"
},
{ {
value: "50+ hrs", title: "Burn Time"}, value: "50+ hrs", 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?_wi=1"
imageAlt="Close-up of hands pouring melted wax into a candle jar" imageAlt="Close-up of hands pouring melted wax into a candle jar"
@@ -103,25 +116,31 @@ export default function LandingPage() {
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: [ 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: [
{ {
icon: Leaf, icon: Leaf,
label: "Soy Wax", value: "Natural"}, label: "Soy Wax", value: "Natural"
},
{ {
icon: Globe, icon: Globe,
label: "Sustainable", value: "Sourced"}, label: "Sustainable", value: "Sourced"
},
{ {
icon: Heart, icon: Heart,
label: "Clean", value: "Burn"}, label: "Clean", value: "Burn"
}
] ]
}, },
{ {
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: [ 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: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg?_wi=2", imageAlt: "Burning candle in an elegant living room"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-coffee-office_23-2148352516.jpg?_wi=2", imageAlt: "Burning candle in an elegant living room"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/hands-assembling-advent-wreath_23-2150820778.jpg", imageAlt: "Artisan working on a candle"}, imageSrc: "http://img.b2bpic.net/free-photo/hands-assembling-advent-wreath_23-2150820778.jpg", imageAlt: "Artisan working on a candle"
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement_23-2149357134.jpg", imageAlt: "Sustainable candle ingredients"}, imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement_23-2149357134.jpg", imageAlt: "Sustainable candle ingredients"
}
] ]
}, }
]} ]}
title="The Essence of Luxury, Redefined" title="The Essence of Luxury, Redefined"
description="Our collection embodies a philosophy where sustainability meets unparalleled quality. Discover the meticulous details that make each Lumière Atelier candle a masterpiece of sensory design." description="Our collection embodies a philosophy where sustainability meets unparalleled quality. Discover the meticulous details that make each Lumière Atelier candle a masterpiece of sensory design."
@@ -137,28 +156,28 @@ export default function LandingPage() {
products={[ products={[
{ {
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: () => {}, 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: () => {},
onFavorite: () => {}, onFavorite: () => {}
}, },
{ {
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: () => {}, 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: () => {},
onFavorite: () => {}, onFavorite: () {}
}, },
{ {
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: () => {}, 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: () {},
onFavorite: () => {}, onFavorite: () {}
}, },
{ {
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: () => {}, 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: () {},
onFavorite: () => {}, onFavorite: () {}
}, },
{ {
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: () => {}, 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: () {},
onFavorite: () => {}, onFavorite: () {}
}, },
{ {
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: () => {}, 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: () {},
onFavorite: () => {}, onFavorite: () {}
}, }
]} ]}
title="Our Signature Collection" title="Our Signature Collection"
description="Immerse yourself in our exclusive range of handcrafted soy candles. Each scent, a journey; each flame, a story. Designed for the connoisseur of fine living." description="Immerse yourself in our exclusive range of handcrafted soy candles. Each scent, a journey; each flame, a story. Designed for the connoisseur of fine living."
@@ -170,17 +189,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
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"}, 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"
},
{ {
id: "2", name: "Marc Beaumont", imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5164.jpg", imageAlt: "Marc Beaumont portrait"}, id: "2", name: "Marc Beaumont", imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5164.jpg", imageAlt: "Marc Beaumont portrait"
},
{ {
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"}, 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"
},
{ {
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"}, 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"
},
{ {
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"}, 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"
},
{ {
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"}, 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"
}
]} ]}
cardTitle="Voices of Refined Taste" cardTitle="Voices of Refined Taste"
cardTag="Loved by Connoisseurs" cardTag="Loved by Connoisseurs"
@@ -194,7 +219,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Vogue Living", "Architectural Digest", "Harper's Bazaar", "Elle Decor", "Design Milk", "The Lux Review", "Home & Garden", "Opulent Interiors"]} "Vogue Living", "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."
/> />
@@ -206,15 +232,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
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."}, 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."
},
{ {
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."}, 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."
},
{ {
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."}, 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."
},
{ {
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."}, 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."
},
{ {
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."}, 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="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."
@@ -226,11 +257,13 @@ 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", href: "#"}, text: "Get in Touch", href: "#"
}
]} ]}
/> />
</div> </div>
@@ -242,35 +275,45 @@ export default function LandingPage() {
{ {
title: "Shop", items: [ title: "Shop", items: [
{ {
label: "Collection", href: "#products"}, label: "Collection", href: "#products"
},
{ {
label: "Seasonal Scents", href: "#products"}, label: "Seasonal Scents", href: "#products"
},
{ {
label: "Gift Sets", href: "#"}, label: "Gift Sets", href: "#"
], }
]
}, },
{ {
title: "About Us", items: [ title: "About Us", items: [
{ {
label: "Our Story", href: "#about"}, label: "Our Story", href: "#about"
},
{ {
label: "Craftsmanship", href: "#features"}, label: "Craftsmanship", href: "#features"
},
{ {
label: "Sustainability", href: "#features"}, label: "Sustainability", href: "#features"
], }
]
}, },
{ {
title: "Support", items: [ title: "Support", items: [
{ {
label: "FAQ", href: "#faq"}, label: "FAQ", href: "#faq"
},
{ {
label: "Contact", href: "#contact"}, label: "Contact", href: "#contact"
},
{ {
label: "Shipping & Returns", href: "#"}, label: "Shipping & Returns", href: "#"
},
{ {
label: "Privacy Policy", href: "#"}, label: "Privacy Policy", href: "#"
], }
}, ]
}
]} ]}
copyrightText="© 2024 Lumière Atelier. All rights reserved." copyrightText="© 2024 Lumière Atelier. All rights reserved."
/> />