Merge version_1 into main #1
185
src/app/page.tsx
185
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Skincare",
|
||||
id: "#skincare",
|
||||
},
|
||||
name: "Skincare", id: "#skincare"},
|
||||
{
|
||||
name: "Makeup",
|
||||
id: "#makeup",
|
||||
},
|
||||
name: "Makeup", id: "#makeup"},
|
||||
{
|
||||
name: "Wellness",
|
||||
id: "#wellness",
|
||||
},
|
||||
name: "Wellness", id: "#wellness"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
]}
|
||||
brandName="ÉLANORA"
|
||||
/>
|
||||
@@ -56,8 +48,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Let Your Timeless Beauty Bloom"
|
||||
description="Discover ÉLANORA's curated collection of vegan, cruelty-free luxury skincare and cosmetics. Naturally refined beauty, elegantly crafted."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-pastel-beautiful-peach-pink-color-sky-warm-tone-background-design-as-bannerslide-show-others_1258-101646.jpg"
|
||||
@@ -72,19 +63,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethically Sourced", value: "100%"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Cruelty-Free",
|
||||
value: "Certified",
|
||||
},
|
||||
label: "Cruelty-Free", value: "Certified"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Vegan Ingredients",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Vegan Ingredients", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,30 +77,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Vegan Formula",
|
||||
subtitle: "Plant-based goodness.",
|
||||
category: "Ingredients",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f1", title: "Vegan Formula", subtitle: "Plant-based goodness.", category: "Ingredients", value: "100%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Sustainable Packaging",
|
||||
subtitle: "Eco-conscious design.",
|
||||
category: "Values",
|
||||
value: "Green",
|
||||
},
|
||||
id: "f2", title: "Sustainable Packaging", subtitle: "Eco-conscious design.", category: "Values", value: "Green"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Luxury Quality",
|
||||
subtitle: "Premium efficacy.",
|
||||
category: "Experience",
|
||||
value: "Gold",
|
||||
},
|
||||
id: "f3", title: "Luxury Quality", subtitle: "Premium efficacy.", category: "Experience", value: "Gold"},
|
||||
]}
|
||||
title="Clean Beauty Standards"
|
||||
description="At ÉLANORA, we believe in the harmony of nature and science to bring you the best in beauty."
|
||||
@@ -124,46 +95,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velvet Moisturizer",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232232.jpg",
|
||||
},
|
||||
id: "p1", name: "Velvet Moisturizer", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232232.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Golden Radiance Serum",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amber-dropper-bottle-stacked-white-stones_9975-134661.jpg",
|
||||
},
|
||||
id: "p2", name: "Golden Radiance Serum", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/amber-dropper-bottle-stacked-white-stones_9975-134661.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rose Bloom Lipstick",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-lipsticks-arrangement-flat-lay_23-2148978121.jpg",
|
||||
},
|
||||
id: "p3", name: "Rose Bloom Lipstick", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/red-lipsticks-arrangement-flat-lay_23-2148978121.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pure Dew Mist",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-care-treatments_23-2149197135.jpg",
|
||||
},
|
||||
id: "p4", name: "Pure Dew Mist", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-care-treatments_23-2149197135.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Silk Satin Foundation",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736896.jpg",
|
||||
},
|
||||
id: "p5", name: "Silk Satin Foundation", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736896.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Botanical Cleansing Oil",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420727.jpg",
|
||||
},
|
||||
id: "p6", name: "Botanical Cleansing Oil", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420727.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Explore our latest curated collection for timeless beauty."
|
||||
@@ -177,40 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophia L.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Absolutely love the texture and results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2842.jpg",
|
||||
},
|
||||
id: "t1", name: "Sophia L.", role: "Creative Director", testimonial: "Absolutely love the texture and results.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2842.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Isabella M.",
|
||||
role: "Beauty Editor",
|
||||
testimonial: "The best luxury vegan products I have tried.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021873.jpg",
|
||||
},
|
||||
id: "t2", name: "Isabella M.", role: "Beauty Editor", testimonial: "The best luxury vegan products I have tried.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021873.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe B.",
|
||||
role: "Influencer",
|
||||
testimonial: "My skin has never felt this refreshed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-spending-time-spring-park_1157-37066.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe B.", role: "Influencer", testimonial: "My skin has never felt this refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-spending-time-spring-park_1157-37066.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
role: "Architect",
|
||||
testimonial: "Minimalist, chic, and genuinely effective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-juicy-portrait_23-2149400751.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena R.", role: "Architect", testimonial: "Minimalist, chic, and genuinely effective.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-juicy-portrait_23-2149400751.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maya V.",
|
||||
role: "Professional",
|
||||
testimonial: "A staple in my daily self-care ritual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350674.jpg",
|
||||
},
|
||||
id: "t5", name: "Maya V.", role: "Professional", testimonial: "A staple in my daily self-care ritual.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350674.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our community loves ÉLANORA."
|
||||
@@ -222,14 +145,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"Glamour",
|
||||
"Allure",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "ELLE", "Glamour", "Allure", "Cosmopolitan", "Marie Claire"]}
|
||||
title="As Seen In"
|
||||
description="Featured in leading editorial publications."
|
||||
/>
|
||||
@@ -240,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are products cruelty-free?",
|
||||
content: "Yes, we are 100% cruelty-free and vegan.",
|
||||
},
|
||||
id: "q1", title: "Are products cruelty-free?", content: "Yes, we are 100% cruelty-free and vegan."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Currently we focus on the USA market.",
|
||||
},
|
||||
id: "q2", title: "Do you ship internationally?", content: "Currently we focus on the USA market."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long for shipping?",
|
||||
content: "Typically 3-5 business days.",
|
||||
},
|
||||
id: "q3", title: "How long for shipping?", content: "Typically 3-5 business days."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about ÉLANORA."
|
||||
@@ -265,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Get Exclusive Updates"
|
||||
description="Sign up for early access to collections and self-care tips."
|
||||
@@ -278,42 +184,27 @@ export default function LandingPage() {
|
||||
logoText="ÉLANORA"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Skincare",
|
||||
href: "#skincare",
|
||||
},
|
||||
label: "Skincare", href: "#skincare"},
|
||||
{
|
||||
label: "Makeup",
|
||||
href: "#makeup",
|
||||
},
|
||||
label: "Makeup", href: "#makeup"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user