Merge version_2 into main #1
169
src/app/page.tsx
169
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Philosophy", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="LuminaSkin"
|
||||
/>
|
||||
@@ -56,60 +46,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pure Radiance, Naturally Derived"
|
||||
description="Discover the art of clean beauty with our hand-crafted, botanical formulas designed to nourish your skin's natural glow."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-949.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-949.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-serious-brown-haired-woman-yellow-shirt-lying-hand-thoughtfully-looking-camera-with-green-leaves-around-city-park_574295-1129.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-serious-brown-haired-woman-yellow-shirt-lying-hand-thoughtfully-looking-camera-with-green-leaves-around-city-park_574295-1129.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-thinking-girl-kitchen-wearing-bathrobe-steeple-fingers-looking-aside-thoughtful_1258-193226.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-thinking-girl-kitchen-wearing-bathrobe-steeple-fingers-looking-aside-thoughtful_1258-193226.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000+ radiant customers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Our Collection", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
type: "text", text: "Cruelty-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
type: "text", text: "Organic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Tested",
|
||||
},
|
||||
type: "text", text: "Dermatologist Tested"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
type: "text", text: "Sustainable Packaging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,10 +86,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Clean Ingredients, Real Results"
|
||||
description={[
|
||||
"We believe in the power of nature to restore and rejuvenate. Our formulas are created without harsh synthetic chemicals, parabens, or sulfates.",
|
||||
"Every product is crafted in small batches to ensure maximum potency and freshness, delivering the best of botanical science directly to your vanity.",
|
||||
"Transparency is our core. We source ethically and consciously to ensure that beauty never compromises the planet.",
|
||||
]}
|
||||
"We believe in the power of nature to restore and rejuvenate. Our formulas are created without harsh synthetic chemicals, parabens, or sulfates.", "Every product is crafted in small batches to ensure maximum potency and freshness, delivering the best of botanical science directly to your vanity.", "Transparency is our core. We source ethically and consciously to ensure that beauty never compromises the planet."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Botanical Vitality Serum",
|
||||
price: "$58.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-arrangement_23-2149013541.jpg",
|
||||
},
|
||||
id: "p1", name: "Botanical Vitality Serum", price: "$58.00", imageSrc: "http://img.b2bpic.net/free-photo/cbd-oil-dropper-arrangement_23-2149013541.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Calm Chamomile Cleanser",
|
||||
price: "$34.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-foundation-presentation_52683-88073.jpg",
|
||||
},
|
||||
id: "p2", name: "Calm Chamomile Cleanser", price: "$34.00", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-foundation-presentation_52683-88073.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rosehip Radiance Toner",
|
||||
price: "$28.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-wooden-bottle_23-2149353109.jpg",
|
||||
},
|
||||
id: "p3", name: "Rosehip Radiance Toner", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-wooden-bottle_23-2149353109.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Nourishing Night Cream",
|
||||
price: "$62.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-with-green-background_23-2149249529.jpg",
|
||||
},
|
||||
id: "p4", name: "Nourishing Night Cream", price: "$62.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-with-green-background_23-2149249529.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hydrating Face Oil",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-pump-head-bottle_53876-105839.jpg",
|
||||
},
|
||||
id: "p5", name: "Hydrating Face Oil", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-pump-head-bottle_53876-105839.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Brightening Eye Balm",
|
||||
price: "$39.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg",
|
||||
},
|
||||
id: "p6", name: "Brightening Eye Balm", price: "$39.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Explore our signature collection, carefully formulated for every skin type to reveal your healthiest complexion."
|
||||
@@ -181,45 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Glowing Results",
|
||||
quote: "My skin has never felt this hydrated and soft! Truly amazing.",
|
||||
name: "Sarah J.",
|
||||
role: "Graphic Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-949.jpg",
|
||||
},
|
||||
id: "1", title: "Incredible Glow", quote: "My skin's texture improved within weeks. The serum is a total game-changer!", name: "Elena V.", role: "Skincare Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-949.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Game Changer",
|
||||
quote: "Finally, a clean line that actually delivers on its promises.",
|
||||
name: "Michael Chen",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-brown-haired-woman-yellow-shirt-lying-hand-thoughtfully-looking-camera-with-green-leaves-around-city-park_574295-1129.jpg",
|
||||
},
|
||||
id: "2", title: "Gentle Perfection", quote: "Finally found a cleanser that doesn't strip my moisture barrier. So refreshing.", name: "Marcus W.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-brown-haired-woman-yellow-shirt-lying-hand-thoughtfully-looking-camera-with-green-leaves-around-city-park_574295-1129.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "So Natural!",
|
||||
quote: "I love that I can read all the ingredients on the bottle. My routine is simplified now.",
|
||||
name: "Emily R.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg",
|
||||
},
|
||||
id: "3", title: "Nature's Best", quote: "Love the clean ingredient profile. My face feels incredibly soft every morning.", name: "Sophie T.", role: "Yoga Instructor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Radiant Complexion",
|
||||
quote: "The serum changed my life. My complexion is noticeably brighter.",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-thinking-girl-kitchen-wearing-bathrobe-steeple-fingers-looking-aside-thoughtful_1258-193226.jpg",
|
||||
},
|
||||
id: "4", title: "Visible Clarity", quote: "My dark spots have faded significantly since using the botanical toner.", name: "Julian B.", role: "Design Consultant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-thinking-girl-kitchen-wearing-bathrobe-steeple-fingers-looking-aside-thoughtful_1258-193226.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Gentle & Effective",
|
||||
quote: "As someone with sensitive skin, this line is an absolute godsend.",
|
||||
name: "Alice M.",
|
||||
role: "Researcher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg",
|
||||
},
|
||||
id: "5", title: "Pure Radiance", quote: "Feels like a spa day every time I apply the night cream. Truly nourishing.", name: "Chloe S.", role: "Wellness Coach", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg"},
|
||||
]}
|
||||
title="Loved by Your Skin"
|
||||
description="Hear from our community of beauty enthusiasts who have found their skin's true match."
|
||||
@@ -232,25 +142,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Yes, we are 100% committed to ethical beauty and never test on animals.",
|
||||
},
|
||||
id: "q1", title: "What is the best routine for combination skin?", content: "For combination skin, focus on balancing moisture. Our Chamomile Cleanser followed by the Vitality Serum is perfect for hydration without greasiness."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "We ship to most major regions. Check your address at checkout.",
|
||||
},
|
||||
id: "q2", title: "How often should I use the night cream?", content: "We recommend applying it nightly as the last step in your routine to seal in hydration and support overnight rejuvenation."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are these safe for sensitive skin?",
|
||||
content: "Our formulas are dermatologist-tested to be gentle, though we recommend patch testing first.",
|
||||
},
|
||||
id: "q3", title: "Are your products vegan and fragrance-free?", content: "All our products are 100% vegan. We prioritize natural scents from botanical extracts without using harsh synthetic fragrances."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-succulent-plant-with-water-droplets_23-2148791190.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Get answers to common questions about our ingredients, sourcing, and application tips."
|
||||
title="Skincare Simplified"
|
||||
description="Get answers to common questions about our ingredients, sourcing, and application tips for the perfect skincare journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -264,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user