bender/f784e2ab-706d-47d0-8230-18de37b8d53c
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-04-28 03:51:51 +00:00
Conversation 0 Commits 1 Files Changed 1 +42 -218
1 changed files with 42 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Shop",
id: "#products",
},
{
name: "Features",
id: "#features",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Shop", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Luminous Beauty"
/>
@@ -55,22 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="Luminous Beauty"
description="Unlock your radiance with our premium, science-backed skincare essentials designed for your unique glow."
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Discover Routine",
href: "#features",
},
{ text: "Shop Now", href: "#products" },
{ text: "Discover Routine", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/tropical-leaves-paper-cut-style_23-2148301059.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/tropical-leaves-paper-cut-style_23-2148301059.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -82,40 +62,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Organic Ingredients",
description: "Formulated with 100% plant-based components.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-moisturizing-creams-perfume-alarm-clock-marble_23-2147879026.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-drops-woman-s-skin_23-2149379988.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/tropical-leaves-paper-cut-style_23-2148301059.jpg?_wi=2",
imageAlt: "skincare routine beauty products",
title: "Organic Ingredients", description: "Formulated with 100% plant-based components.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-moisturizing-creams-perfume-alarm-clock-marble_23-2147879026.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-drops-woman-s-skin_23-2149379988.jpg" }
},
{
title: "Dermatologist Tested",
description: "Clinically proven formulas that respect your skin barrier.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-make-up_23-2148553513.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/red-serum-bottle-with-dropper_187299-47152.jpg?_wi=1",
imageAlt: "skincare routine beauty products",
title: "Dermatologist Tested", description: "Clinically proven formulas that respect your skin barrier.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-make-up_23-2148553513.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg" }
},
{
title: "Sustainable Packaging",
description: "Refillable glass containers to minimize waste.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-body-butter-leaves-plain-background_23-2148305475.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820961.jpg?_wi=1",
imageAlt: "skincare routine beauty products",
title: "Sustainable Packaging", description: "Refillable glass containers to minimize waste.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-body-butter-leaves-plain-background_23-2148305475.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg" }
},
]}
showStepNumbers={true}
@@ -131,60 +87,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Luminous",
name: "Radiant Serum",
price: "$45.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/red-serum-bottle-with-dropper_187299-47152.jpg?_wi=2",
},
{
id: "p2",
brand: "Luminous",
name: "Day Cream",
price: "$38.00",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820961.jpg?_wi=2",
},
{
id: "p3",
brand: "Luminous",
name: "Gentle Cleanser",
price: "$29.00",
rating: 4,
reviewCount: "87",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-bottles-light-blue-water-surface-with-aloe-vera-daisy-flowers_181624-43400.jpg",
},
{
id: "p4",
brand: "Luminous",
name: "Night Oil",
price: "$52.00",
rating: 5,
reviewCount: "64",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg",
},
{
id: "p5",
brand: "Luminous",
name: "Hydrating Toner",
price: "$24.00",
rating: 4,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cosmetic-product-with-color-year-tones_23-2151510133.jpg",
},
{
id: "p6",
brand: "Luminous",
name: "Eye Cream",
price: "$32.00",
rating: 5,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083943.jpg",
},
{ id: "p1", brand: "Luminous", name: "Radiant Serum", price: "$45.00", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/red-serum-bottle-with-dropper_187299-47152.jpg" },
{ id: "p2", brand: "Luminous", name: "Day Cream", price: "$38.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820961.jpg" },
{ id: "p3", brand: "Luminous", name: "Gentle Cleanser", price: "$29.00", rating: 4, reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-bottles-light-blue-water-surface-with-aloe-vera-daisy-flowers_181624-43400.jpg" },
{ id: "p4", brand: "Luminous", name: "Night Oil", price: "$52.00", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg" },
{ id: "p5", brand: "Luminous", name: "Hydrating Toner", price: "$24.00", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/3d-cosmetic-product-with-color-year-tones_23-2151510133.jpg" },
{ id: "p6", brand: "Luminous", name: "Eye Cream", price: "$32.00", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083943.jpg" },
]}
title="Our Best Sellers"
description="The cult-favorites your skin will absolutely love."
@@ -197,41 +105,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah T.",
handle: "@sarahbeauty",
testimonial: "My skin has never felt this hydrated and soft!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg",
},
{
id: "2",
name: "Mark L.",
handle: "@markglows",
testimonial: "Finally found a cleanser that doesn't strip my skin.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-as-habit_23-2149240972.jpg",
},
{
id: "3",
name: "Elena R.",
handle: "@elena_skin",
testimonial: "Obsessed with the radiance serum. It changed my life.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
},
{
id: "4",
name: "Chloe B.",
handle: "@chloeb",
testimonial: "Sustainable packaging and amazing quality. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
},
{
id: "5",
name: "David W.",
handle: "@david_skin",
testimonial: "Visible results in just two weeks. Truly impressive.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-recording-himself_23-2150336054.jpg",
},
{ id: "1", name: "Sarah T.", handle: "@sarahbeauty", testimonial: "My skin has never felt this hydrated and soft!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-young-woman-portrait_23-2148994706.jpg" },
{ id: "2", name: "Mark L.", handle: "@markglows", testimonial: "Finally found a cleanser that doesn't strip my skin.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-as-habit_23-2149240972.jpg" },
{ id: "3", name: "Elena R.", handle: "@elena_skin", testimonial: "Obsessed with the radiance serum. It changed my life.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg" },
{ id: "4", name: "Chloe B.", handle: "@chloeb", testimonial: "Sustainable packaging and amazing quality. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg" },
{ id: "5", name: "David W.", handle: "@david_skin", testimonial: "Visible results in just two weeks. Truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-recording-himself_23-2150336054.jpg" },
]}
title="Loved by Thousands"
description="Real results from real people who have transformed their skin."
@@ -257,24 +135,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Smile,
title: "Happy Customers",
value: "50,000+",
},
{
id: "m2",
icon: Award,
title: "Awards Won",
value: "25",
},
{
id: "m3",
icon: Leaf,
title: "Products Planted",
value: "100k+",
},
{ id: "m1", icon: Smile, title: "Happy Customers", value: "50,000+" },
{ id: "m2", icon: Award, title: "Awards Won", value: "25" },
{ id: "m3", icon: Leaf, title: "Products Planted", value: "100k+" },
]}
title="By the Numbers"
description="Impact we’ve made in the beauty industry so far."
@@ -286,14 +149,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"Glamour",
"Cosmopolitan",
"Allure",
"Marie Claire",
]}
"Vogue", "Harper's Bazaar", "Elle", "Glamour", "Cosmopolitan", "Allure", "Marie Claire"]}
title="Featured In"
description="Joining the global conversation on clean beauty."
/>
@@ -302,9 +158,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Newsletter"
title="Get 10% Off Your First Order"
description="Join our beauty community for exclusive drops and skincare tips."
@@ -319,54 +173,24 @@ export default function LandingPage() {
logoText="Luminous Beauty"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "New Arrivals",
href: "#",
},
{
label: "Best Sellers",
href: "#products",
},
title: "Shop", items: [
{ label: "All Products", href: "#products" },
{ label: "New Arrivals", href: "#" },
{ label: "Best Sellers", href: "#products" },
],
},
{
title: "Company",
items: [
{
label: "Our Story",
href: "#about",
},
{
label: "Contact Us",
href: "#contact",
},
{
label: "Careers",
href: "#",
},
title: "Company", items: [
{ label: "Our Story", href: "#about" },
{ label: "Contact Us", href: "#contact" },
{ label: "Careers", href: "#" },
],
},
{
title: "Help",
items: [
{
label: "Shipping Info",
href: "#",
},
{
label: "Returns",
href: "#",
},
{
label: "FAQ",
href: "#",
},
title: "Help", items: [
{ label: "Shipping Info", href: "#" },
{ label: "Returns", href: "#" },
{ label: "FAQ", href: "#" },
],
},
]}