bender/93b2f415-34a8-4467-84ed-543bfee4351e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 18:46:12 +00:00
parent 9a636265c4
commit 80c2906188
1 changed files with 42 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Our Story",
id: "about",
},
name: "Our Story", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="LuxeLather"
/>
@@ -59,65 +49,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="Nature's Best for Your Hair"
description="Experience the ultimate care with our premium, salon-quality shampoos crafted from the purest natural ingredients."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait_23-2151989156.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait_23-2151989156.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/woman-japanese-hairdressers-getting-her-hair-done_23-2149395767.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/woman-japanese-hairdressers-getting-her-hair-done_23-2149395767.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/elegant-sleek-ponytail_23-2152001452.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/elegant-sleek-ponytail_23-2152001452.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-white_549566-485.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-white_549566-485.jpg", alt: "Customer"},
]}
avatarText="Loved by 10,000+ happy customers"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Cruelty-Free",
},
type: "text", text: "Cruelty-Free"},
{
type: "text",
text: "Organic Ingredients",
},
type: "text", text: "Organic Ingredients"},
{
type: "text",
text: "Sulfate-Free",
},
type: "text", text: "Sulfate-Free"},
{
type: "text",
text: "Vegan Certified",
},
type: "text", text: "Vegan Certified"},
{
type: "text",
text: "Sustainable Packaging",
},
type: "text", text: "Sustainable Packaging"},
]}
/>
</div>
@@ -127,14 +92,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Pure Ingredients, Real Results"
description={[
"We believe nature has all the answers to healthy hair. That is why our formulas are free from sulfates, parabens, and synthetic chemicals.",
"Every bottle is designed to nourish your roots and bring out your natural shine, making every day feel like a salon day.",
]}
"We believe nature has all the answers to healthy hair. That is why our formulas are free from sulfates, parabens, and synthetic chemicals.", "Every bottle is designed to nourish your roots and bring out your natural shine, making every day feel like a salon day."]}
buttons={[
{
text: "Read Our Story",
href: "#about",
},
text: "Read Our Story", href: "#about"},
]}
/>
</div>
@@ -147,26 +108,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Natural Extracts",
description: "Infused with pure botanical extracts to heal and nourish from root to tip.",
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028610.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/dried-flowers-rosehips-cinnamon-wooden-piece_114579-84740.jpg",
buttonText: "Discover",
},
title: "Natural Extracts", description: "Infused with pure botanical extracts to heal and nourish from root to tip.", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028610.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/dried-flowers-rosehips-cinnamon-wooden-piece_114579-84740.jpg", buttonText: "Discover"},
{
title: "Deep Hydration",
description: "Locks in moisture to eliminate frizz and keep your hair soft all day long.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108839.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg",
buttonText: "Explore",
},
title: "Deep Hydration", description: "Locks in moisture to eliminate frizz and keep your hair soft all day long.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108839.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg", buttonText: "Explore"},
{
title: "Root Strengthening",
description: "Our active formulas strengthen the hair fiber to prevent breakage and hair loss.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-lights_23-2148253588.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762333.jpg",
buttonText: "Learn More",
},
title: "Root Strengthening", description: "Our active formulas strengthen the hair fiber to prevent breakage and hair loss.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-lights_23-2148253588.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762333.jpg", buttonText: "Learn More"},
]}
title="Why Choose LuxeLather?"
description="Discover the unique benefits of our specialized formulas that deliver professional results at home."
@@ -181,41 +127,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Volumizing Shampoo",
price: "$29.00",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420696.jpg",
},
id: "p1", name: "Volumizing Shampoo", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420696.jpg"},
{
id: "p2",
name: "Hydrating Spa Wash",
price: "$32.00",
imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-swabs-near-cosmetics-bottle_23-2147787969.jpg",
},
id: "p2", name: "Hydrating Spa Wash", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-swabs-near-cosmetics-bottle_23-2147787969.jpg"},
{
id: "p3",
name: "Keratin Repair Pro",
price: "$38.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589256.jpg",
},
id: "p3", name: "Keratin Repair Pro", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589256.jpg"},
{
id: "p4",
name: "Scalp Detoxify",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-feminine-ginger-woman-with-long-hair-reclines-mirror-table-with-bottle-lotion_171337-949.jpg",
},
id: "p4", name: "Scalp Detoxify", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-feminine-ginger-woman-with-long-hair-reclines-mirror-table-with-bottle-lotion_171337-949.jpg"},
{
id: "p5",
name: "Color Protection",
price: "$30.00",
imageSrc: "http://img.b2bpic.net/free-photo/three-canteen_1203-887.jpg",
},
id: "p5", name: "Color Protection", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/three-canteen_1203-887.jpg"},
{
id: "p6",
name: "Organic Shine",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-ingredients-arrangement_23-2148899382.jpg",
},
id: "p6", name: "Organic Shine", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-ingredients-arrangement_23-2148899382.jpg"},
]}
title="Our Collection"
description="Find the perfect solution for your specific hair type and needs."
@@ -227,14 +149,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"Harper's Bazaar",
"Allure",
"Cosmopolitan",
"Marie Claire",
"Glamour",
"Elle",
]}
"Vogue", "Harper's Bazaar", "Allure", "Cosmopolitan", "Marie Claire", "Glamour", "Elle"]}
title="Featured In"
description="Trusted by leading beauty authorities worldwide for quality and efficacy."
/>
@@ -245,30 +160,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Emily D.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
},
id: "t1", name: "Emily D.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
{
id: "t2",
name: "Sarah L.",
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg",
},
id: "t2", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg"},
{
id: "t3",
name: "Michael B.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-flowers-hair-looking-away_23-2147781222.jpg",
},
id: "t3", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-flowers-hair-looking-away_23-2147781222.jpg"},
{
id: "t4",
name: "Rachel K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021824.jpg",
},
id: "t4", name: "Rachel K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021824.jpg"},
{
id: "t5",
name: "Jessica W.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-white_549566-485.jpg",
},
id: "t5", name: "Jessica W.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-white_549566-485.jpg"},
]}
cardTitle="What People Say"
cardTag="Reviews"
@@ -282,20 +182,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are products vegan?",
content: "Yes, all our products are 100% vegan and cruelty-free.",
},
id: "f1", title: "Are products vegan?", content: "Yes, all our products are 100% vegan and cruelty-free."},
{
id: "f2",
title: "Do you ship worldwide?",
content: "We offer global shipping options to ensure everyone gets high-quality hair care.",
},
id: "f2", title: "Do you ship worldwide?", content: "We offer global shipping options to ensure everyone gets high-quality hair care."},
{
id: "f3",
title: "Can I return unused products?",
content: "Yes, returns are accepted within 30 days of purchase for unused products.",
},
id: "f3", title: "Can I return unused products?", content: "Yes, returns are accepted within 30 days of purchase for unused products."},
]}
imageSrc="http://img.b2bpic.net/free-photo/men-women-hospital-gowns-study-nurse-with-test-tubes_1157-41699.jpg"
mediaAnimation="slide-up"
@@ -309,14 +200,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready for healthier, happier hair? Get in touch with our team today for personalized recommendations."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Get Your Personalized Routine", href: "#"},
]}
/>
</div>
@@ -325,13 +213,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="LuxeLather"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>