Merge version_2 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
/>
|
||||
@@ -54,98 +46,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Natural Beauty, Purely Delivered"
|
||||
description="Experience our curated collection of botanical skincare designed to revitalize your complexion and embrace your natural glow."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@anna_beauty",
|
||||
testimonial: "My skin has never felt more hydrated and radiant. Truly a game changer!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382903.jpg?_wi=1",
|
||||
imageAlt: "luxury skincare minimalist product shot",
|
||||
},
|
||||
name: "Anna S.", handle: "@anna_beauty", testimonial: "My skin has never felt more hydrated and radiant. Truly a game changer!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382903.jpg?_wi=1", imageAlt: "luxury skincare minimalist product shot"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@marcus_skin",
|
||||
testimonial: "High-quality ingredients that actually make a visible difference in just one week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1797.jpg?_wi=1",
|
||||
imageAlt: "natural skincare ingredients aesthetic",
|
||||
},
|
||||
name: "Marcus L.", handle: "@marcus_skin", testimonial: "High-quality ingredients that actually make a visible difference in just one week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1797.jpg?_wi=1", imageAlt: "natural skincare ingredients aesthetic"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena_glow",
|
||||
testimonial: "Finally found a brand that respects my sensitive skin. I'm obsessed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg?_wi=1",
|
||||
imageAlt: "face serum bottle product photography",
|
||||
},
|
||||
name: "Elena P.", handle: "@elena_glow", testimonial: "Finally found a brand that respects my sensitive skin. I'm obsessed!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg?_wi=1", imageAlt: "face serum bottle product photography"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_cares",
|
||||
testimonial: "Sophisticated, effective, and clean. Everything I look for in skincare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-steel-tin-isolated-with-copy-space_1194-639087.jpg?_wi=1",
|
||||
imageAlt: "moisturizer jar luxury skincare",
|
||||
},
|
||||
name: "David W.", handle: "@david_cares", testimonial: "Sophisticated, effective, and clean. Everything I look for in skincare.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-steel-tin-isolated-with-copy-space_1194-639087.jpg?_wi=1", imageAlt: "moisturizer jar luxury skincare"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_skincare",
|
||||
testimonial: "Lumina Skincare is my absolute daily staple. Cannot recommend enough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg?_wi=1",
|
||||
imageAlt: "vitamin c serum glass dropper",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah_skincare", testimonial: "Lumina Skincare is my absolute daily staple. Cannot recommend enough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg?_wi=1", imageAlt: "vitamin c serum glass dropper"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382903.jpg?_wi=2"
|
||||
imageAlt="Luxury skincare collection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gentle-beauty-model-applying-face-cream-camera-posing-skincare-routine-campaign-bamboo-trees-young-glamorous-woman-with-natural-bare-skin-using-moisturizer-cosmetics_482257-62836.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gentle-beauty-model-applying-face-cream-camera-posing-skincare-routine-campaign-bamboo-trees-young-glamorous-woman-with-natural-bare-skin-using-moisturizer-cosmetics_482257-62836.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916317.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916317.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/submerged-beauty_23-2151939056.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/submerged-beauty_23-2151939056.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ happy customers"
|
||||
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: "Visible Results",
|
||||
},
|
||||
type: "text", text: "Visible Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,59 +118,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Lumina",
|
||||
name: "Radiance Serum",
|
||||
price: "$85.00",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Lumina", name: "Radiance Serum", price: "$85.00", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016617.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Lumina",
|
||||
name: "Night Renewal Cream",
|
||||
price: "$92.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-steel-tin-isolated-with-copy-space_1194-639087.jpg?_wi=2",
|
||||
},
|
||||
id: "2", brand: "Lumina", name: "Night Renewal Cream", price: "$92.00", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/blank-steel-tin-isolated-with-copy-space_1194-639087.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Lumina",
|
||||
name: "Vitamin C Booster",
|
||||
price: "$78.00",
|
||||
rating: 4,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg?_wi=2",
|
||||
},
|
||||
id: "3", brand: "Lumina", name: "Vitamin C Booster", price: "$78.00", rating: 4,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Lumina",
|
||||
name: "Gentle Foam Cleanser",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919857.jpg",
|
||||
},
|
||||
id: "4", brand: "Lumina", name: "Gentle Foam Cleanser", price: "$45.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919857.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Lumina",
|
||||
name: "Face Glow Oil",
|
||||
price: "$65.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg",
|
||||
},
|
||||
id: "5", brand: "Lumina", name: "Face Glow Oil", price: "$65.00", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Lumina",
|
||||
name: "Intense Hydrating Mask",
|
||||
price: "$55.00",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669139.jpg",
|
||||
},
|
||||
id: "6", brand: "Lumina", name: "Intense Hydrating Mask", price: "$55.00", rating: 4,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669139.jpg"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Discover our latest botanical formulas designed for daily renewal."
|
||||
@@ -236,33 +146,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gentle-beauty-model-applying-face-cream-camera-posing-skincare-routine-campaign-bamboo-trees-young-glamorous-woman-with-natural-bare-skin-using-moisturizer-cosmetics_482257-62836.jpg",
|
||||
},
|
||||
id: "1", name: "Anna S.: Absolutely life-changing results! My skin feels incredibly soft.", imageSrc: "http://img.b2bpic.net/free-photo/gentle-beauty-model-applying-face-cream-camera-posing-skincare-routine-campaign-bamboo-trees-young-glamorous-woman-with-natural-bare-skin-using-moisturizer-cosmetics_482257-62836.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916317.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus L.: The best serum I've used. Visible glow within days.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916317.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/submerged-beauty_23-2151939056.jpg",
|
||||
},
|
||||
id: "3", name: "Elena P.: Finally, clean skincare that actually works for sensitive skin.", imageSrc: "http://img.b2bpic.net/free-photo/submerged-beauty_23-2151939056.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg",
|
||||
},
|
||||
id: "4", name: "David W.: High quality, luxury feel at a great price point.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah J.: My go-to brand for daily skin nourishment. Simply amazing!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
cardTag="Testimonials"
|
||||
cardTag="Customer Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -273,33 +168,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Yes, all our formulations are 100% cruelty-free and vegan.",
|
||||
},
|
||||
id: "f1", title: "Are your serums suitable for sensitive skin?", content: "Yes! Our botanical formulas are dermatologist-tested and specifically designed to be gentle and soothing for sensitive skin types."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free shipping on all orders over $75 within the US.",
|
||||
},
|
||||
id: "f2", title: "How often should I use the exfoliant?", content: "For best results, we recommend using our gentle exfoliant 2-3 times per week as part of your evening skincare routine."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return a product?",
|
||||
content: "We offer a 30-day money-back guarantee on all unopened items.",
|
||||
},
|
||||
id: "f3", title: "Can I layer your products?", content: "Absolutely. Our products are formulated to work synergistically. We recommend applying the lighter serums first, followed by heavier creams."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How long until I see results?",
|
||||
content: "Most of our customers notice a visible improvement within 2-4 weeks of consistent use.",
|
||||
},
|
||||
id: "f4", title: "Are your products natural/organic?", content: "We source high-quality organic botanical ingredients and avoid harsh synthetics, parabens, and sulfates in all our products."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are these safe for sensitive skin?",
|
||||
content: "Our formulas are dermatologist-tested to be gentle on all skin types.",
|
||||
},
|
||||
id: "f5", title: "Do you test on animals?", content: "Never. We are proudly 100% cruelty-free and vegan, and our products are never tested on animals."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to our most common customer questions."
|
||||
title="Skincare FAQ"
|
||||
description="Everything you need to know about our products and ingredients."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -310,56 +190,38 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ingredients", href: "#about"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#faq"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Track Order", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Contact Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Lumina"
|
||||
logoText="Lumina Skincare"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user