Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -16,31 +16,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
/>
|
||||
@@ -52,35 +49,15 @@ export default function LandingPage() {
|
||||
description="Premium, gender-neutral skincare designed to harmonize with your natural skin rhythm. Pure ingredients, transformative results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-table_23-2148925375.jpg?_wi=1",
|
||||
imageAlt: "minimalist skincare bottles natural light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-home-high-view-woman-applying-cream_23-2148641469.jpg?_wi=1",
|
||||
imageAlt: "skincare cream jar soft textures",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-composition_23-2149022385.jpg?_wi=1",
|
||||
imageAlt: "skincare routine product splash clear",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg?_wi=1",
|
||||
imageAlt: "face cream container minimalist studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-natural-oil_23-2148678042.jpg?_wi=1",
|
||||
imageAlt: "organic skincare lotion natural ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-skin-young-woman-beautiful-face-close-up-gray-background_231208-13297.jpg",
|
||||
imageAlt: "skincare gel serum clean background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-table_23-2148925375.jpg", imageAlt: "minimalist skincare bottles natural light" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-home-high-view-woman-applying-cream_23-2148641469.jpg", imageAlt: "skincare cream jar soft textures" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-composition_23-2149022385.jpg", imageAlt: "skincare routine product splash clear" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg", imageAlt: "face cream container minimalist studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-natural-oil_23-2148678042.jpg", imageAlt: "organic skincare lotion natural ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-skin-young-woman-beautiful-face-close-up-gray-background_231208-13297.jpg", imageAlt: "skincare gel serum clean background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,25 +66,12 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Nature meets ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-relaxing-home_23-2148723141.jpg",
|
||||
alt: "Skincare ritual",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " science",
|
||||
},
|
||||
{ type: "text", content: "Nature meets " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/pretty-young-woman-relaxing-home_23-2148723141.jpg", alt: "Skincare ritual" },
|
||||
{ type: "text", content: " science" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Our Philosophy", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,27 +83,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Clarifying Cleanser",
|
||||
price: "$28.00",
|
||||
variant: "Gentle daily wash",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5853.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Revitalizing Night Cream",
|
||||
price: "$45.00",
|
||||
variant: "Deep hydration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936105.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Radiance Serum",
|
||||
price: "$52.00",
|
||||
variant: "Vitamin boost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-serum-bottle-with-dropper_23-2150351874.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Clarifying Cleanser", price: "$28.00", variant: "Gentle daily wash", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5853.jpg" },
|
||||
{ id: "p2", name: "Revitalizing Night Cream", price: "$45.00", variant: "Deep hydration", imageSrc: "http://img.b2bpic.net/free-photo/still-life-refillable-reusable-container_23-2150936105.jpg" },
|
||||
{ id: "p3", name: "Radiance Serum", price: "$52.00", variant: "Vitamin boost", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-serum-bottle-with-dropper_23-2150351874.jpg" }
|
||||
]}
|
||||
title="Essential Care"
|
||||
description="Discover our signature line of revitalizing skincare products for all genders."
|
||||
@@ -151,61 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "2024-03-01",
|
||||
title: "Clearer skin in a week",
|
||||
quote: "Lumina changed my routine for the better. Simple, effective, and sustainable.",
|
||||
tag: "Men's Skincare",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-table_23-2148925375.jpg?_wi=2",
|
||||
imageAlt: "minimalist skincare bottles natural light",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
date: "2024-03-05",
|
||||
title: "The best moisturizer",
|
||||
quote: "So gentle, yet so powerful. My face feels hydrated all day long.",
|
||||
tag: "Women's Skincare",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-preparing-apply-moisturizer-her-face_23-2149259919.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-home-high-view-woman-applying-cream_23-2148641469.jpg?_wi=2",
|
||||
imageAlt: "skincare cream jar soft textures",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
date: "2024-03-10",
|
||||
title: "Professional quality",
|
||||
quote: "Finally found products that don't irritate my sensitive skin.",
|
||||
tag: "Men's Skincare",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-tweezing-eyebrows-front-mirror_329181-1522.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-composition_23-2149022385.jpg?_wi=2",
|
||||
imageAlt: "skincare routine product splash clear",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
date: "2024-03-15",
|
||||
title: "Obsessed with the serum",
|
||||
quote: "My skin has never looked brighter. Simply amazing formulas.",
|
||||
tag: "Women's Skincare",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sensual-woman-scarf-enjoying-weather_23-2147911426.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg?_wi=2",
|
||||
imageAlt: "face cream container minimalist studio",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan L.",
|
||||
date: "2024-03-20",
|
||||
title: "Radiant Results",
|
||||
quote: "The most effective routine I have ever used. My skin feels brand new.",
|
||||
tag: "Unisex",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-natural-oil_23-2148678042.jpg?_wi=2",
|
||||
imageAlt: "organic skincare lotion natural ingredients",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", date: "2024-03-01", title: "Clearer skin in a week", quote: "Lumina changed my routine for the better. Simple, effective, and sustainable.", tag: "Men's Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-table_23-2148925375.jpg", imageAlt: "minimalist skincare bottles natural light" },
|
||||
{ id: "2", name: "Sarah J.", date: "2024-03-05", title: "The best moisturizer", quote: "So gentle, yet so powerful. My face feels hydrated all day long.", tag: "Women's Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-preparing-apply-moisturizer-her-face_23-2149259919.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spa-home-high-view-woman-applying-cream_23-2148641469.jpg", imageAlt: "skincare cream jar soft textures" },
|
||||
{ id: "3", name: "Mark D.", date: "2024-03-10", title: "Professional quality", quote: "Finally found products that don't irritate my sensitive skin.", tag: "Men's Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/woman-tweezing-eyebrows-front-mirror_329181-1522.jpg", imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-composition_23-2149022385.jpg", imageAlt: "skincare routine product splash clear" },
|
||||
{ id: "4", name: "Elena V.", date: "2024-03-15", title: "Obsessed with the serum", quote: "My skin has never looked brighter. Simply amazing formulas.", tag: "Women's Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/sensual-woman-scarf-enjoying-weather_23-2147911426.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg", imageAlt: "face cream container minimalist studio" },
|
||||
{ id: "5", name: "Jordan L.", date: "2024-03-20", title: "Radiant Results", quote: "The most effective routine I have ever used. My skin feels brand new.", tag: "Unisex", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-natural-oil_23-2148678042.jpg", imageAlt: "organic skincare lotion natural ingredients" }
|
||||
]}
|
||||
title="Trusted by Many"
|
||||
description="Hear how Lumina has transformed skin routines everywhere."
|
||||
@@ -217,21 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are these products for all skin types?",
|
||||
content: "Yes, our formulas are tested to be safe and effective for all skin types.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you use natural ingredients?",
|
||||
content: "We prioritize organic, plant-based ingredients combined with clinically proven actives.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee on all skincare products.",
|
||||
},
|
||||
{ id: "1", title: "Are these products for all skin types?", content: "Yes, our formulas are tested to be safe and effective for all skin types." },
|
||||
{ id: "2", title: "Do you use natural ingredients?", content: "We prioritize organic, plant-based ingredients combined with clinically proven actives." },
|
||||
{ id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all skincare products." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about Lumina skincare? We have answers."
|
||||
@@ -243,39 +127,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Cleansers",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Serums",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Moisturizers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [
|
||||
{ label: "Cleansers", href: "#products" },
|
||||
{ label: "Serums", href: "#products" },
|
||||
{ label: "Moisturizers", href: "#products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Lumina Skincare. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user