Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -33,22 +33,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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={{
|
||||
text: "Shop Now", href: "#products"}}
|
||||
text: "Shop Now", href: "#products"
|
||||
}}
|
||||
brandName="Lumière Atelier"
|
||||
/>
|
||||
</div>
|
||||
@@ -56,12 +64,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
logoText="Lumière Atelier"
|
||||
description="Handpoured soy candles infused with French fragrances, crafted for those who demand more. Slow-burning ritual meets minimalist design."
|
||||
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"
|
||||
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."
|
||||
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"
|
||||
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: [
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Soy Wax", value: "Natural"},
|
||||
label: "Soy Wax", value: "Natural"
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Sustainable", value: "Sourced"},
|
||||
label: "Sustainable", value: "Sourced"
|
||||
},
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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"
|
||||
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={[
|
||||
{
|
||||
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: () => {},
|
||||
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: () => {},
|
||||
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: () {},
|
||||
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: () => {},
|
||||
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: () {},
|
||||
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: () => {},
|
||||
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: () {},
|
||||
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: () => {},
|
||||
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: () {},
|
||||
onFavorite: () {}
|
||||
}
|
||||
]}
|
||||
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."
|
||||
@@ -170,17 +189,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
cardTag="Loved by Connoisseurs"
|
||||
@@ -194,7 +219,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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"
|
||||
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}
|
||||
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"
|
||||
description="Find clarity on our craft, ingredients, and the Lumière Atelier experience."
|
||||
@@ -226,11 +257,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch", href: "#"},
|
||||
text: "Get in Touch", href: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -242,35 +275,45 @@ export default function LandingPage() {
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user