1 Commits

Author SHA1 Message Date
bfcba9dc36 Update src/app/page.tsx 2026-05-13 16:28:50 +00:00

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Niffer Cosmetics" brandName="Niffer Cosmetics"
/> />
@@ -54,60 +46,37 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Unveil Your Natural Glow" title="Unveil Your Natural Glow"
description="Niffer Cosmetics brings you the finest selection of premium beauty products, tailored for your skin in Tanzania." description="Niffer Cosmetics brings you the finest selection of premium beauty products, tailored for your skin in Tanzania."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5383.jpg", src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5383.jpg", alt: "Customer"},
alt: "Customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-curious-woman-trench-coat_197531-19730.jpg", src: "http://img.b2bpic.net/free-photo/front-view-curious-woman-trench-coat_197531-19730.jpg", alt: "Customer"},
alt: "Customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/photo-fashionable-girl-with-bright-ginger-hairstyle-bandage-neck-light-modern-clothes-looking-front-outdoor_197531-24727.jpg", src: "http://img.b2bpic.net/free-photo/photo-fashionable-girl-with-bright-ginger-hairstyle-bandage-neck-light-modern-clothes-looking-front-outdoor_197531-24727.jpg", alt: "Customer"},
alt: "Customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg", src: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg", alt: "Customer"},
alt: "Customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoors_624325-1706.jpg", src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoors_624325-1706.jpg", alt: "Customer"},
alt: "Customer",
},
]} ]}
avatarText="Loved by thousands of women across Tanzania" avatarText="Loved by thousands of women across Tanzania"
buttons={[ buttons={[
{ {
text: "Shop Our Collection", text: "Shop Our Collection", href: "#products"},
href: "#products",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Cruelty-Free"},
text: "Cruelty-Free",
},
{ {
type: "text", type: "text", text: "Organic Ingredients"},
text: "Organic Ingredients",
},
{ {
type: "text", type: "text", text: "Tanzanian Owned"},
text: "Tanzanian Owned",
},
{ {
type: "text", type: "text", text: "Dermatologist Tested"},
text: "Dermatologist Tested",
},
{ {
type: "text", type: "text", text: "Premium Quality"},
text: "Premium Quality",
},
]} ]}
/> />
</div> </div>
@@ -118,9 +87,7 @@ export default function LandingPage() {
title="Beauty Rooted in Quality & Care" title="Beauty Rooted in Quality & Care"
buttons={[ buttons={[
{ {
text: "Learn More About Us", text: "Learn More About Us", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -133,44 +100,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Luxury Radiance Serum", price: "TZS 45,000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-assortment_23-2149096664.jpg"},
name: "Luxury Radiance Serum",
price: "TZS 45,000",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-assortment_23-2149096664.jpg",
},
{ {
id: "p2", id: "p2", name: "Matte Finish Foundation", price: "TZS 35,000", imageSrc: "http://img.b2bpic.net/free-photo/dirty-makeup-brushes_23-2147710659.jpg"},
name: "Matte Finish Foundation",
price: "TZS 35,000",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-makeup-brushes_23-2147710659.jpg",
},
{ {
id: "p3", id: "p3", name: "Velvet Touch Eyeshadow", price: "TZS 28,000", imageSrc: "http://img.b2bpic.net/free-photo/red-lip-gloss-with-sky-background_23-2149681517.jpg"},
name: "Velvet Touch Eyeshadow",
price: "TZS 28,000",
imageSrc: "http://img.b2bpic.net/free-photo/red-lip-gloss-with-sky-background_23-2149681517.jpg",
},
{ {
id: "p4", id: "p4", name: "Midnight Bloom Perfume", price: "TZS 65,000", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-small-flowers-arrangement-flat-lay_23-2149322600.jpg"},
name: "Midnight Bloom Perfume",
price: "TZS 65,000",
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-small-flowers-arrangement-flat-lay_23-2149322600.jpg",
},
{ {
id: "p5", id: "p5", name: "Hydrating Body Lotion", price: "TZS 22,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-s-face-with-wet-skin-with-drops-water-it-mousturizing-skin-concept_633478-1164.jpg"},
name: "Hydrating Body Lotion",
price: "TZS 22,000",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-s-face-with-wet-skin-with-drops-water-it-mousturizing-skin-concept_633478-1164.jpg",
},
{ {
id: "p6", id: "p6", name: "Organic Night Cream", price: "TZS 40,000", imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-containers_23-2149511275.jpg"},
name: "Organic Night Cream",
price: "TZS 40,000",
imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-containers_23-2149511275.jpg",
},
]} ]}
title="Our Signature Collection" title="Our Signature Collection"
description="Discover high-performance beauty essentials crafted for every skin type." description="Discover high-performance beauty essentials crafted for every skin type."
buttons={[
{
text: "View All Products", href: "#shop"
}
]}
/> />
</div> </div>
@@ -181,20 +129,11 @@ export default function LandingPage() {
description="We are dedicated to providing safe, effective, and ethically sourced beauty products." description="We are dedicated to providing safe, effective, and ethically sourced beauty products."
accordionItems={[ accordionItems={[
{ {
id: "a1", id: "a1", title: "Ethically Sourced", content: "Our ingredients are harvested with respect for the environment."},
title: "Ethically Sourced",
content: "Our ingredients are harvested with respect for the environment.",
},
{ {
id: "a2", id: "a2", title: "Dermatologically Tested", content: "Every product undergoes rigorous safety checks for your skin."},
title: "Dermatologically Tested",
content: "Every product undergoes rigorous safety checks for your skin.",
},
{ {
id: "a3", id: "a3", title: "Local Expertise", content: "Specially formulated for the Tanzanian climate and skin needs."},
title: "Local Expertise",
content: "Specially formulated for the Tanzanian climate and skin needs.",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg" imageSrc="http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg"
@@ -208,40 +147,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah A.", role: "Makeup Artist", testimonial: "The quality is unmatched. My clients love the glow!", imageSrc: "http://img.b2bpic.net/free-photo/charming-browneyed-woman-headband-kigurumi-smiles-poses-with-eyepatches-pink-background_197531-28325.jpg"},
name: "Sarah A.",
role: "Makeup Artist",
testimonial: "The quality is unmatched. My clients love the glow!",
imageSrc: "http://img.b2bpic.net/free-photo/charming-browneyed-woman-headband-kigurumi-smiles-poses-with-eyepatches-pink-background_197531-28325.jpg",
},
{ {
id: "t2", id: "t2", name: "Grace M.", role: "Student", testimonial: "Finally found a foundation that stays on in our heat.", imageSrc: "http://img.b2bpic.net/free-photo/inside-portrait-smiling-happy-european-woman-with-wine-lips-wearing-white-jacket-posing-camera_291650-432.jpg"},
name: "Grace M.",
role: "Student",
testimonial: "Finally found a foundation that stays on in our heat.",
imageSrc: "http://img.b2bpic.net/free-photo/inside-portrait-smiling-happy-european-woman-with-wine-lips-wearing-white-jacket-posing-camera_291650-432.jpg",
},
{ {
id: "t3", id: "t3", name: "Fatuma J.", role: "Professional", testimonial: "The Night Cream changed my skin tone completely. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-131.jpg"},
name: "Fatuma J.",
role: "Professional",
testimonial: "The Night Cream changed my skin tone completely. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-131.jpg",
},
{ {
id: "t4", id: "t4", name: "Amina S.", role: "Business Owner", testimonial: "Excellent service and fast delivery across Tanzania.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-lifestyle-blogger-girl-records-beauty-vlog-her-room-using-professional_1258-255198.jpg"},
name: "Amina S.",
role: "Business Owner",
testimonial: "Excellent service and fast delivery across Tanzania.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-lifestyle-blogger-girl-records-beauty-vlog-her-room-using-professional_1258-255198.jpg",
},
{ {
id: "t5", id: "t5", name: "Brenda L.", role: "Teacher", testimonial: "My go-to brand for natural and clean skincare.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg"},
name: "Brenda L.",
role: "Teacher",
testimonial: "My go-to brand for natural and clean skincare.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
},
]} ]}
title="Hear From Our Community" title="Hear From Our Community"
description="Join thousands of satisfied customers who have transformed their routine." description="Join thousands of satisfied customers who have transformed their routine."
@@ -254,20 +168,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do you offer nationwide delivery?", content: "Yes, we ship across all regions in Tanzania."},
title: "Do you offer nationwide delivery?",
content: "Yes, we ship across all regions in Tanzania.",
},
{ {
id: "f2", id: "f2", title: "Are your products cruelty-free?", content: "Absolutely, we never test our products on animals."},
title: "Are your products cruelty-free?",
content: "Absolutely, we never test our products on animals.",
},
{ {
id: "f3", id: "f3", title: "How can I join the Niffer loyalty program?", content: "Sign up online or at any of our retail stores."},
title: "How can I join the Niffer loyalty program?",
content: "Sign up online or at any of our retail stores.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Get quick answers about our shipping, ingredients, and store locations." description="Get quick answers about our shipping, ingredients, and store locations."
@@ -279,14 +184,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
text="Ready to enhance your beauty routine? Let's connect." text="Ready to enhance your beauty routine? Let's connect."
buttons={[ buttons={[
{ {
text: "Contact Us Now", text: "Contact Us Now", href: "mailto:hello@niffercosmetics.co.tz"},
href: "mailto:hello@niffercosmetics.co.tz",
},
]} ]}
/> />
</div> </div>
@@ -296,42 +198,27 @@ export default function LandingPage() {
logoText="Niffer Cosmetics" logoText="Niffer Cosmetics"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "All Products", label: "All Products", href: "#products"},
href: "#products",
},
{ {
label: "Best Sellers", label: "Best Sellers", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact", label: "Contact", href: "mailto:hello@niffercosmetics.co.tz"},
href: "mailto:hello@niffercosmetics.co.tz",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -341,4 +228,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }