Merge version_1 into main #2
159
src/app/page.tsx
159
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Discover our carefully curated collection of premium skincare and beauty essentials, designed to make you glow every single day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg?_wi=1",
|
||||
imageAlt: "Hero slide 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg", imageAlt: "Hero slide 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307296.jpg",
|
||||
imageAlt: "Hero slide 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307296.jpg", imageAlt: "Hero slide 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg",
|
||||
imageAlt: "Hero slide 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg", imageAlt: "Hero slide 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg",
|
||||
imageAlt: "Hero slide 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg", imageAlt: "Hero slide 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg",
|
||||
imageAlt: "Hero slide 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg", imageAlt: "Hero slide 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg",
|
||||
imageAlt: "Hero slide 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg", imageAlt: "Hero slide 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,41 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydrating Cream",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-glass-bottle-with-purple-pump-beauty-products_187299-47312.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Hydrating Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/red-glass-bottle-with-purple-pump-beauty-products_187299-47312.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Organic Serum",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963081.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Organic Serum", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963081.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velvet Lipstick",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-palette-desk_23-2148598543.jpg",
|
||||
},
|
||||
id: "p3", name: "Velvet Lipstick", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/make-up-palette-desk_23-2148598543.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Revitalizing Oil",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242178.jpg",
|
||||
},
|
||||
id: "p4", name: "Revitalizing Oil", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242178.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Night Repair",
|
||||
price: "$58",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg",
|
||||
},
|
||||
id: "p5", name: "Night Repair", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Rose Face Mist",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-high-angle_23-2149879968.jpg",
|
||||
},
|
||||
id: "p6", name: "Rose Face Mist", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-high-angle_23-2149879968.jpg"},
|
||||
]}
|
||||
title="Our Best-Sellers"
|
||||
description="Shop the beauty must-haves that everyone is talking about."
|
||||
@@ -151,14 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"Allure",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
"InStyle",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "Allure", "Cosmopolitan", "Marie Claire", "InStyle"]}
|
||||
title="Trusted by Beauty Experts"
|
||||
description="Featured in leading beauty publications around the globe."
|
||||
/>
|
||||
@@ -171,40 +118,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vegan Formula",
|
||||
description: "100% plant-based ingredients.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement-with-copy-space_23-2149132694.jpg",
|
||||
imageAlt: "Vegan",
|
||||
},
|
||||
title: "Vegan Formula", description: "100% plant-based ingredients.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement-with-copy-space_23-2149132694.jpg", imageAlt: "Vegan"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307344.jpg?_wi=2",
|
||||
imageAlt: "natural beauty ingredients flatlay",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Cruelty Free",
|
||||
description: "Never tested on animals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compostable-containers-arrangement-top-view_23-2149353104.jpg",
|
||||
imageAlt: "Cruelty-Free",
|
||||
},
|
||||
title: "Cruelty Free", description: "Never tested on animals.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compostable-containers-arrangement-top-view_23-2149353104.jpg", imageAlt: "Cruelty-Free"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-glass-bottle-with-purple-pump-beauty-products_187299-47312.jpg?_wi=2",
|
||||
imageAlt: "natural beauty ingredients flatlay",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Eco Friendly",
|
||||
description: "Sustainable glass packaging.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166744.jpg",
|
||||
imageAlt: "Eco",
|
||||
},
|
||||
title: "Eco Friendly", description: "Sustainable glass packaging.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166744.jpg", imageAlt: "Eco"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963081.jpg?_wi=2",
|
||||
imageAlt: "natural beauty ingredients flatlay",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Lumina"
|
||||
@@ -218,20 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are products vegan?",
|
||||
content: "Yes, everything is 100% vegan.",
|
||||
},
|
||||
id: "1", title: "Are products vegan?", content: "Yes, everything is 100% vegan."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long is shipping?",
|
||||
content: "Usually 3-5 business days.",
|
||||
},
|
||||
id: "2", title: "How long is shipping?", content: "Usually 3-5 business days."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, within 30 days of purchase.",
|
||||
},
|
||||
id: "3", title: "Can I return items?", content: "Yes, within 30 days of purchase."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to your skincare routine."
|
||||
@@ -243,8 +163,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay in the loop"
|
||||
description="Sign up for 10% off your first order."
|
||||
@@ -259,25 +178,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user