Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,70 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumina Beauty"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Reveal Your Natural Glow"
|
||||
description="Discover our collection of premium, sustainably sourced cosmetics designed to highlight your authentic beauty. Sophisticated care for every skin type."
|
||||
tag="New Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amused-gorgeous-girlfriend-surprised-amazing-stunning-brilliant-gift-hold-hand-cheeks-blushing-look_1258-229721.jpg",
|
||||
imageAlt: "elegant cosmetic banner beauty",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foam-texture_23-2147927737.jpg",
|
||||
imageAlt: "luxury makeup set on silk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-vase-wrapped-with-pink-paper-pink-wall_333098-43.jpg",
|
||||
imageAlt: "perfume bottle soft lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-flowers-face_23-2148442517.jpg",
|
||||
imageAlt: "skincare routine flatlay beige",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-feeling-color-lover-couple-happiness_140725-108993.jpg",
|
||||
imageAlt: "serum dropper glass bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tweezers-makeup-brush-mascara-brush-isolated-beige-background_23-2148074011.jpg",
|
||||
imageAlt: "makeup brush set beige background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amused-gorgeous-girlfriend-surprised-amazing-stunning-brilliant-gift-hold-hand-cheeks-blushing-look_1258-229721.jpg", imageAlt: "elegant cosmetic banner beauty" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/foam-texture_23-2147927737.jpg", imageAlt: "luxury makeup set on silk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-vase-wrapped-with-pink-paper-pink-wall_333098-43.jpg", imageAlt: "perfume bottle soft lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-flowers-face_23-2148442517.jpg", imageAlt: "skincare routine flatlay beige" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-feeling-color-lover-couple-happiness_140725-108993.jpg", imageAlt: "serum dropper glass bottle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tweezers-makeup-brush-mascara-brush-isolated-beige-background_23-2148074011.jpg", imageAlt: "makeup brush set beige background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,8 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Radiance"
|
||||
description={[
|
||||
"Our shop is categorized into three luxury pillars: Skincare for deep nourishment, Makeup for everyday artistry, and Perfumes for signature experiences.",
|
||||
"We believe in high-quality, cruelty-free ingredients that respect both your skin and the environment.",
|
||||
"Our shop is categorized into three luxury pillars: Skincare for deep nourishment, Makeup for everyday artistry, and Perfumes for signature experiences.", "We believe in high-quality, cruelty-free ingredients that respect both your skin and the environment."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,42 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Radiant Moisturizer",
|
||||
price: "$48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ivory-acrylic-painting-texture-background_53876-96896.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Matte Lipstick",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-assortment_23-2148978141.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Bloom Eau",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-blue-bottle_23-2149353108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hydrating Night Serum",
|
||||
price: "$62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147816998.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Perfect Cover Concealer",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eyeshadows-applicator_23-2147784004.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Botanical Face Mask",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Radiant Moisturizer", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/ivory-acrylic-painting-texture-background_53876-96896.jpg" },
|
||||
{ id: "p2", name: "Velvet Matte Lipstick", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-assortment_23-2148978141.jpg" },
|
||||
{ id: "p3", name: "Signature Bloom Eau", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-blue-bottle_23-2149353108.jpg" },
|
||||
{ id: "p4", name: "Hydrating Night Serum", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147816998.jpg" },
|
||||
{ id: "p5", name: "Perfect Cover Concealer", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/eyeshadows-applicator_23-2147784004.jpg" },
|
||||
{ id: "p6", name: "Botanical Face Mask", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg" }
|
||||
]}
|
||||
title="Featured Beauty"
|
||||
description="Hand-picked favorites to elevate your daily routine."
|
||||
@@ -161,24 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Natural Ingredients",
|
||||
description: "Sourced from sustainable botanicals for pure performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-copyspace_23-2147793369.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cruelty-Free",
|
||||
description: "Never tested on animals, always made with love.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-plate-against-blue-pink-background_23-2148084309.jpg",
|
||||
},
|
||||
{
|
||||
title: "Clinical Efficacy",
|
||||
description: "Dermatologically tested for safe, visible results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-applying-cream-bathroom_23-2148161296.jpg",
|
||||
},
|
||||
{ title: "Natural Ingredients", description: "Sourced from sustainable botanicals for pure performance.", imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-copyspace_23-2147793369.jpg" },
|
||||
{ title: "Cruelty-Free", description: "Never tested on animals, always made with love.", imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-plate-against-blue-pink-background_23-2148084309.jpg" },
|
||||
{ title: "Clinical Efficacy", description: "Dermatologically tested for safe, visible results.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-applying-cream-bathroom_23-2148161296.jpg" }
|
||||
]}
|
||||
title="The Lumina Promise"
|
||||
description="Clean, ethical, and effective beauty solutions."
|
||||
@@ -190,13 +108,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Cosmopolitan",
|
||||
"Allure",
|
||||
"Elle",
|
||||
"Glamour",
|
||||
"Vanity Fair",
|
||||
"Vogue", "Harper's Bazaar", "Cosmopolitan", "Allure", "Elle", "Glamour", "Vanity Fair"
|
||||
]}
|
||||
title="As Featured In"
|
||||
description="Trusted by leading lifestyle and fashion publications."
|
||||
@@ -209,41 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Makeup Artist",
|
||||
testimonial: "The quality is unmatched. My skin feels healthier than ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-girl-headphones-listening-music-emotions-concept_169016-65380.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Lifestyle Blogger",
|
||||
testimonial: "Lumina products have become a staple in my daily routine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica M.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Truly elegant products that deliver on every promise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe T.",
|
||||
role: "Digital Editor",
|
||||
testimonial: "The scents are incredible and the packaging is stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021858.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya S.",
|
||||
role: "Beauty Enthusiast",
|
||||
testimonial: "I love how sustainable the ingredients are.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705491.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", role: "Makeup Artist", testimonial: "The quality is unmatched. My skin feels healthier than ever.", imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-girl-headphones-listening-music-emotions-concept_169016-65380.jpg" },
|
||||
{ id: "2", name: "Sarah K.", role: "Lifestyle Blogger", testimonial: "Lumina products have become a staple in my daily routine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" },
|
||||
{ id: "3", name: "Jessica M.", role: "Creative Director", testimonial: "Truly elegant products that deliver on every promise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg" },
|
||||
{ id: "4", name: "Chloe T.", role: "Digital Editor", testimonial: "The scents are incredible and the packaging is stunning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021858.jpg" },
|
||||
{ id: "5", name: "Maya S.", role: "Beauty Enthusiast", testimonial: "I love how sustainable the ingredients are.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705491.jpg" }
|
||||
]}
|
||||
title="Loved By You"
|
||||
description="Hear what our beauty community says."
|
||||
@@ -255,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are products vegan?",
|
||||
content: "Yes, all our formulas are 100% vegan.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is shipping calculated?",
|
||||
content: "We offer free shipping on orders over $50.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return products?",
|
||||
content: "We accept returns within 30 days of purchase.",
|
||||
},
|
||||
{ id: "f1", title: "Are products vegan?", content: "Yes, all our formulas are 100% vegan." },
|
||||
{ id: "f2", title: "How is shipping calculated?", content: "We offer free shipping on orders over $50." },
|
||||
{ id: "f3", title: "Can I return products?", content: "We accept returns within 30 days of purchase." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Beauty Questions?"
|
||||
@@ -283,33 +153,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Join our newsletter for exclusive beauty tips and early access to new product launches."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Subscribe", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user