Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-23 11:25:53 +00:00

View File

@@ -29,382 +29,167 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Work",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="ECCL Kenya"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Services", id: "services" },
{ name: "Work", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="ECCL Kenya"
button={{ text: "Get Started" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Environmental Compliance & Waste Solutions"
description="Trusted across Kenya for safe and sustainable waste management."
buttons={[
{
text: "Request a Quote",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-grassy-globe-with-trucks-trees_1048-12505.jpg?_wi=1",
imageAlt: "ECCL Facility",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg",
imageAlt: "ECCL Facility",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance_482257-120508.jpg",
imageAlt: "ECCL Facility",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-girls-recycling-with-copy-space_23-2148490294.jpg",
imageAlt: "ECCL Facility",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sustainable-travel-concept_23-2151049513.jpg",
imageAlt: "ECCL Facility",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-pc-photovoltaics-factory-used-monitor-performance-robot-arms-manufacturing_482257-135887.jpg",
imageAlt: "ECCL Facility",
},
]}
mediaAnimation="opacity"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Environmental Compliance & Waste Solutions"
description="Trusted across Kenya for safe and sustainable waste management."
buttons={[{ text: "Request a Quote", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-grassy-globe-with-trucks-trees_1048-12505.jpg", imageAlt: "ECCL Facility" },
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg", imageAlt: "ECCL Facility" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance_482257-120508.jpg", imageAlt: "ECCL Facility" }
]}
mediaAnimation="opacity"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Leading Environmental Solutions in Kenya"
buttons={[
{
text: "Learn More",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Leading Environmental Solutions in Kenya"
buttons={[{ text: "Learn More" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "High Temp Incineration",
description: "Safe medical waste disposal.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599367.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599422.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-works-dark-room-with-train-background_188544-45415.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-grassy-globe-with-trucks-trees_1048-12505.jpg?_wi=2",
imageAlt: "incineration machine",
},
{
title: "Hazardous Transport",
description: "Secure transit and handling.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/group-trucks-parked-line-truck-stop_342744-1296.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-freight-truck-transporting-cargo-winter-highway-logistics-truck-road_169016-71714.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-work_23-2148976348.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/inside-factory-unit-with-new-modern-computerized-equipment-mechanisms-box-with-swarf-photo-with-depth-field_645730-62.jpg",
imageAlt: "incineration machine",
},
{
title: "Recycling Solutions",
description: "Transforming waste to resources.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/pile-water-filters-glass-water_23-2148728702.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/global-environmental-sustainability-background-green-technology_53876-124628.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/concrete-mixing-tank-factory-dusty-machines-other-tools-sand-concrete-processing-production_645730-184.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14306.jpg?_wi=1",
imageAlt: "incineration machine",
},
{
title: "Water Treatment",
description: "Expert purification systems.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-african-america-waitress-using-digital-tablet-while-wearing-face-mask-visor_637285-7976.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cooling-tower_1127-3440.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/railing-by-sea_1162-176.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14262.jpg?_wi=1",
imageAlt: "incineration machine",
},
]}
title="Our Expert Services"
description="Professional environmental and waste management solutions for a safer future."
/>
</div>
<div id="services" data-section="services">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "High Temp Incineration", description: "Safe medical waste disposal.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599367.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599422.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-works-dark-room-with-train-background_188544-45415.jpg" }
]
},
{
title: "Hazardous Transport", description: "Secure transit and handling.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/group-trucks-parked-line-truck-stop_342744-1296.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-white-freight-truck-transporting-cargo-winter-highway-logistics-truck-road_169016-71714.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-work_23-2148976348.jpg" }
]
},
{
title: "Recycling Solutions", description: "Transforming waste to resources.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/pile-water-filters-glass-water_23-2148728702.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/global-environmental-sustainability-background-green-technology_53876-124628.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/concrete-mixing-tank-factory-dusty-machines-other-tools-sand-concrete-processing-production_645730-184.jpg" }
]
},
{
title: "Water Treatment", description: "Expert purification systems.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/view-african-america-waitress-using-digital-tablet-while-wearing-face-mask-visor_637285-7976.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cooling-tower_1127-3440.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/railing-by-sea_1162-176.jpg" }
]
}
]}
title="Our Expert Services"
description="Professional environmental and waste management solutions for a safer future."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Industrial Site Clearance",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14306.jpg?_wi=2",
},
{
id: "2",
name: "Chemical Waste Management",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/view-african-america-waitress-using-digital-tablet-while-wearing-face-mask-visor_637285-7976.jpg?_wi=2",
},
{
id: "3",
name: "Safety Compliance Audit",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14262.jpg?_wi=2",
},
{
id: "4",
name: "Facility Modernization",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-office-with-presentation_9975-22656.jpg",
},
{
id: "5",
name: "Waste Treatment Plant",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-wearing-uniform-hardhat-operating-industrial-machine-with-push-button-joystick-production-hall_342744-214.jpg",
},
{
id: "6",
name: "Environmental Impact Plan",
price: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/people-picking-up-trash-plastic-bottles-from-forest-area_482257-89485.jpg",
},
]}
title="Our Proven Work"
description="Projects that demonstrate our environmental commitment."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "1", name: "Industrial Site Clearance", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14306.jpg" },
{ id: "2", name: "Chemical Waste Management", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/view-african-america-waitress-using-digital-tablet-while-wearing-face-mask-visor_637285-7976.jpg" },
{ id: "3", name: "Safety Compliance Audit", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14262.jpg" }
]}
title="Our Proven Work"
description="Projects that demonstrate our environmental commitment."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Tons of Waste Processed",
value: "500+",
icon: Recycle,
},
{
id: "m2",
title: "Safety Audits Completed",
value: "120+",
icon: Shield,
},
{
id: "m3",
title: "Years of Experience",
value: "15+",
icon: Award,
},
]}
title="Impact at a Glance"
description="Quantifiable outcomes of our commitment to the environment."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", title: "Tons of Waste Processed", value: "500+", icon: Recycle },
{ id: "m2", title: "Safety Audits Completed", value: "120+", icon: Shield },
{ id: "m3", title: "Years of Experience", value: "15+", icon: Award }
]}
title="Impact at a Glance"
description="Quantifiable outcomes of our commitment to the environment."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099208.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-financial-consultant-greeting-his-clients-while-meeting-them-their-home-me-are-shaking-hands_637285-3763.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Dir",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg",
},
{
id: "4",
name: "David Kim",
role: "Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
},
{
id: "5",
name: "Alex Smith",
role: "Head",
company: "BigGroup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
},
]}
kpiItems={[
{
value: "99%",
label: "Retention",
},
{
value: "100+",
label: "Clients",
},
{
value: "24/7",
label: "Support",
},
]}
title="Trusted by Industry Leaders"
description="Hear what our partners say about our consulting and waste management."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099208.jpg" },
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-financial-consultant-greeting-his-clients-while-meeting-them-their-home-me-are-shaking-hands_637285-3763.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Dir", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg" }
]}
kpiItems={[
{ value: "99%", label: "Retention" },
{ value: "100+", label: "Clients" },
{ value: "24/7", label: "Support" }
]}
title="Trusted by Industry Leaders"
description="Hear what our partners say about our consulting and waste management."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I request a waste pickup?",
content: "Contact us via our form or WhatsApp to schedule a pickup.",
},
{
id: "f2",
title: "Are your services compliant?",
content: "All our processes are fully NEMA and Kenyan environmental standard compliant.",
},
{
id: "f3",
title: "Do you cover all of Kenya?",
content: "Yes, we offer nation-wide waste collection and environmental consultancy services.",
},
]}
title="Frequently Asked Questions"
description="Answers to common concerns about compliance and waste handling."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do I request a waste pickup?", content: "Contact us via our form or WhatsApp to schedule a pickup." },
{ id: "f2", title: "Are your services compliant?", content: "All our processes are fully NEMA and Kenyan environmental standard compliant." },
{ id: "f3", title: "Do you cover all of Kenya?", content: "Yes, we offer nation-wide waste collection and environmental consultancy services." }
]}
title="Frequently Asked Questions"
description="Answers to common concerns about compliance and waste handling."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
tag="Get in touch"
title="Need Safe Waste Disposal?"
description="Talk to our team today for a custom environmental solution."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated" }}
tag="Get in touch"
title="Need Safe Waste Disposal?"
description="Talk to our team today for a custom environmental solution."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="ECCL Kenya"
columns={[
{
title: "Company",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "WhatsApp",
href: "https://wa.me/254724973772",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="ECCL Kenya"
columns={[
{ title: "Company", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "WhatsApp", href: "https://wa.me/254724973772" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}