From 554f9156daacc6b48e06b8c1c4329b8acca5fbf4 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 4 Apr 2026 02:10:20 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 207 +++++++++++------------------------------------ 1 file changed, 49 insertions(+), 158 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a23aa86..f126bca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,21 +31,13 @@ export default function LandingPage() { @@ -57,39 +49,23 @@ export default function LandingPage() { description="Radiance in Every Layer of You. Premium skincare & wellness solutions designed for melanin-rich beauty." buttons={[ { - text: "Shop Now", - href: "#products", - }, + text: "Shop Now", href: "#products"}, { - text: "Explore Products", - href: "#products", - }, + text: "Explore Products", href: "#products"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg?_wi=1", - imageAlt: "Radiant Skin Model", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg", imageAlt: "Radiant Skin Model"}, { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg?_wi=1", - imageAlt: "Luxury Cream Jar", - }, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg", imageAlt: "Luxury Cream Jar"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-cup-tea-various-spices-herbs-black-wood-with-copy-space_141793-7440.jpg?_wi=1", - imageAlt: "Herbal Detox Tea", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-cup-tea-various-spices-herbs-black-wood-with-copy-space_141793-7440.jpg", imageAlt: "Herbal Detox Tea"}, { - imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-cosmetic-tube-with-silver-cap_9975-134375.jpg?_wi=1", - imageAlt: "Spot Fade Soap", - }, + imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-cosmetic-tube-with-silver-cap_9975-134375.jpg", imageAlt: "Spot Fade Soap"}, { - imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=1", - imageAlt: "Tone Balance Cream", - }, + imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg", imageAlt: "Tone Balance Cream"}, { - imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90664.jpg?_wi=1", - imageAlt: "Glow Cream Texture", - }, + imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90664.jpg", imageAlt: "Glow Cream Texture"}, ]} /> @@ -101,17 +77,11 @@ export default function LandingPage() { description="MultiMel is a modern skincare and wellness brand focused on enhancing natural beauty through safe, effective, and affordable products. We empower confidence through radiant skin, aiming for global recognition in melanin-focused care." metrics={[ { - value: "100%", - title: "Melanin-Focus", - }, + value: "100%", title: "Melanin-Focus"}, { - value: "Safe", - title: "Ingredients", - }, + value: "Safe", title: "Ingredients"}, { - value: "Affordable", - title: "Luxury", - }, + value: "Affordable", title: "Luxury"}, ]} imageSrc="http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914254.jpg" imageAlt="About MultiMel" @@ -127,49 +97,31 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Melanin-Rich Beauty", - description: "Expertly designed formulas for all melanin shades.", - icon: Sparkles, + title: "Melanin-Rich Beauty", description: "Expertly designed formulas for all melanin shades.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg?_wi=3", - imageAlt: "skincare model radiant skin", }, { - title: "Safe Ingredients", - description: "Cruelty-free, safe, and science-backed ingredients.", - icon: Shield, + title: "Safe Ingredients", description: "Cruelty-free, safe, and science-backed ingredients.", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-cup-tea-various-spices-herbs-black-wood-with-copy-space_141793-7440.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-cup-tea-various-spices-herbs-black-wood-with-copy-space_141793-7440.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-cosmetic-tube-with-silver-cap_9975-134375.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-cosmetic-tube-with-silver-cap_9975-134375.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg?_wi=3", - imageAlt: "skincare cream jar aesthetic", }, { - title: "Visible Results", - description: "Formulated to deliver real, noticeable skin transformation.", - icon: Award, + title: "Visible Results", description: "Formulated to deliver real, noticeable skin transformation.", icon: Award, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90664.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90664.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-cup-tea-various-spices-herbs-black-wood-with-copy-space_141793-7440.jpg?_wi=3", - imageAlt: "herbal detox tea wellness", }, ]} title="Why Choose MultiMel?" @@ -185,59 +137,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - brand: "MultiMel", - name: "Radiant Glow Cream", - price: "$25", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-composition_23-2147803538.jpg?_wi=1", - }, + id: "p1", brand: "MultiMel", name: "Radiant Glow Cream", price: "$25", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-composition_23-2147803538.jpg"}, { - id: "p2", - brand: "MultiMel", - name: "Spot Fade Soap", - price: "$15", - rating: 5, - reviewCount: "98", - imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-items-colored-wall_169016-5810.jpg", - }, + id: "p2", brand: "MultiMel", name: "Spot Fade Soap", price: "$15", rating: 5, + reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-items-colored-wall_169016-5810.jpg"}, { - id: "p3", - brand: "MultiMel", - name: "Herbal Detox Tea", - price: "$20", - rating: 4, - reviewCount: "85", - imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449095.jpg", - }, + id: "p3", brand: "MultiMel", name: "Herbal Detox Tea", price: "$20", rating: 4, + reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449095.jpg"}, { - id: "p4", - brand: "MultiMel", - name: "MiniGlow Soap", - price: "$10", - rating: 5, - reviewCount: "45", - imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soaps-husk-pink-surface_23-2147927120.jpg", - }, + id: "p4", brand: "MultiMel", name: "MiniGlow Soap", price: "$10", rating: 5, + reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soaps-husk-pink-surface_23-2147927120.jpg"}, { - id: "p5", - brand: "MultiMel", - name: "Tone Balance Cream", - price: "$22", - rating: 5, - reviewCount: "67", - imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg", - }, + id: "p5", brand: "MultiMel", name: "Tone Balance Cream", price: "$22", rating: 5, + reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg"}, { - id: "p6", - brand: "MultiMel", - name: "Renewal Mist", - price: "$18", - rating: 4, - reviewCount: "32", - imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-composition_23-2147803538.jpg?_wi=2", - }, + id: "p6", brand: "MultiMel", name: "Renewal Mist", price: "$18", rating: 4, + reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-composition_23-2147803538.jpg"}, ]} title="Our Products" description="Discover our collection of curated skincare and wellness essentials." @@ -252,25 +168,15 @@ export default function LandingPage() { author="Sarah J." avatars={[ { - src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", - alt: "Customer", - }, + src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", alt: "Customer"}, { - src: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg", - alt: "Customer", - }, + src: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg", alt: "Customer"}, { - src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", - alt: "Customer", - }, + src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Customer"}, { - src: "http://img.b2bpic.net/free-photo/portrait-naturally-beautiful-woman_23-2150351868.jpg", - alt: "Customer", - }, + src: "http://img.b2bpic.net/free-photo/portrait-naturally-beautiful-woman_23-2150351868.jpg", alt: "Customer"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", - alt: "Customer", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", alt: "Customer"}, ]} ratingAnimation="slide-up" avatarsAnimation="blur-reveal" @@ -281,14 +187,11 @@ export default function LandingPage() { @@ -299,33 +202,21 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Shop", - href: "#products", - }, + label: "Shop", href: "#products"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { items: [ { - label: "Email: multimelgroup@gmail.com", - href: "mailto:multimelgroup@gmail.com", - }, + label: "Email: multimelgroup@gmail.com", href: "mailto:multimelgroup@gmail.com"}, { - label: "Instagram: @multimelgroup", - href: "https://www.instagram.com/multimelgroup", - }, + label: "Instagram: @multimelgroup", href: "https://www.instagram.com/multimelgroup"}, ], }, ]} -- 2.49.1