Merge version_2 into main #1
203
src/app/page.tsx
203
src/app/page.tsx
@@ -31,58 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Business Opportunity",
|
||||
id: "#business",
|
||||
},
|
||||
name: "Business", id: "#business"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="NatureRemedies"
|
||||
brandName="HIMBOL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Pure Nature. Pure Growth."
|
||||
description="Unlock your well-being with our collection of 100% natural herbal remedies and join a movement of self-sufficiency. Invest in yourself, become your own boss, and bring the healing power of nature to your community."
|
||||
variant: "plain"}}
|
||||
logoText="Nature is our healer."
|
||||
description="We provide premium herbal products at affordable wholesale prices that ensure high profit margins for resellers. Join us to transform lives and tackle unemployment together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
{
|
||||
text: "Start Your Business",
|
||||
href: "#business",
|
||||
},
|
||||
text: "Become a Reseller", href: "#business"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-plants_23-2148173465.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="natural herbal remedy shop background"
|
||||
imageAlt="natural herbal products showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Empowering You, One Remedy at a Time."
|
||||
tag="Our Philosophy"
|
||||
title="HIMBOL: Nature is our healer."
|
||||
tag="Our Commitment"
|
||||
tagIcon={Leaf}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,62 +80,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Nature",
|
||||
name: "Bitter Kola",
|
||||
price: "R50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-small-plate-full-nuts-marble-background-high-quality-photo_114579-38141.jpg",
|
||||
},
|
||||
id: "1", brand: "Premium", name: "Herbal Extract A", price: "Wholesale Available", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-small-plate-full-nuts-marble-background-high-quality-photo_114579-38141.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Nature",
|
||||
name: "Hibiscus Tea",
|
||||
price: "R70",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-brew-hibiscus-tea-with-ice-basil-leaves_114579-24560.jpg",
|
||||
},
|
||||
id: "2", brand: "Premium", name: "Herbal Extract B", price: "Wholesale Available", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/cold-brew-hibiscus-tea-with-ice-basil-leaves_114579-24560.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Nature",
|
||||
name: "Almond Oil",
|
||||
price: "R120",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-almond-moisturizer-dark-wood-background_1150-45145.jpg",
|
||||
},
|
||||
id: "3", brand: "Premium", name: "Herbal Extract C", price: "Wholesale Available", rating: 4,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/body-almond-moisturizer-dark-wood-background_1150-45145.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Nature",
|
||||
name: "Coconut Oil",
|
||||
price: "R100",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-interacting-with-fruits_23-2151626920.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Nature",
|
||||
name: "Blackseed Oil",
|
||||
price: "R150",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soy-milk-mix-black-sesame-dark-background_1150-45251.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Nature",
|
||||
name: "Sugarcane Juice",
|
||||
price: "R40",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail-with-pineapple_23-2150143212.jpg",
|
||||
},
|
||||
id: "4", brand: "Premium", name: "Herbal Extract D", price: "Wholesale Available", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-interacting-with-fruits_23-2151626920.jpg"},
|
||||
]}
|
||||
title="Natural Remedies Collection"
|
||||
description="Discover our meticulously curated selection of powerful, nature-derived healing products."
|
||||
title="Premium Herbal Selection"
|
||||
description="We offer high-quality herbal products designed for healthy profit margins and community healing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,63 +104,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Buy Bulk, Resell Local",
|
||||
description: "Access stock at reduced prices to maximize your profit margins.",
|
||||
icon: TrendingUp,
|
||||
title: "High Profit Margins", description: "Our wholesale pricing structure is designed to maximize your earnings as a reseller.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Address the high unemployment rate by creating opportunities where you live.",
|
||||
icon: Users,
|
||||
title: "Empowering Small Businesses", description: "We actively collaborate with small businesses and influencers to create local impact.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Wellness Ambassador",
|
||||
description: "Spread the benefits of natural remedies while achieving financial independence.",
|
||||
icon: Award,
|
||||
title: "Be Your Own Boss", description: "Start your path to financial independence by representing premium natural products.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Professional Branding",
|
||||
description: "Get marketing materials and support to grow your local presence.",
|
||||
icon: Target,
|
||||
},
|
||||
{
|
||||
title: "Direct Earnings",
|
||||
description: "Take control of your income stream by selling premium products.",
|
||||
icon: DollarSign,
|
||||
title: "Tackle Unemployment", description: "Join a movement creating job opportunities in every corner of the country.", icon: Target,
|
||||
},
|
||||
]}
|
||||
title="Be Your Own Boss"
|
||||
description="We believe in economic empowerment. Purchase our high-quality stock in bulk at wholesale prices, and resell it to your local community. Attack the unemployment rate in South Africa while building your own successful brand."
|
||||
title="Empowering Economic Freedom"
|
||||
description="Nature is our healer, and we want you to profit from that belief. By collaborating with us, you are not just selling products; you are building a legacy, creating jobs, and fighting unemployment in your local area."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Since I started reselling NatureRemedies stock, my life has changed. I am my own boss, serving my community with products I trust. It's more than business; it's a mission."
|
||||
testimonial="Partnering with HIMBOL has allowed me to earn a full-time income while serving my community with products that genuinely help people. I am finally my own boss."
|
||||
rating={5}
|
||||
author="Thabo M., Entrepreneur"
|
||||
author="Sarah M., Independent Reseller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-caucasian-blonde-women-different-ages-are-tasting-cosmetic-product-while-sitting-white-background-skin-care-hydration-concept_197531-31442.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sugar-free-coconut-candy-flat-lay_23-2148933531.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-person-taking-care-afro-hair_23-2149575451.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-potted-plants_23-2149412615.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-caucasian-blonde-women-different-ages-are-tasting-cosmetic-product-while-sitting-white-background-skin-care-hydration-concept_197531-31442.jpg", alt: "Customer 1"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -227,65 +139,42 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Journey Today"
|
||||
description="Reach out to join our distributor network. Let's grow together."
|
||||
title="Partner With Us"
|
||||
description="Ready to start your business? Contact our team today for wholesale access and reseller support."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Inquire Now"
|
||||
buttonText="Apply Now"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-kitchen_1153-5075.jpg"
|
||||
imageAlt="Woman posing in the kitchen"
|
||||
imageAlt="Partnering for wellness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/turkish-delight-rahat-lokum-with-hazelnuts-wooden-board-grey-background_114579-59321.jpg"
|
||||
logoText="NatureRemedies"
|
||||
logoText="HIMBOL"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Products", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Business",
|
||||
items: [
|
||||
{
|
||||
label: "Join Distributor Program",
|
||||
href: "#business",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Opportunity", items: [
|
||||
{ label: "Become a Reseller", href: "#business" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
imageAlt="natural herbal remedy shop background"
|
||||
imageAlt="footer background"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user