Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Niffer Cosmetics"
|
||||
/>
|
||||
@@ -54,60 +46,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unveil Your Natural Glow"
|
||||
description="Niffer Cosmetics brings you the finest selection of premium beauty products, tailored for your skin in Tanzania."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5383.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5383.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-curious-woman-trench-coat_197531-19730.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-curious-woman-trench-coat_197531-19730.jpg", 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",
|
||||
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", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoors_624325-1706.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoors_624325-1706.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Loved by thousands of women across Tanzania"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Our Collection", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
type: "text", text: "Cruelty-Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
type: "text", text: "Organic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tanzanian Owned",
|
||||
},
|
||||
type: "text", text: "Tanzanian Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Tested",
|
||||
},
|
||||
type: "text", text: "Dermatologist Tested"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,9 +87,7 @@ export default function LandingPage() {
|
||||
title="Beauty Rooted in Quality & Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More About Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,44 +100,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Radiance Serum",
|
||||
price: "TZS 45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lipsticks-assortment_23-2149096664.jpg",
|
||||
},
|
||||
id: "p1", name: "Botanical Glow Serum", price: "TZS 45,000", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-with-dropper_1301-4965.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Matte Finish Foundation",
|
||||
price: "TZS 35,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirty-makeup-brushes_23-2147710659.jpg",
|
||||
},
|
||||
id: "p2", name: "Deep Hydration Cream", price: "TZS 35,000", imageSrc: "http://img.b2bpic.net/free-photo/moisturizer-jar-cream_1301-5231.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "p3", name: "Gentle Cleansing Wash", price: "TZS 28,000", imageSrc: "http://img.b2bpic.net/free-photo/cleansing-foam-bottle_1301-5421.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "p4", name: "Sun Protection Gel", price: "TZS 32,000", imageSrc: "http://img.b2bpic.net/free-photo/sunscreen-tube_1301-5489.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "p5", name: "Nourishing Night Balm", price: "TZS 42,000", imageSrc: "http://img.b2bpic.net/free-photo/night-cream-jar_1301-5678.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Organic Night Cream",
|
||||
price: "TZS 40,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-advertising-with-containers_23-2149511275.jpg",
|
||||
},
|
||||
id: "p6", name: "Exfoliating Scrub", price: "TZS 25,000", imageSrc: "http://img.b2bpic.net/free-photo/facial-scrub-texture_1301-5999.jpg"},
|
||||
]}
|
||||
title="Signature Skincare Essentials"
|
||||
description="Pure, effective botanical formulas crafted to revitalize and protect your skin with authentic Tanzanian ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop All Skincare", href: "#"
|
||||
}
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Discover high-performance beauty essentials crafted for every skin type."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,20 +129,11 @@ export default function LandingPage() {
|
||||
description="We are dedicated to providing safe, effective, and ethically sourced beauty products."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Ethically Sourced",
|
||||
content: "Our ingredients are harvested with respect for the environment.",
|
||||
},
|
||||
id: "a1", title: "Ethically Sourced", content: "Our ingredients are harvested with respect for the environment."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Dermatologically Tested",
|
||||
content: "Every product undergoes rigorous safety checks for your skin.",
|
||||
},
|
||||
id: "a2", title: "Dermatologically Tested", content: "Every product undergoes rigorous safety checks for your skin."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Local Expertise",
|
||||
content: "Specially formulated for the Tanzanian climate and skin needs.",
|
||||
},
|
||||
id: "a3", title: "Local Expertise", content: "Specially formulated for the Tanzanian climate and skin needs."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg"
|
||||
@@ -208,40 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "t1", name: "Sarah A.", role: "Skincare Enthusiast", testimonial: "My skin has never felt more vibrant. The glow is real!", imageSrc: "http://img.b2bpic.net/free-photo/charming-browneyed-woman-headband-kigurumi-smiles-poses-with-eyepatches-pink-background_197531-28325.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "t2", name: "Grace M.", role: "Student", testimonial: "Finally found a routine that works perfectly 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",
|
||||
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: "t3", name: "Fatuma J.", role: "Professional", testimonial: "The night balm changed my skin tone completely. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-131.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="Join thousands of satisfied customers who have transformed their routine."
|
||||
@@ -254,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer nationwide delivery?",
|
||||
content: "Yes, we ship across all regions in Tanzania.",
|
||||
},
|
||||
id: "f1", title: "Do you offer nationwide delivery?", content: "Yes, we ship across all regions in Tanzania."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Absolutely, we never test our products on animals.",
|
||||
},
|
||||
id: "f2", title: "Are your products cruelty-free?", content: "Absolutely, we never test our products on animals."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I join the Niffer loyalty program?",
|
||||
content: "Sign up online or at any of our retail stores.",
|
||||
},
|
||||
id: "f3", title: "How can I join the Niffer loyalty program?", content: "Sign up online or at any of our retail stores."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our shipping, ingredients, and store locations."
|
||||
@@ -279,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to enhance your beauty routine? Let's connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@niffercosmetics.co.tz",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@niffercosmetics.co.tz"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -296,42 +198,27 @@ export default function LandingPage() {
|
||||
logoText="Niffer Cosmetics"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:hello@niffercosmetics.co.tz",
|
||||
},
|
||||
label: "Contact", href: "mailto:hello@niffercosmetics.co.tz"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #fdfbf7;
|
||||
--card: #f4efe9;
|
||||
--foreground: #2d241d;
|
||||
--primary-cta: #a67c52;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e4dcd3;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--accent: #c69c6d;
|
||||
--background-accent: #efe6dd;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user