bender/8b48a713-9fd1-4648-a697-ad261ece36d1
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-06-11 06:39:02 +00:00
parent 43309ae1d8
commit 6dc4462a0c
1 changed files with 58 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
src/app/page.tsx
View File

@@ -30,17 +30,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Products",
id: "/products",
},
name: "Products", id: "/products"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x51310"
logoAlt="SKIN CARE Logo"
@@ -51,71 +45,46 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Radiant Skin, Naturally Yours"
description="Discover SKIN CARE's exquisite range of natural products designed to nourish, protect, and revitalize your skin. Experience the glow of healthy, beautiful skin."
buttons={[
{
text: "Shop Now",
href: "/products",
},
text: "Shop Now", href: "/products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/young-man-with-back-hair-arms-crossed-looking-camera_23-2148112769.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/young-man-with-back-hair-arms-crossed-looking-camera_23-2148112769.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg",
alt: "Happy Customer",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg", alt: "Happy Customer"},
]}
avatarText="Loved by thousands of happy customers"
imageSrc="http://img.b2bpic.net/free-photo/branch-near-rake-cosmetics_23-2147787970.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/branch-near-rake-cosmetics_23-2147787970.jpg"
imageAlt="Woman with glowing skin applying skincare product"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Natural Ingredients",
icon: Leaf,
type: "text-icon", text: "Natural Ingredients", icon: Leaf,
},
{
type: "text-icon",
text: "Cruelty-Free",
icon: Heart,
type: "text-icon", text: "Cruelty-Free", icon: Heart,
},
{
type: "text-icon",
text: "Dermatologist Approved",
icon: ShieldCheck,
type: "text-icon", text: "Dermatologist Approved", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Sustainable Sourcing",
icon: Globe,
type: "text-icon", text: "Sustainable Sourcing", icon: Globe,
},
{
type: "text-icon",
text: "Visible Results",
icon: Sparkles,
type: "text-icon", text: "Visible Results", icon: Sparkles,
},
]}
/>
@@ -142,80 +111,53 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Pure & Potent Ingredients",
description: "We source the finest natural and organic ingredients, ensuring each product is packed with skin-loving nutrients without harsh chemicals.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-posing-indoors-side-view_23-2149551261.jpg",
imageAlt: "Close-up of a natural ingredient",
},
title: "Pure & Potent Ingredients", description: "We source the finest natural and organic ingredients, ensuring each product is packed with skin-loving nutrients without harsh chemicals.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-posing-indoors-side-view_23-2149551261.jpg", imageAlt: "Close-up of a natural ingredient"},
items: [
{
icon: Leaf,
text: "Organic Extracts",
},
text: "Organic Extracts"},
{
icon: Droplet,
text: "Deep Hydration",
},
text: "Deep Hydration"},
{
icon: Shield,
text: "Protective Formulas",
},
text: "Protective Formulas"},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x51310",
imageAlt: "skin hydration science diagram",
reverse: false
},
{
title: "Sustainable & Ethical",
description: "Our dedication to the planet means using eco-friendly packaging and sustainable practices, so you can feel good about your beauty routine.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-cream-hair-brushes_23-2148645562.jpg",
imageAlt: "Eco-friendly skincare packaging",
},
title: "Sustainable & Ethical", description: "Our dedication to the planet means using eco-friendly packaging and sustainable practices, so you can feel good about your beauty routine.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-cream-hair-brushes_23-2148645562.jpg", imageAlt: "Eco-friendly skincare packaging"},
items: [
{
icon: Recycle,
text: "Recyclable Packaging",
},
text: "Recyclable Packaging"},
{
icon: Earth,
text: "Ethically Sourced",
},
icon: Globe,
text: "Ethically Sourced"},
{
icon: Heart,
text: "Cruelty-Free",
},
text: "Cruelty-Free"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/branch-near-rake-cosmetics_23-2147787970.jpg?_wi=2",
imageAlt: "skin hydration science diagram",
reverse: true
},
{
title: "Dermatologist Approved",
description: "Developed with expert guidance, our products are rigorously tested to ensure efficacy and gentleness for all skin types, even the most sensitive.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-self-care-treatment-indoors_23-2148974284.jpg",
imageAlt: "Dermatologist examining skin",
},
title: "Dermatologist Approved", description: "Developed with expert guidance, our products are rigorously tested to ensure efficacy and gentleness for all skin types, even the most sensitive.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-self-care-treatment-indoors_23-2148974284.jpg", imageAlt: "Dermatologist examining skin"},
items: [
{
icon: CheckCircle,
text: "Clinically Tested",
},
text: "Clinically Tested"},
{
icon: UserCheck,
text: "Hypoallergenic",
},
text: "Hypoallergenic"},
{
icon: Award,
text: "Proven Results",
},
text: "Proven Results"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
imageAlt: "skin hydration science diagram",
},
reverse: false
}
]}
title="The SKIN CARE Difference"
description="Our commitment to excellence shines through in every product. Discover what sets us apart."
@@ -228,49 +170,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophia R.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
imageAlt: "Sophia R.",
},
id: "1", name: "Sophia R.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Sophia R."},
{
id: "2",
name: "Liam K.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg",
imageAlt: "Liam K.",
},
id: "2", name: "Liam K.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg", imageAlt: "Liam K."},
{
id: "3",
name: "Olivia M.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg",
imageAlt: "Olivia M.",
},
id: "3", name: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg", imageAlt: "Olivia M."},
{
id: "4",
name: "Noah J.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg",
imageAlt: "Noah J.",
},
id: "4", name: "Noah J.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", imageAlt: "Noah J."},
{
id: "5",
name: "Ava P.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg",
imageAlt: "Ava P.",
},
id: "5", name: "Ava P.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg", imageAlt: "Ava P."},
{
id: "6",
name: "Ethan C.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg",
imageAlt: "Ethan C.",
},
id: "6", name: "Ethan C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg", imageAlt: "Ethan C."},
]}
cardTitle="Hear From Our Happy Customers"
cardTag="Real Results"
buttons={[
{
text: "Read All Reviews",
href: "#",
},
text: "Read All Reviews", href: "#"},
]}
cardAnimation="slide-up"
/>
@@ -281,14 +197,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Allure",
"Cosmopolitan",
"Glamour",
"Harper's Bazaar",
"ELLE",
"Beauty Insider",
]}
"Vogue", "Allure", "Cosmopolitan", "Glamour", "Harper's Bazaar", "ELLE", "Beauty Insider"]}
title="Featured In"
description="Trusted by leading beauty experts and publications."
/>
@@ -301,58 +210,35 @@ export default function LandingPage() {
logoText="SKIN CARE"
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Face Care",
href: "/products#face",
},
label: "Face Care", href: "/products#face"},
{
label: "Hand Care",
href: "/products#hand",
},
label: "Hand Care", href: "/products#hand"},
{
label: "Foot Care",
href: "/products#foot",
},
label: "Foot Care", href: "/products#foot"},
{
label: "All Products",
href: "/products",
},
label: "All Products", href: "/products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Philosophy",
href: "#",
},
label: "Our Philosophy", href: "#"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}