Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MultiMel"
|
||||
/>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Have questions or want glowing skin guidance? Reach out to us anytime! Email: multimelgroup@gmail.com | Instagram: @multimelgroup"
|
||||
buttons={[
|
||||
{
|
||||
text: "Chat on Instagram",
|
||||
href: "https://www.instagram.com/multimelgroup",
|
||||
},
|
||||
text: "Chat on Instagram", href: "https://www.instagram.com/multimelgroup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user