bender/d8332b7e-b7f5-4003-b23e-63db7708efd8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 17:50:48 +00:00
parent ff0fb39d95
commit d48878296d
1 changed files with 39 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Beauty Code"
/>
@@ -59,13 +51,9 @@ export default function LandingPage() {
description="Unlock your natural radiance with our scientifically-backed, sustainable beauty rituals designed for every skin type."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
{
text: "About Us",
href: "#features",
},
text: "About Us", href: "#features"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/open-box-with-honey-pink-himalayan-salt-cotton-bud-with-cosmetics-products-concrete-black-background_23-2148087684.jpg"
@@ -75,24 +63,19 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Sparkles,
title: "Organic Ingredients",
description: "Formulated with 100% natural, ethically sourced botanicals.",
},
title: "Organic Ingredients", description: "Formulated with 100% natural, ethically sourced botanicals."},
{
icon: Shield,
title: "Dermatologist Tested",
description: "Validated by experts to ensure safety for sensitive skin.",
},
title: "Dermatologist Tested", description: "Validated by experts to ensure safety for sensitive skin."},
{
icon: Leaf,
title: "Sustainable Ethics",
description: "Eco-friendly packaging and cruelty-free development process.",
},
title: "Sustainable Ethics", description: "Eco-friendly packaging and cruelty-free development process."},
]}
title="Our Promise"
description="Beauty Code represents the intersection of nature and innovation, delivering safe, effective results every time."
@@ -107,41 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Radiance Cream",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238323.jpg",
},
id: "p1", name: "Radiance Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238323.jpg"},
{
id: "p2",
name: "Moisturizing Milk",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307266.jpg",
},
id: "p2", name: "Moisturizing Milk", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307266.jpg"},
{
id: "p3",
name: "Vitamin C Serum",
price: "$62",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-jojoba-oil-dropper_23-2149022360.jpg",
},
id: "p3", name: "Vitamin C Serum", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/assortment-jojoba-oil-dropper_23-2149022360.jpg"},
{
id: "p4",
name: "Daily Cleanser",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/white-body-wash-bottle-marble-floor_53876-138168.jpg",
},
id: "p4", name: "Daily Cleanser", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/white-body-wash-bottle-marble-floor_53876-138168.jpg"},
{
id: "p5",
name: "Night Recovery",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427922.jpg",
},
id: "p5", name: "Night Recovery", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427922.jpg"},
{
id: "p6",
name: "SPF Defense",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/colored-white-sunglasses-near-bottle-shell_23-2148109262.jpg",
},
id: "p6", name: "SPF Defense", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/colored-white-sunglasses-near-bottle-shell_23-2148109262.jpg"},
]}
title="Signature Collection"
description="Elevate your daily routine with our high-performance formulas."
@@ -155,23 +114,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Award,
title: "Global Awards",
value: "24+",
},
id: "m1", icon: Award,
title: "Global Awards", value: "24+"},
{
id: "m2",
icon: Users,
title: "Happy Clients",
value: "50k+",
},
id: "m2", icon: Users,
title: "Happy Clients", value: "50k+"},
{
id: "m3",
icon: Smile,
title: "Satisfaction Rate",
value: "99%",
},
id: "m3", icon: Smile,
title: "Satisfaction Rate", value: "99%"},
]}
title="Proven Results"
description="Backed by data and thousands of happy faces worldwide."
@@ -183,14 +133,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"Allure",
"Glamour",
"Cosmopolitan",
"Marie Claire",
]}
"Vogue", "Harper's Bazaar", "Elle", "Allure", "Glamour", "Cosmopolitan", "Marie Claire"]}
title="Featured In"
description="Trusted by leading wellness and fashion publications globally."
/>
@@ -203,40 +146,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alice M.",
handle: "@alicem",
testimonial: "My skin has never felt this hydrated. Absolutely love the Radiance Cream!",
imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
},
id: "t1", name: "Alice M.", handle: "@alicem", testimonial: "My skin has never felt this hydrated. Absolutely love the Radiance Cream!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg"},
{
id: "t2",
name: "Chloe R.",
handle: "@chloer",
testimonial: "Finally, a brand that truly cares about ethics and results equally.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg",
},
id: "t2", name: "Chloe R.", handle: "@chloer", testimonial: "Finally, a brand that truly cares about ethics and results equally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7828.jpg"},
{
id: "t3",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "The serum changed my life! My morning glow is unmatched now.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
},
id: "t3", name: "Sarah P.", handle: "@sarahp", testimonial: "The serum changed my life! My morning glow is unmatched now.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg"},
{
id: "t4",
name: "Jessica B.",
handle: "@jessb",
testimonial: "Clean ingredients that actually work. Highly recommend to everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230966.jpg",
},
id: "t4", name: "Jessica B.", handle: "@jessb", testimonial: "Clean ingredients that actually work. Highly recommend to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230966.jpg"},
{
id: "t5",
name: "Megan W.",
handle: "@megw",
testimonial: "Consistent results and beautiful packaging. A staple in my routine.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage_23-2149168537.jpg",
},
id: "t5", name: "Megan W.", handle: "@megw", testimonial: "Consistent results and beautiful packaging. A staple in my routine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage_23-2149168537.jpg"},
]}
title="Client Stories"
description="Hear what our community has to say about their transformation."
@@ -248,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is Beauty Code vegan?",
content: "Yes, all our products are 100% vegan and cruelty-free.",
},
id: "f1", title: "Is Beauty Code vegan?", content: "Yes, all our products are 100% vegan and cruelty-free."},
{
id: "f2",
title: "Do you ship internationally?",
content: "We currently ship to over 50 countries worldwide.",
},
id: "f2", title: "Do you ship internationally?", content: "We currently ship to over 50 countries worldwide."},
{
id: "f3",
title: "How long until I see results?",
content: "Most users report visible hydration after just 3 days of consistent use.",
},
id: "f3", title: "How long until I see results?", content: "Most users report visible hydration after just 3 days of consistent use."},
]}
sideTitle="Questions?"
sideDescription="Find answers to our most common inquiries about skincare routines and ingredients."
@@ -276,22 +185,14 @@ export default function LandingPage() {
description="Have questions about your skincare routine? Send us a message and our experts will help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your skin concerns",
required: true,
name: "message", placeholder: "Tell us about your skin concerns", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg"
imageAlt="Beauty Code Studio Interior"
@@ -304,29 +205,19 @@ export default function LandingPage() {
{
items: [
{
label: "Shop All",
href: "#products",
},
label: "Shop All", href: "#products"},
{
label: "Our Story",
href: "#features",
},
label: "Our Story", href: "#features"},
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}