Files
5088b171-f5eb-4ede-8276-775…/src/app/page.tsx
2026-06-09 22:59:38 +00:00

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>
);
}