|
|
|
@@ -58,7 +58,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroBillboard
|
|
|
|
<HeroBillboard
|
|
|
|
title="Luminescent Skin, Timeless Beauty"
|
|
|
|
title="Radiant Skin in 4 Weeks"
|
|
|
|
description="Experience the intersection of ancient botanical wisdom and modern skincare science. Handcrafted formulations designed for your most radiant complexion."
|
|
|
|
description="Experience the intersection of ancient botanical wisdom and modern skincare science. Handcrafted formulations designed for your most radiant complexion."
|
|
|
|
tag="Luxury Skincare"
|
|
|
|
tag="Luxury Skincare"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
@@ -74,14 +74,11 @@ export default function LandingPage() {
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1"
|
|
|
|
src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2"
|
|
|
|
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3"
|
|
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3"},
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
avatarText="Trusted by 50,000+ beauty enthusiasts"
|
|
|
|
avatarText="Trusted by 50,000+ beauty enthusiasts"
|
|
|
|
ariaLabel="Hero section for luxury skincare brand"
|
|
|
|
ariaLabel="Hero section for luxury skincare brand"
|
|
|
|
@@ -116,18 +113,15 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Droplets,
|
|
|
|
icon: Droplets,
|
|
|
|
title: "Luminous Serum", description:
|
|
|
|
title: "Luminous Serum", description:
|
|
|
|
"Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin."
|
|
|
|
"Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin."},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Zap,
|
|
|
|
icon: Zap,
|
|
|
|
title: "Renewal Moisturizer", description:
|
|
|
|
title: "Renewal Moisturizer", description:
|
|
|
|
"Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration."
|
|
|
|
"Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration."},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Flower2,
|
|
|
|
icon: Flower2,
|
|
|
|
title: "Essence Mask", description:
|
|
|
|
title: "Essence Mask", description:
|
|
|
|
"Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation."
|
|
|
|
"Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation."},
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
@@ -146,16 +140,13 @@ export default function LandingPage() {
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Luminous Serum", price: "$89", imageSrc:
|
|
|
|
id: "1", name: "Luminous Serum", price: "$89", imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle"
|
|
|
|
"http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Renewal Moisturizer", price: "$115", imageSrc:
|
|
|
|
id: "2", name: "Renewal Moisturizer", price: "$115", imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar"
|
|
|
|
"http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Essence Mask", price: "$95", imageSrc:
|
|
|
|
id: "3", name: "Essence Mask", price: "$95", imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container"
|
|
|
|
"http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container"},
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -175,18 +166,15 @@ export default function LandingPage() {
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", value: "97%", title: "Visible skin improvement in 4 weeks", items: [
|
|
|
|
id: "1", value: "97%", title: "Visible skin improvement in 4 weeks", items: [
|
|
|
|
"Increased hydration", "Reduced fine lines", "Enhanced radiance"
|
|
|
|
"Increased hydration", "Reduced fine lines", "Enhanced radiance"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", value: "50K+", title: "Satisfied customers worldwide", items: [
|
|
|
|
id: "2", value: "50K+", title: "Satisfied customers worldwide", items: [
|
|
|
|
"Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas"
|
|
|
|
"Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", value: "100%", title: "Natural & ethical sourcing", items: [
|
|
|
|
id: "3", value: "100%", title: "Natural & ethical sourcing", items: [
|
|
|
|
"Cruelty-free certified", "Sustainable packaging", "Dermatologist tested"
|
|
|
|
"Cruelty-free certified", "Sustainable packaging", "Dermatologist tested"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -208,38 +196,32 @@ export default function LandingPage() {
|
|
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahmbeauty", testimonial:
|
|
|
|
id: "1", name: "Sarah Mitchell", handle: "@sarahmbeauty", testimonial:
|
|
|
|
"Luminé's serum has completely transformed my skin. After just two weeks, my complexion is noticeably brighter and more hydrated. This is luxury skincare at its finest.", rating: 5,
|
|
|
|
"Luminé's serum has completely transformed my skin. After just two weeks, my complexion is noticeably brighter and more hydrated. This is luxury skincare at its finest.", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell"
|
|
|
|
"http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Emma Rodriguez", handle: "@emmakskincare", testimonial:
|
|
|
|
id: "2", name: "Emma Rodriguez", handle: "@emmakskincare", testimonial:
|
|
|
|
"I'm obsessed with the Essence Mask. It feels like a spa treatment at home. My skin has never looked better, and the results are immediate.", rating: 5,
|
|
|
|
"I'm obsessed with the Essence Mask. It feels like a spa treatment at home. My skin has never looked better, and the results are immediate.", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez"
|
|
|
|
"http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Olivia Chen", handle: "@oliviachenbeauty", testimonial:
|
|
|
|
id: "3", name: "Olivia Chen", handle: "@oliviachenbeauty", testimonial:
|
|
|
|
"The quality of these products is unmatched. Every item feels premium, and they actually deliver results. Worth every penny!", rating: 5,
|
|
|
|
"The quality of these products is unmatched. Every item feels premium, and they actually deliver results. Worth every penny!", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen"
|
|
|
|
"http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Jessica Anderson", handle: "@jessicaglows", testimonial:
|
|
|
|
id: "4", name: "Jessica Anderson", handle: "@jessicaglows", testimonial:
|
|
|
|
"Switching to Luminé was the best decision for my skin. The formulations are gentle yet effective, and my sensitive skin has never been happier.", rating: 5,
|
|
|
|
"Switching to Luminé was the best decision for my skin. The formulations are gentle yet effective, and my sensitive skin has never been happier.", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson"
|
|
|
|
"http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5", name: "Maria Lopez", handle: "@mariabeautyjourney", testimonial:
|
|
|
|
id: "5", name: "Maria Lopez", handle: "@mariabeautyjourney", testimonial:
|
|
|
|
"This is real luxury skincare. The products smell divine, feel luxurious, and actually work. I recommend Luminé to everyone.", rating: 5,
|
|
|
|
"This is real luxury skincare. The products smell divine, feel luxurious, and actually work. I recommend Luminé to everyone.", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez"
|
|
|
|
"http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "6", name: "Alexandra Thompson", handle: "@alexandrathompson", testimonial:
|
|
|
|
id: "6", name: "Alexandra Thompson", handle: "@alexandrathompson", testimonial:
|
|
|
|
"I've tried countless skincare brands, but Luminé stands out. The results are visible, and the customer service is impeccable.", rating: 5,
|
|
|
|
"I've tried countless skincare brands, but Luminé stands out. The results are visible, and the customer service is impeccable.", rating: 5,
|
|
|
|
imageSrc:
|
|
|
|
imageSrc:
|
|
|
|
"http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson"
|
|
|
|
"http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson"},
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
showRating={true}
|
|
|
|
showRating={true}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -263,8 +245,7 @@ export default function LandingPage() {
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
],
|
|
|
|
],
|
|
|
|
features: [
|
|
|
|
features: [
|
|
|
|
"Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support"
|
|
|
|
"Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", badge: "Most Popular", badgeIcon: Crown,
|
|
|
|
id: "2", badge: "Most Popular", badgeIcon: Crown,
|
|
|
|
@@ -273,8 +254,7 @@ export default function LandingPage() {
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
],
|
|
|
|
],
|
|
|
|
features: [
|
|
|
|
features: [
|
|
|
|
"Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping"
|
|
|
|
"Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", price: "$379", name: "Premium Luxury Bundle", buttons: [
|
|
|
|
id: "3", price: "$379", name: "Premium Luxury Bundle", buttons: [
|
|
|
|
@@ -282,8 +262,7 @@ export default function LandingPage() {
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
{ text: "Learn More", href: "#" },
|
|
|
|
],
|
|
|
|
],
|
|
|
|
features: [
|
|
|
|
features: [
|
|
|
|
"Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months"
|
|
|
|
"Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months"],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -298,7 +277,7 @@ export default function LandingPage() {
|
|
|
|
text="Ready to elevate your skincare routine? Join thousands of beauty enthusiasts experiencing the Luminé difference."
|
|
|
|
text="Ready to elevate your skincare routine? Join thousands of beauty enthusiasts experiencing the Luminé difference."
|
|
|
|
animationType="entrance-slide"
|
|
|
|
animationType="entrance-slide"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Claim 20% Off", href: "#products" },
|
|
|
|
{ text: "Shop Now", href: "#products" },
|
|
|
|
{ text: "Contact Us", href: "mailto:hello@luminebeauty.com" },
|
|
|
|
{ text: "Contact Us", href: "mailto:hello@luminebeauty.com" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
@@ -314,20 +293,16 @@ export default function LandingPage() {
|
|
|
|
socialLinks={[
|
|
|
|
socialLinks={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Instagram,
|
|
|
|
icon: Instagram,
|
|
|
|
href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram"
|
|
|
|
href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Facebook,
|
|
|
|
icon: Facebook,
|
|
|
|
href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook"
|
|
|
|
href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Twitter,
|
|
|
|
icon: Twitter,
|
|
|
|
href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter"
|
|
|
|
href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter"},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
icon: Linkedin,
|
|
|
|
icon: Linkedin,
|
|
|
|
href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn"
|
|
|
|
href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn"},
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
ariaLabel="Site footer"
|
|
|
|
ariaLabel="Site footer"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
