Merge version_1 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "collection",
|
||||
},
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Beauty"
|
||||
/>
|
||||
@@ -52,60 +44,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Beauty that shines as bright as you"
|
||||
description="Experience the ultimate collection of curated beauty essentials, designed to highlight your natural radiance with every application."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-woman-with-fresh-skin-holding-jar-cream-while-sitting-table-brunette-shirt-smiles-cutely-looking-side-skin-care-hydration-concept_197531-32256.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-hugging-fitness-mat-against-beige-background-brunette-brown-top-smiles-looking-down-concept-sports-recreation_197531-32158.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness_23-2151194606.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-flower_23-2150512473.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-woman-with-fresh-skin-holding-jar-cream-while-sitting-table-brunette-shirt-smiles-cutely-looking-side-skin-care-hydration-concept_197531-32256.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-hugging-fitness-mat-against-beige-background-brunette-brown-top-smiles-looking-down-concept-sports-recreation_197531-32158.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness_23-2151194606.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-flower_23-2150512473.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Loved by over 10,000+ beauty enthusiasts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "Shop Collection", href: "#collection"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vegan Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Tested",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Made with Love",
|
||||
},
|
||||
{ type: "text", text: "Cruelty-Free" },
|
||||
{ type: "text", text: "Vegan Ingredients" },
|
||||
{ type: "text", text: "Dermatologist Tested" },
|
||||
{ type: "text", text: "Sustainable Packaging" },
|
||||
{ type: "text", text: "Made with Love" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,20 +74,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining your beauty routine",
|
||||
},
|
||||
type: "text", content: "Redefining your beauty routine"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-summer-field-brunette-brown-underwear_1157-39335.jpg",
|
||||
alt: "About Lumina Beauty",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-summer-field-brunette-brown-underwear_1157-39335.jpg", alt: "About Lumina Beauty"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,48 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velvet Matte Lipstick",
|
||||
price: "$28",
|
||||
variant: "Rouge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-cosmetic-bottles-jars_23-2152029108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Radiance Face Cream",
|
||||
price: "$45",
|
||||
variant: "Hydrating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-with-green-background_23-2149249529.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rose Essence Perfume",
|
||||
price: "$85",
|
||||
variant: "Floral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-flowers-arrangement_23-2149722431.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hydrating Mist Spray",
|
||||
price: "$32",
|
||||
variant: "Refresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-holding-serum_23-2150167653.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Illuminating Eye Cream",
|
||||
price: "$38",
|
||||
variant: "Lifting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148162941.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Organic Serum Oil",
|
||||
price: "$52",
|
||||
variant: "Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232274.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Velvet Matte Lipstick", price: "$28", variant: "Rouge", imageSrc: "http://img.b2bpic.net/free-photo/assortment-cosmetic-bottles-jars_23-2152029108.jpg" },
|
||||
{ id: "p2", name: "Radiance Face Cream", price: "$45", variant: "Hydrating", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-with-green-background_23-2149249529.jpg" },
|
||||
{ id: "p3", name: "Rose Essence Perfume", price: "$85", variant: "Floral", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-flowers-arrangement_23-2149722431.jpg" },
|
||||
{ id: "p4", name: "Hydrating Mist Spray", price: "$32", variant: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-holding-serum_23-2150167653.jpg" },
|
||||
{ id: "p5", name: "Illuminating Eye Cream", price: "$38", variant: "Lifting", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148162941.jpg" },
|
||||
{ id: "p6", name: "Organic Serum Oil", price: "$52", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232274.jpg" },
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="From high-pigment lip shades to nourishing serums, discover our best-sellers crafted with high-quality ingredients."
|
||||
@@ -190,49 +106,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahbeauty",
|
||||
testimonial: "The matte lipstick is absolutely incredible! Stays on all day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahbeauty", testimonial: "The matte lipstick is absolutely incredible! Stays on all day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-pink-sweater_23-2148749909.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloetbeauty",
|
||||
testimonial: "The radiance face cream is now a staple in my morning routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-woman-with-fresh-skin-holding-jar-cream-while-sitting-table-brunette-shirt-smiles-cutely-looking-side-skin-care-hydration-concept_197531-32256.jpg",
|
||||
},
|
||||
id: "2", name: "Chloe T.", handle: "@chloetbeauty", testimonial: "The radiance face cream is now a staple in my morning routine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-caucasian-woman-with-fresh-skin-holding-jar-cream-while-sitting-table-brunette-shirt-smiles-cutely-looking-side-skin-care-hydration-concept_197531-32256.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya L.",
|
||||
handle: "@mayaloves",
|
||||
testimonial: "Beautifully packaged and such high quality. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-hugging-fitness-mat-against-beige-background-brunette-brown-top-smiles-looking-down-concept-sports-recreation_197531-32158.jpg",
|
||||
},
|
||||
id: "3", name: "Maya L.", handle: "@mayaloves", testimonial: "Beautifully packaged and such high quality. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-young-caucasian-girl-hugging-fitness-mat-against-beige-background-brunette-brown-top-smiles-looking-down-concept-sports-recreation_197531-32158.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma W.",
|
||||
handle: "@emmaw",
|
||||
testimonial: "Customer service is fantastic and the rose perfume is divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness_23-2151194606.jpg",
|
||||
},
|
||||
id: "4", name: "Emma W.", handle: "@emmaw", testimonial: "Customer service is fantastic and the rose perfume is divine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness_23-2151194606.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jasmine R.",
|
||||
handle: "@jasminer",
|
||||
testimonial: "My skin has never felt better. The organic serum is a miracle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-flower_23-2150512473.jpg",
|
||||
},
|
||||
id: "5", name: "Jasmine R.", handle: "@jasminer", testimonial: "My skin has never felt better. The organic serum is a miracle.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-flower_23-2150512473.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Favorites"
|
||||
@@ -244,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Glow Club"
|
||||
description="Sign up for exclusive early access to our newest collections and secret beauty tips."
|
||||
@@ -258,54 +149,24 @@ export default function LandingPage() {
|
||||
logoText="Lumina Beauty"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Skincare",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Makeup",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#" },
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Shipping", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user