Merge version_2 into main #4
174
src/app/page.tsx
174
src/app/page.tsx
@@ -2,17 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Recycle, Shield } from "lucide-react";
|
||||
import { Award, Recycle, Shield, Mail, Phone, MapPin, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,8 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "gallery" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ECCL Kenya"
|
||||
@@ -42,154 +41,103 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
<HeroBillboardScroll
|
||||
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"
|
||||
videoSrc="http://img.b2bpic.net/video/factory-clean-production.mp4"
|
||||
ariaLabel="Hero section with environmental solutions video"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Leading Environmental Solutions in Kenya"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
description="ECCL Kenya provides professional waste management and industrial environmental compliance services throughout the region."
|
||||
subdescription="Our mission is to foster a cleaner Kenya through innovative, compliant, and sustainable waste management practices."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
<FeatureCardTen
|
||||
title="Our Expert Services"
|
||||
description="Tailored solutions for complex environmental challenges."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
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 Waste Transport", description: "Secure, compliant, and documented transit services for industrial waste.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-white-freight-truck-transporting-cargo-winter-highway-logistics-truck-road_169016-71714.jpg" },
|
||||
items: [{ icon: Truck, text: "Nationwide coverage" }, { icon: Shield, text: "NEMA compliant" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
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?_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" }
|
||||
]
|
||||
title: "Advanced Recycling", description: "Converting industrial and commercial waste into reusable resources.", media: { imageSrc: "http://img.b2bpic.net/free-photo/global-environmental-sustainability-background-green-technology_53876-124628.jpg" },
|
||||
items: [{ icon: Recycle, text: "Sustainable processes" }, { icon: Award, text: "Zero-waste goals" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Professional environmental and waste management solutions for a safer future."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
<ProductCardFour
|
||||
title="Our Proven Work"
|
||||
description="Case studies showing our site clearance and compliance impact."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
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?_wi=2" },
|
||||
{ id: "3", name: "Safety Compliance Audit", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14262.jpg" }
|
||||
{ id: "p1", name: "Industrial Site Clearance", price: "Done", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-factory_1303-14306.jpg" },
|
||||
{ id: "p2", name: "Chemical Compliance Audit", price: "Done", variant: "Verified", 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="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." }
|
||||
]}
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about compliance and waste handling."
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Everything you need to know about our services and compliance standards."
|
||||
faqs={[
|
||||
{ id: "1", title: "How is medical waste handled?", content: "We utilize high-temperature incineration following strict Kenyan NEMA protocols." },
|
||||
{ id: "2", title: "Do you provide certificates?", content: "Yes, we issue certified disposal documentation for every project managed." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplitForm
|
||||
title="Ready for a Consultation?"
|
||||
description="Reach out to our experts to discuss your facility requirements."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?" }}
|
||||
buttonText="Send Request"
|
||||
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
|
||||
<FooterLogoEmphasis
|
||||
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: "#" }] }
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user