From 510792542f8ba321f65f7eb0e46b5a3d061d5fe8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 12:37:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 242 +++++++++++------------------------------------
 1 file changed, 57 insertions(+), 185 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index af9a4af..146be79 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Users, Truck, Wrench, ShieldCheck, TrendingUp, Mail } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Products", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ELKO IMPLEMENTE"
     />
@@ -49,21 +41,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="ELKO IMPLEMENTE"
       description="Built for the Land. Made to Last. Premium agricultural implements, trailers & auger wagons — engineered in South Africa."
-      buttons={[
-        {
-          text: "View Our Range",
-          href: "#products",
-        },
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "View Our Range", href: "#products" }, { text: "Request a Quote", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/ripe-wheat-cutting-with-heavy-machinery-outdoors-generated-by-ai_188544-21588.jpg?_wi=1"
       imageAlt="Agricultural fields at golden hour"
       mediaAnimation="slide-up"
@@ -71,59 +52,28 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
+      <MetricCardEleven
+      animationType="slide-up"
+      title="Engineered for Results"
+      description="Performance data that matters to modern farmers."
       useInvertedBackground={false}
-      title="Built for Reliability"
-      tag="Trusted Quality"
       metrics={[
-        {
-          id: "1",
-          value: "100%",
-          description: "South African Made",
-        },
-        {
-          id: "2",
-          value: "25+",
-          description: "Years Experience",
-        },
-        {
-          id: "3",
-          value: "Nationwide",
-          description: "Delivery",
-        },
+        { id: "1", value: "100%", title: "Local Manufacturing", description: "Proudly South African", imageSrc: "http://img.b2bpic.net/free-photo/ripe-wheat-cutting-with-heavy-machinery-outdoors-generated-by-ai_188544-21588.jpg?_wi=1" },
+        { id: "2", value: "25+", title: "Industry Years", description: "Proven expertise", imageSrc: "http://img.b2bpic.net/free-photo/ripe-wheat-cutting-with-heavy-machinery-outdoors-generated-by-ai_188544-21588.jpg?_wi=2" }
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Agricultural Implements",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-gardening-hat-holds-looks-hoe-rake_141793-71337.jpg?_wi=1",
-          imageAlt: "Ploughs and cultivators",
-        },
-        {
-          id: "2",
-          name: "Trailers",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hgv-truck-shipping-white-boxes_1048-5705.jpg",
-          imageAlt: "Tipper and livestock trailers",
-        },
-        {
-          id: "3",
-          name: "Auger Wagons",
-          price: "View Details",
-          imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43608.jpg",
-          imageAlt: "Grain transfer wagons",
-        },
+        { id: "1", name: "Agricultural Implements", price: "View Details", variant: "Pro Series", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-gardening-hat-holds-looks-hoe-rake_141793-71337.jpg?_wi=1" },
+        { id: "2", name: "Trailers", price: "View Details", variant: "Custom Build", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hgv-truck-shipping-white-boxes_1048-5705.jpg" },
+        { id: "3", name: "Auger Wagons", price: "View Details", variant: "Elite Range", imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43608.jpg" },
       ]}
       title="Our Product Range"
       description="Engineered for durability and high performance in agricultural settings."
@@ -131,161 +81,83 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardNineteen
+      <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          tag: "Construction",
-          title: "Heavy-Duty",
-          subtitle: "Built Tough",
-          description: "Industrial-grade steel and components built to handle the toughest conditions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/agriculture-machinery-cutting-ripe-wheat-sunset-generative-ai_188544-12564.jpg",
-          imageAlt: "Agriculture machinery cutting the ripe wheat at sunset generative AI",
-        },
-        {
-          tag: "Customization",
-          title: "Precision",
-          subtitle: "Tailored Solutions",
-          description: "We design solutions tailored to your operation — not one-size-fits-all.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ripe-wheat-cutting-with-heavy-machinery-outdoors-generated-by-ai_188544-21588.jpg?_wi=2",
-          imageAlt: "Agriculture machinery cutting the ripe wheat at sunset generative AI",
-        },
-        {
-          tag: "Support",
-          title: "Partnership",
-          subtitle: "Direct Access",
-          description: "Speak directly with our team. Real people, real answers, real fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-gardening-hat-holds-looks-hoe-rake_141793-71337.jpg?_wi=2",
-          imageAlt: "Agriculture machinery cutting the ripe wheat at sunset generative AI",
-        },
-      ]}
       title="Why Farmers Trust Elko"
       description="We build equipment that stands the test of time, season after season."
+      features={[
+        { icon: ShieldCheck, title: "Heavy-Duty", description: "Industrial-grade steel and components built to handle the toughest conditions." },
+        { icon: Wrench, title: "Precision", description: "We design solutions tailored to your operation — not one-size-fits-all." },
+        { icon: Users, title: "Partnership", description: "Speak directly with our team. Real people, real answers, real fast." },
+      ]}
     />
   </div>
 
   <div id="featured-product" data-section="featured-product">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="split-description"
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "f1",
-          name: "Elko 1200 Auger Wagon",
-          price: "From R350,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-wedding-coule-lies-basket-air-balloon_1304-4870.jpg",
-        },
-      ]}
+      products={[{ id: "f1", name: "Elko 1200 Auger Wagon", price: "From R350,000", variant: "Flagship", imageSrc: "http://img.b2bpic.net/free-photo/happy-wedding-coule-lies-basket-air-balloon_1304-4870.jpg" }]}
       title="Flagship Auger Wagon"
       description="The Elko 1200: 12-ton capacity, 6m unloading reach, and hydraulic drive."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      <TestimonialCardFifteen
+      testimonial="Elko equipment has completely transformed our harvest efficiency. Unmatched durability in the Free State heat."
+      rating={5}
+      author="Johan V. (Farmer)"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-african-senior-man_23-2148833072.jpg", alt: "Johan V" }]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Johan V.",
-          role: "Farmer",
-          company: "Free State",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-senior-man_23-2148833072.jpg",
-        },
-        {
-          id: "2",
-          name: "Pieter M.",
-          role: "Farmer",
-          company: "Limpopo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-with-oil-paints-field_1303-9545.jpg",
-        },
-        {
-          id: "3",
-          name: "Annemarie D.",
-          role: "Farmer",
-          company: "North West",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-senior-man_23-2148833073.jpg",
-        },
-        {
-          id: "4",
-          name: "Francois S.",
-          role: "Manager",
-          company: "Eastern Cape",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-notepad-her-hands-having-many-flowers-glass-roof_158595-7026.jpg",
-        },
-        {
-          id: "5",
-          name: "Danie B.",
-          role: "Farmer",
-          company: "Mpumalanga",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-greenhouse_1398-1871.jpg",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Proven performance on South African farms."
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
+      <AboutMetric
       title="The Elko Story"
-      description="Family-owned and rooted in South African agriculture. We take immense pride in local manufacturing, job creation, and engineering equipment that farmers can rely on for generations."
-      imageSrc="http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43612.jpg"
+      metrics={[{ icon: TrendingUp, label: "Growth", value: "25+" }, { icon: Truck, label: "Delivery", value: "All Regions" }]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="cta" data-section="cta">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      title="Ready to Upgrade Your Operation?"
-      description="Get a free, no-obligation quote within 24 hours."
-      buttonText="Request Quote"
+      <ContactSplit
+      title="Ready to Upgrade?"
+      description="Get a free, no-obligation quote today."
       tag="Get in touch"
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      <ContactSplit
       title="Get in Touch"
       description="Visit our workshop or send us an enquiry."
       tag="Contact Us"
-      buttonText="Send Enquiry"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="ELKO IMPLEMENTE"
-      leftLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2026 Elko Implemente",
-        href: "#",
-      }}
+      columns={[
+        { title: "Products", items: [{ label: "Implements", href: "#" }, { label: "Trailers", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file