Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bfcba9dc36 |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user