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

---
 src/app/page.tsx | 519 ++++++++++++++---------------------------------
 1 file changed, 152 insertions(+), 367 deletions(-)

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