bender/c8e158a0-6966-4e55-85c0-a0ac55ed8eec
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-01 19:42:20 +00:00
Conversation 0 Commits 1 Files Changed 1 +67 -267
1 changed files with 67 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -32,94 +32,42 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Products",
id: "#products",
},
{
name: "About",
id: "#about",
},
{
name: "Results",
id: "#results",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Products", id: "#products" },
{ name: "About", id: "#about" },
{ name: "Results", id: "#results" },
{ name: "Contact", id: "#contact" },
]}
brandName="Lumina"
button={{
text: "Shop Now",
}}
button={{ text: "Shop Now" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Skin, But Radiantly Better."
description="Discover the science of glow. Our dermatologist-approved formulas hydrate, protect, and revitalize your complexion for a timeless, natural radiance."
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
{ text: "Shop Now", href: "#products" },
{ text: "Learn More", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420701.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420701.jpg"
imageAlt="luxury skin care product advertisement"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420685.jpg",
alt: "Cosmetic product container with art nouveau inspired sun relief background",
},
{
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg",
alt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
},
{
src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg",
alt: "Cosmetic product container with art nouveau inspired sun relief background",
},
{
src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg",
alt: "Cosmetic product container with art nouveau inspired sun relief background",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman_23-2148932865.jpg",
alt: "Portrait young asian woman",
},
{ src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420685.jpg", alt: "Cosmetic product container with art nouveau inspired sun relief background" },
{ src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420713.jpg", alt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background" },
{ src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg", alt: "Cosmetic product container with art nouveau inspired sun relief background" },
{ src: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg", alt: "Cosmetic product container with art nouveau inspired sun relief background" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman_23-2148932865.jpg", alt: "Portrait young asian woman" },
]}
avatarText="Join 50,000+ radiant customers"
marqueeItems={[
{
type: "text",
text: "Dermatologist Approved",
},
{
type: "text",
text: "Cruelty-Free",
},
{
type: "text",
text: "100% Organic",
},
{
type: "text",
text: "Clinically Tested",
},
{
type: "text",
text: "Ethically Sourced",
},
{ type: "text", text: "Dermatologist Approved" },
{ type: "text", text: "Cruelty-Free" },
{ type: "text", text: "100% Organic" },
{ type: "text", text: "Clinically Tested" },
{ type: "text", text: "Ethically Sourced" },
]}
/>
</div>
@@ -129,31 +77,11 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Pure Potency, Proven Results"
metrics={[
{
icon: Sparkles,
label: "Ingredients Sourced",
value: "100%",
},
{
icon: Award,
label: "Dermatologist Certified",
value: "24+",
},
{
icon: Zap,
label: "Active Users",
value: "50k+",
},
{
icon: Leaf,
label: "Sustainable",
value: "100%",
},
{
icon: Smile,
label: "Satisfaction",
value: "99%",
},
{ icon: Sparkles, label: "Ingredients Sourced", value: "100%" },
{ icon: Award, label: "Dermatologist Certified", value: "24+" },
{ icon: Zap, label: "Active Users", value: "50k+" },
{ icon: Leaf, label: "Sustainable", value: "100%" },
{ icon: Smile, label: "Satisfaction", value: "99%" },
]}
metricsAnimation="slide-up"
/>
@@ -163,44 +91,15 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Glow Serum",
price: "$48",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg?_wi=1",
},
{
id: "p2",
name: "Velvet Cream",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg",
},
{
id: "p3",
name: "Repair Oil",
price: "$62",
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382846.jpg",
},
{
id: "p4",
name: "Daily Cleanser",
price: "$32",
imageSrc: "http://img.b2bpic.net/free-photo/salts-bowl-cream-container_23-2148549164.jpg",
},
{
id: "p5",
name: "Night Mask",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg",
},
{
id: "p6",
name: "Radiance Eye",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-blue-background_23-2148296026.jpg",
},
{ id: "p1", name: "Glow Serum", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg" },
{ id: "p2", name: "Velvet Cream", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg" },
{ id: "p3", name: "Repair Oil", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382846.jpg" },
{ id: "p4", name: "Daily Cleanser", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/salts-bowl-cream-container_23-2148549164.jpg" },
{ id: "p5", name: "Night Mask", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg" },
{ id: "p6", name: "Radiance Eye", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-blue-background_23-2148296026.jpg" },
]}
title="The Lumina Collection"
description="Essential steps for your daily ritual."
@@ -210,43 +109,29 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Organic Ingredients",
description: "Derived from nature, balanced by science.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-face-cream-recipients-assortment_23-2148761438.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-body-cream-pink-brackground_23-2148241911.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420701.jpg?_wi=2",
imageAlt: "luxury serum bottle pedestal",
title: "Organic Ingredients", description: "Derived from nature, balanced by science.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/skin-oil-droppers-face-cream-recipients-assortment_23-2148761438.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-body-cream-pink-brackground_23-2148241911.jpg" },
reverse: false,
media: { imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420701.jpg", imageAlt: "luxury serum bottle pedestal" },
items: []
},
{
title: "Cruelty-Free",
description: "Kind to you, kind to our furry friends.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200201.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-image-with-cup-white-paint_23-2148292422.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg",
imageAlt: "luxury serum bottle pedestal",
title: "Cruelty-Free", description: "Kind to you, kind to our furry friends.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200201.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-image-with-cup-white-paint_23-2148292422.jpg" },
reverse: true,
media: { imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg", imageAlt: "luxury serum bottle pedestal" },
items: []
},
{
title: "Clinical Efficacy",
description: "Proven results in weeks, not months.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-composition_23-2149016632.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820956.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg?_wi=2",
imageAlt: "luxury serum bottle pedestal",
title: "Clinical Efficacy", description: "Proven results in weeks, not months.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-composition_23-2149016632.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820956.jpg" },
reverse: false,
media: { imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307283.jpg", imageAlt: "luxury serum bottle pedestal" },
items: []
},
]}
showStepNumbers={true}
@@ -261,31 +146,11 @@ export default function LandingPage() {
title="Our Impact"
tag="Trusted Worldwide"
metrics={[
{
id: "m1",
value: "98%",
description: "Customer satisfaction score",
},
{
id: "m2",
value: "15k+",
description: "Bottles sold globally",
},
{
id: "m3",
value: "4.9/5",
description: "Average expert rating",
},
{
id: "m4",
value: "100%",
description: "Vegan ingredients",
},
{
id: "m5",
value: "500+",
description: "Retail partners",
},
{ id: "m1", value: "98%", description: "Customer satisfaction score" },
{ id: "m2", value: "15k+", description: "Bottles sold globally" },
{ id: "m3", value: "4.9/5", description: "Average expert rating" },
{ id: "m4", value: "100%", description: "Vegan ingredients" },
{ id: "m5", value: "500+", description: "Retail partners" },
]}
metricsAnimation="slide-up"
/>
@@ -294,62 +159,19 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Creative",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466338.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Designer",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994713.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Founder",
company: "Lumina",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021872.jpg",
},
{
id: "4",
name: "David Kim",
role: "Product",
company: "Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-caucasian-woman-with-clean-skin-natural-make-up-isolated-bright-pink-background-with-copy-space_1258-1094.jpg",
},
{
id: "5",
name: "Elena Vance",
role: "Artist",
company: "Art",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-leaf_23-2148803522.jpg",
},
{ id: "1", name: "Sarah Johnson", role: "Creative", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466338.jpg" },
{ id: "2", name: "Michael Chen", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994713.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Founder", company: "Lumina", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021872.jpg" },
{ id: "4", name: "David Kim", role: "Product", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-caucasian-woman-with-clean-skin-natural-make-up-isolated-bright-pink-background-with-copy-space_1258-1094.jpg" },
{ id: "5", name: "Elena Vance", role: "Artist", company: "Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-holding-leaf_23-2148803522.jpg" },
]}
kpiItems={[
{
value: "4.9/5",
label: "Overall Rating",
},
{
value: "50k+",
label: "Glowing Reviews",
},
{
value: "12k+",
label: "Loyal Subscribers",
},
{ value: "4.9/5", label: "Overall Rating" },
{ value: "50k+", label: "Glowing Reviews" },
{ value: "12k+", label: "Loyal Subscribers" },
]}
title="Loved by Thousands"
description="See why our community calls it 'liquid gold'."
@@ -360,21 +182,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are your products cruelty-free?",
content: "Yes, we never test on animals.",
},
{
id: "q2",
title: "Can I return unused products?",
content: "We offer a 30-day return policy.",
},
{
id: "q3",
title: "Where is it made?",
content: "All products are formulated in California.",
},
{ id: "q1", title: "Are your products cruelty-free?", content: "Yes, we never test on animals." },
{ id: "q2", title: "Can I return unused products?", content: "We offer a 30-day return policy." },
{ id: "q3", title: "Where is it made?", content: "All products are formulated in California." },
]}
sideTitle="Your Questions, Answered."
faqsAnimation="slide-up"
@@ -384,9 +194,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Join the Glow Club"
description="Sign up for 10% off your first order and expert skincare tips delivered to your inbox."
imageSrc="http://img.b2bpic.net/free-photo/marble-compostion-with-colorful-style_23-2147927711.jpg"
@@ -400,16 +208,8 @@ export default function LandingPage() {
logoText="Lumina"
copyrightText="© 2025 | Lumina Skincare"
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>