374 lines
23 KiB
TypeScript
374 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { CheckCircle, DollarSign, Feather, HelpCircle, Leaf, Quote, Recycle, Settings, Sparkles, Star, Target, Trash2 } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#features"},
|
|
{
|
|
name: "Waste Types", id: "#products"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Partners", id: "#social-proof"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-ecology-badges_23-2149202730.jpg"
|
|
logoAlt="EcoCycle Kenya Logo"
|
|
brandName="EcoCycle Kenya"
|
|
bottomLeftText="Your Green Partner"
|
|
bottomRightText="info@ecocyclekenya.com"
|
|
button={{
|
|
text: "Pay with M-Pesa", href: "tel:+254793805279"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
imagePosition="right"
|
|
title="Clean Kenya, Green Future: Effortless Waste Management & Recycling"
|
|
description="EcoCycle Kenya provides reliable, eco-friendly waste collection and recycling services tailored for homes and businesses across Kenya. Join us in building a sustainable tomorrow, powered by convenient M-Pesa payments."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah W.", handle: "@SarahWanjiku", testimonial: "EcoCycle Kenya transformed our community's waste disposal. Their service is incredibly reliable, and M-Pesa payments make it so easy!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-attractive-afro-american-teen-girl-posing-tree_1098-18539.jpg", imageAlt: "Sarah Wanjiku testimonial"},
|
|
{
|
|
name: "David K.", handle: "@DavidKimani", testimonial: "As a business owner, efficient waste management is crucial. EcoCycle Kenya delivers, and their commitment to recycling is truly inspiring.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg", imageAlt: "David Kimani testimonial"},
|
|
{
|
|
name: "Janet R.", handle: "@JanetRecycles", testimonial: "Impressed by the professionalism and ease of recycling. EcoCycle Kenya is making a real difference in our town!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-boxes-pizza_1187-925.jpg", imageAlt: "Smiling Kenyan student happy with recycling service"},
|
|
{
|
|
name: "Mark L.", handle: "@MarkEcoHome", testimonial: "Our home is much cleaner, and contributing to recycling feels great. The M-Pesa option is incredibly convenient!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27364.jpg", imageAlt: "Happy Kenyan couple satisfied with waste collection"},
|
|
{
|
|
name: "Christine P.", handle: "@GreenAdvocateKE", testimonial: "EcoCycle Kenya leads the way in sustainable waste management. Their impact on our environment is significant and commendable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-girl-european-boy-pivcking-up-trash-activists-clearing-park-sideways_1157-49292.jpg", imageAlt: "Kenyan environmental activist praising waste management"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
tag="Your Local Green Partner"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
{
|
|
text: "Learn More About Our Impact", href: "#about"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148563537.jpg", alt: "Satisfied customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-woman-lady-lifestyle-african_1139-725.jpg", alt: "Satisfied customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/family-enjoying-their-quality-winter-time_23-2149186267.jpg", alt: "Satisfied customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-little-african-boy-resort_53876-137604.jpg", alt: "Satisfied customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/guys-accused-feel-shocked-upset-portait-confused-frustrated-worried-two-africanamerican-siblings_1258-253861.jpg", alt: "Another satisfied Kenyan customer"},
|
|
]}
|
|
avatarText="Join 10,000+ happy Kenyans"
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27406.jpg"
|
|
imageAlt="Kenyan waste management and recycling operations"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Sustainable Future"},
|
|
{
|
|
type: "text-icon", text: "Recycle with Purpose", icon: Recycle,
|
|
},
|
|
{
|
|
type: "text", text: "Community Impact"},
|
|
{
|
|
type: "text-icon", text: "Clean Environment", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text", text: "M-Pesa Convenience"},
|
|
{
|
|
type: "text-icon", text: "Zero Waste Goals", icon: Trash2,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Transforming Kenya's Waste into Resources"
|
|
description="EcoCycle Kenya is dedicated to fostering a cleaner, healthier environment by providing accessible and efficient waste management and recycling services. We believe every piece of waste has potential for a new life, contributing to a circular economy and empowering our communities."
|
|
metrics={[
|
|
{
|
|
value: "500+", title: "Communities Served"},
|
|
{
|
|
value: "100K+", title: "Tons Recycled Annually"},
|
|
{
|
|
value: "80%", title: "Waste Diverted from Landfills"},
|
|
]}
|
|
tag="Our Mission & Impact"
|
|
tagIcon={Target}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-tool-bike-maintenance_482257-90905.jpg"
|
|
imageAlt="Waste sorting facility with workers"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
features={[
|
|
{
|
|
title: "Residential Collection", description: "Hassle-free weekly collection for households, ensuring your waste is handled responsibly and efficiently. Easy M-Pesa payments for seamless service.", imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg", imageAlt: "Residential waste collection", titleImageSrc: "http://img.b2bpic.net/free-vector/eco-city-save-planet_24640-45779.jpg", buttonText: "See Residential Plans", buttonHref: "#pricing"},
|
|
{
|
|
title: "Commercial Solutions", description: "Tailored waste management and recycling programs for businesses, offices, and industrial sites. Reduce your environmental footprint and operational costs.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-recycling-better-environment_23-2148999419.jpg", imageAlt: "Commercial waste solutions", titleImageSrc: "http://img.b2bpic.net/free-photo/trash-bin-front-side-white-background_187299-40223.jpg", buttonText: "Request Business Quote", buttonHref: "#contact"},
|
|
{
|
|
title: "Advanced Recycling", description: "Utilizing state-of-the-art facilities, we process plastics, paper, glass, metals, and organic waste into valuable secondary resources.", imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg", imageAlt: "Advanced recycling process", titleImageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-with-hybrid-car_53876-165505.jpg", buttonText: "Explore Recycling Process", buttonHref: "#products"},
|
|
]}
|
|
title="Our Comprehensive Waste Management Solutions"
|
|
description="From convenient collection to advanced recycling, EcoCycle Kenya offers a full suite of services designed for maximum efficiency and environmental benefit. We make going green simple and accessible for everyone."
|
|
tag="Our Core Services"
|
|
tagIcon={Settings}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "plastic", name: "Plastics (PET, HDPE)", price: "Free Pickup", variant: "Bottles, Containers", imageSrc: "http://img.b2bpic.net/free-photo/plastic-garbage-conveyor-belt-waste-recycling-factory_1268-23430.jpg", imageAlt: "Plastic waste", onProductClick: () => console.log('Product clicked:', 'plastic')},
|
|
{
|
|
id: "paper", name: "Paper & Cardboard", price: "Free Pickup", variant: "Newspapers, Boxes", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-celebration-with-typewriter_23-2150230994.jpg", imageAlt: "Paper and cardboard waste", onProductClick: () => console.log('Product clicked:', 'paper')},
|
|
{
|
|
id: "glass", name: "Glass Bottles", price: "Free Pickup", variant: "Beverage bottles", imageSrc: "http://img.b2bpic.net/free-photo/collection-colorful-light-bulbs_53876-32343.jpg", imageAlt: "Glass bottles", onProductClick: () => console.log('Product clicked:', 'glass')},
|
|
{
|
|
id: "metal", name: "Metals (Aluminum, Steel)", price: "Free Pickup", variant: "Cans, Scraps", imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-background_1232-2900.jpg", imageAlt: "Metal cans and scraps", onProductClick: () => console.log('Product clicked:', 'metal')},
|
|
{
|
|
id: "organic", name: "Organic Waste", price: "Subscription", variant: "Food scraps, Garden", imageSrc: "http://img.b2bpic.net/free-photo/assortment-compost-made-rotten-food-with-copy-space_23-2149073797.jpg", imageAlt: "Organic waste", onProductClick: () => console.log('Product clicked:', 'organic')},
|
|
{
|
|
id: "textiles", name: "Textiles & Clothes", price: "Donation", variant: "Old garments, Fabric", imageSrc: "http://img.b2bpic.net/free-photo/unboxing_23-2148161718.jpg", imageAlt: "Textile waste", onProductClick: () => console.log('Product clicked:', 'textiles')},
|
|
]}
|
|
title="What We Recycle"
|
|
description="Discover the wide range of materials we collect and meticulously process, turning waste into valuable raw materials. Your waste is our treasure."
|
|
tag="Recycling Categories"
|
|
tagIcon={Feather}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "residential", title: "Residential Eco-Plan", price: "Ksh 1,500", period: "per month", features: [
|
|
"Weekly household collection", "Separate recycling bins", "M-Pesa payment integration", "Community clean-up participation"],
|
|
button: {
|
|
text: "Sign Up Now", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27360.jpg", imageAlt: "Residential house with recycling bins"},
|
|
{
|
|
id: "small-business", title: "Small Business Pro-Plan", price: "Ksh 5,000", period: "per month", features: [
|
|
"Twice-weekly commercial collection", "Tailored recycling programs", "Dedicated account manager", "Environmental impact reports"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-recycling-vegetable-leftovers_23-2148666778.jpg", imageAlt: "Small business front"},
|
|
{
|
|
id: "industrial", title: "Industrial Custom Plan", price: "Custom Quote", period: "monthly", features: [
|
|
"High-volume waste solutions", "On-site waste audits & consulting", "Specialized waste stream handling", "Compliance & regulatory support"],
|
|
button: {
|
|
text: "Contact for Quote", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-pulling-suitcase-from-train_23-2147770305.jpg", imageAlt: "Industrial factory building"},
|
|
]}
|
|
title="Flexible Plans for Every Need"
|
|
description="Choose a waste management plan that perfectly fits your household or business requirements. Transparent pricing, reliable service, and easy payments via M-Pesa."
|
|
tag="Our Pricing"
|
|
tagIcon={DollarSign}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Amina S.", handle: "Community Leader, Nairobi", testimonial: "EcoCycle Kenya has made a huge difference in our estate. The collection is always on time, and their M-Pesa option is incredibly convenient.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-black-smiling-young-woman-glasses-wears-piercing-holds-modern-cell-phone-has-pleasant-conversation-together-with-unrecognizable-guy-who-sits-back-discuss-collaboration_273609-28953.jpg", imageAlt: "Amina S.", icon: Quote,
|
|
},
|
|
{
|
|
id: "2", name: "James O.", handle: "Restaurant Owner, Mombasa", testimonial: "Their commercial waste solutions are unmatched. We've reduced our waste footprint significantly, and their team is always professional.", imageSrc: "http://img.b2bpic.net/free-photo/hopeful-sad-black-man-talking-god-holding-hands-pray-looking-up-pleading-begging-h_1258-129800.jpg", imageAlt: "James O.", icon: Quote,
|
|
},
|
|
{
|
|
id: "3", name: "Fatima M.", handle: "Homemaker, Kisumu", testimonial: "Recycling used to be complicated, but EcoCycle Kenya made it so easy. I feel good knowing my family is contributing to a greener Kenya.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-trying-cope-with-stress-loss-counseling_482257-119775.jpg", imageAlt: "Fatima M.", icon: Quote,
|
|
},
|
|
{
|
|
id: "4", name: "Ben K.", handle: "Operations Manager, Thika", testimonial: "The industrial waste management plan saved us time and money. Their commitment to sustainability aligns perfectly with our company values.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-holding-folder-young-africanamerican-guy-isolated-blue-background_141793-135579.jpg", imageAlt: "Ben K.", icon: Quote,
|
|
},
|
|
{
|
|
id: "5", name: "Grace N.", handle: "Environmental Educator", testimonial: "I highly recommend EcoCycle Kenya. Their efforts in promoting recycling and proper waste disposal are vital for our nation's future.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kids-with-thumbs-up_23-2148472426.jpg", imageAlt: "Grace N.", icon: Quote,
|
|
},
|
|
{
|
|
id: "6", name: "Paul V.", handle: "Small Business Owner, Eldoret", testimonial: "Reliable and efficient. EcoCycle Kenya understands local needs and delivers top-notch service. The M-Pesa option is a game-changer!", imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411793.jpg", imageAlt: "Paul V.", icon: Quote,
|
|
},
|
|
]}
|
|
title="Hear From Our Valued Clients"
|
|
description="Our clients trust EcoCycle Kenya for their waste management needs. Read what they have to say about our commitment to service, efficiency, and a cleaner environment."
|
|
tag="Customer Stories"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Nairobi County Council", "Green Future Alliance", "Eco-Schools Kenya", "Clean Earth Logistics", "Kenya Retail Group", "Sustainable Homes Initiative", "Waste Warriors Collective"]}
|
|
title="Trusted by Communities & Partners"
|
|
description="We collaborate with local governments, businesses, and community organizations to expand our reach and maximize our environmental impact."
|
|
tag="Our Network"
|
|
tagIcon={CheckCircle}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I pay using M-Pesa Pochi la Biashara?", content: "You can easily pay by sending money to our Pochi la Biashara number: +254793805279. Simply go to your M-Pesa menu, select 'Lipa na M-Pesa', then 'Pochi la Biashara', enter our number, and the amount."},
|
|
{
|
|
id: "2", title: "What types of waste do you collect for recycling?", content: "We collect a wide range of recyclables including plastics (PET, HDPE), paper, cardboard, glass bottles, and metal cans. Please ensure items are clean and dry before collection."},
|
|
{
|
|
id: "3", title: "Do I need to separate my waste before collection?", content: "Yes, we encourage and provide separate bins for different waste categories (organic, mixed non-recyclable, and recyclables) to ensure efficient sorting and processing at our facility."},
|
|
{
|
|
id: "4", title: "What areas in Kenya do you serve?", content: "We currently operate in Nairobi and its surrounding counties, with plans for expansion to other major towns. Please contact us to confirm service availability in your specific area."},
|
|
{
|
|
id: "5", title: "How can businesses sign up for commercial waste services?", content: "Businesses can request a custom quote through our contact form or by calling us directly. We'll conduct an on-site audit to tailor a plan that meets your specific needs."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our services, recycling guidelines, or M-Pesa payments? Find quick answers here or contact us directly."
|
|
tag="Quick Answers"
|
|
tagIcon={HelpCircle}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to make a difference? Join EcoCycle Kenya and start building a cleaner, greener future today. Reach out to our team or pay conveniently with M-Pesa."
|
|
buttons={[
|
|
{
|
|
text: "Call Us Now", href: "tel:+254700000000"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/254700000000"},
|
|
{
|
|
text: "Pay with M-Pesa (Pochi la Biashara: +254793805279)", href: "tel:+254793805279"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-eco-friendly-labels_23-2149202603.jpg"
|
|
logoAlt="EcoCycle Kenya Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "M-Pesa Payment", href: "tel:+254793805279"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="EcoCycle Kenya"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |