Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Skincare",
|
||||
id: "#skincare",
|
||||
},
|
||||
{
|
||||
name: "Makeup",
|
||||
id: "#makeup",
|
||||
},
|
||||
{
|
||||
name: "Best Sellers",
|
||||
id: "#best-sellers",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{ name: "Skincare", id: "#skincare" },
|
||||
{ name: "Makeup", id: "#makeup" },
|
||||
{ name: "Best Sellers", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
]}
|
||||
brandName="ÉLANORA BEAUTY"
|
||||
/>
|
||||
@@ -58,103 +46,33 @@ export default function LandingPage() {
|
||||
title="Let Your Timeless Beauty Bloom"
|
||||
description="Experience the pinnacle of natural luxury with Élanora Beauty. Vegan, cruelty-free, and refined for your daily ritual."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sophia L.",
|
||||
handle: "@sophial",
|
||||
testimonial: "The best serum I have ever used. My skin feels brand new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare 3d render",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elenam",
|
||||
testimonial: "Exquisite quality and beautiful packaging. Truly luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare 3d render",
|
||||
},
|
||||
{
|
||||
name: "Isabella K.",
|
||||
handle: "@isabella",
|
||||
testimonial: "My daily routine has never felt so premium. Simply glowing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare 3d render",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@mrcs",
|
||||
testimonial: "A transformative experience for my skin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare 3d render",
|
||||
},
|
||||
{
|
||||
name: "Julia T.",
|
||||
handle: "@juliat",
|
||||
testimonial: "Truly worth the investment for the quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare 3d render",
|
||||
},
|
||||
{ name: "Sophia L.", handle: "@sophial", testimonial: "The best serum I have ever used. My skin feels brand new.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg", imageAlt: "luxury skincare 3d render" },
|
||||
{ name: "Elena M.", handle: "@elenam", testimonial: "Exquisite quality and beautiful packaging. Truly luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg", imageAlt: "luxury skincare 3d render" },
|
||||
{ name: "Isabella K.", handle: "@isabella", testimonial: "My daily routine has never felt so premium. Simply glowing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg", imageAlt: "luxury skincare 3d render" },
|
||||
{ name: "Marcus R.", handle: "@mrcs", testimonial: "A transformative experience for my skin.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg", imageAlt: "luxury skincare 3d render" },
|
||||
{ name: "Julia T.", handle: "@juliat", testimonial: "Truly worth the investment for the quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg", imageAlt: "luxury skincare 3d render" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Best Sellers",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Explore Best Sellers", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466382.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149403019.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-999.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149402986.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466382.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466377.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149403019.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-999.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149402986.jpg", alt: "Portrait 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skincare" data-section="skincare">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hydration Lock",
|
||||
description: "24-hour moisture for a supple, dewy finish.",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Radiance Complex",
|
||||
description: "Brightens and evens skin tone naturally.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Recovery Blend",
|
||||
description: "Soothes and repairs overnight.",
|
||||
icon: Moon,
|
||||
},
|
||||
{ title: "Hydration Lock", description: "24-hour moisture for a supple, dewy finish.", icon: Droplets },
|
||||
{ title: "Radiance Complex", description: "Brightens and evens skin tone naturally.", icon: Sparkles },
|
||||
{ title: "Recovery Blend", description: "Soothes and repairs overnight.", icon: Moon },
|
||||
]}
|
||||
title="Skincare Essentials"
|
||||
description="Formulated with the finest botanical extracts to restore your natural radiance."
|
||||
@@ -168,42 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Velvet Glow Cushion",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rose Petal Lip Tint",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Silk Repair Serum",
|
||||
price: "$34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hydrating Body Butter",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vitamin C Radiance",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-waste-glass-metal-container_107420-74295.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Brush Set",
|
||||
price: "$58",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-holding-cosmetic-brushes_23-2148113083.jpg",
|
||||
},
|
||||
{ id: "1", name: "Velvet Glow Cushion", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg" },
|
||||
{ id: "2", name: "Rose Petal Lip Tint", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg" },
|
||||
{ id: "3", name: "Silk Repair Serum", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg" },
|
||||
{ id: "4", name: "Hydrating Body Butter", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg" },
|
||||
{ id: "5", name: "Vitamin C Radiance", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/close-up-waste-glass-metal-container_107420-74295.jpg" },
|
||||
{ id: "6", name: "Brush Set", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-holding-cosmetic-brushes_23-2148113083.jpg" },
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Discover our signature range of luxury beauty essentials."
|
||||
@@ -217,24 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Velvet Foundation",
|
||||
role: "Full Coverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-foundation-shades_23-2149511228.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Lip Tint",
|
||||
role: "Natural Flush",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-pink-lipsticks_23-2148978150.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Brush Set",
|
||||
role: "Pro Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-make-up-brushes_23-2148210685.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Velvet Foundation", role: "Full Coverage", imageSrc: "http://img.b2bpic.net/free-photo/different-foundation-shades_23-2149511228.jpg" },
|
||||
{ id: "m2", name: "Lip Tint", role: "Natural Flush", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-pink-lipsticks_23-2148978150.jpg" },
|
||||
{ id: "m3", name: "Brush Set", role: "Pro Tools", imageSrc: "http://img.b2bpic.net/free-photo/top-view-make-up-brushes_23-2148210685.jpg" },
|
||||
]}
|
||||
title="Makeup Showcase"
|
||||
description="Editorial-grade cosmetics for a refined, modern look."
|
||||
@@ -246,61 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
date: "Oct 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "The glow is unbelievable.",
|
||||
tag: "Radiance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466376.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg?_wi=3",
|
||||
imageAlt: "glowing skin portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya",
|
||||
date: "Sep 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Truly feels like a spa.",
|
||||
tag: "Hydration",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466381.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg?_wi=3",
|
||||
imageAlt: "glowing skin portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe",
|
||||
date: "Aug 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Best makeup I've ever worn.",
|
||||
tag: "Makeup",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466378.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg?_wi=3",
|
||||
imageAlt: "glowing skin portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jenny",
|
||||
date: "Jul 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Premium quality indeed.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portait-beautiful-woman_23-2148357658.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg?_wi=3",
|
||||
imageAlt: "glowing skin portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa",
|
||||
date: "Jun 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Will buy again soon.",
|
||||
tag: "Essentials",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179492.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg?_wi=3",
|
||||
imageAlt: "glowing skin portrait",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", date: "Oct 2023", title: "Verified Buyer", quote: "The glow is unbelievable.", tag: "Radiance", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466376.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466345.jpg" },
|
||||
{ id: "t2", name: "Maya", date: "Sep 2023", title: "Verified Buyer", quote: "Truly feels like a spa.", tag: "Hydration", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260913.jpg" },
|
||||
{ id: "t3", name: "Chloe", date: "Aug 2023", title: "Verified Buyer", quote: "Best makeup I've ever worn.", tag: "Makeup", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466378.jpg", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246436.jpg" },
|
||||
{ id: "t4", name: "Jenny", date: "Jul 2023", title: "Verified Buyer", quote: "Premium quality indeed.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portait-beautiful-woman_23-2148357658.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg" },
|
||||
{ id: "t5", name: "Lisa", date: "Jun 2023", title: "Verified Buyer", quote: "Will buy again soon.", tag: "Essentials", avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-assortment_23-2148963289.jpg" },
|
||||
]}
|
||||
title="Loved by You"
|
||||
description="Stories from our refined community."
|
||||
@@ -313,21 +136,9 @@ export default function LandingPage() {
|
||||
title="Beauty in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "n1",
|
||||
value: "15k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
value: "50+",
|
||||
description: "Vegan Products",
|
||||
},
|
||||
{
|
||||
id: "n3",
|
||||
value: "100%",
|
||||
description: "Cruelty-Free",
|
||||
},
|
||||
{ id: "n1", value: "15k+", description: "Happy Clients" },
|
||||
{ id: "n2", value: "50+", description: "Vegan Products" },
|
||||
{ id: "n3", value: "100%", description: "Cruelty-Free" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -338,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you cruelty-free?",
|
||||
content: "Yes, always.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "USA only at this time.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are products vegan?",
|
||||
content: "Entirely plant-based.",
|
||||
},
|
||||
{ id: "q1", title: "Are you cruelty-free?", content: "Yes, always." },
|
||||
{ id: "q2", title: "Do you ship internationally?", content: "USA only at this time." },
|
||||
{ id: "q3", title: "Are products vegan?", content: "Entirely plant-based." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your beauty queries."
|
||||
@@ -363,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Join the Elite"
|
||||
description="Subscribe for early access to new drops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407611.jpg"
|
||||
@@ -377,14 +174,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ÉLANORA BEAUTY"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user