From 69a9683145ca2b5f73061b6511f4c60ddb9eafab Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 11:31:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 174 +++++++++++++++++------------------------------
 1 file changed, 61 insertions(+), 113 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9751892..6dcdcd9 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1