From 52cbd4afd620b6d118c27d405ea9f787d9050d3d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 22:15:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 269 ++++++++++-------------------------------------
 1 file changed, 56 insertions(+), 213 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c4209f3..ccf6bf0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Projects",
-          id: "gallery",
-        },
+          name: "Projects",          id: "gallery"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Thobani Enterprise"
     />
@@ -51,41 +48,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Precision Engineering & Construction You Can Trust"
       description="From aluminium and steel fabrication to CCTV security and industrial maintenance — Thobani Enterprise delivers durable, high-performance solutions."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:0132461072",
-        },
+          text: "Call Now",          href: "tel:0132461072"},
         {
-          text: "Request a Quote",
-          href: "#contact",
-        },
+          text: "Request a Quote",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=1",
-          imageAlt: "industrial steel fabrication background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg",          imageAlt: "industrial steel fabrication background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913877.jpg",
-          imageAlt: "industrial steel fabrication background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913877.jpg",          imageAlt: "industrial steel fabrication background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-burning-fire-sparkler-black-background_23-2148253247.jpg",
-          imageAlt: "industrial steel fabrication background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-burning-fire-sparkler-black-background_23-2148253247.jpg",          imageAlt: "industrial steel fabrication background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-holes_1048-4049.jpg",
-          imageAlt: "Metal texture with holes",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-holes_1048-4049.jpg",          imageAlt: "Metal texture with holes"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-texture-with-gold-silver-metal_1048-6454.jpg",
-          imageAlt: "Abstract metallic texture with gold and silver metal",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-texture-with-gold-silver-metal_1048-6454.jpg",          imageAlt: "Abstract metallic texture with gold and silver metal"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -98,33 +80,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10+",
-          title: "Years Experience",
-          description: "Proven track record in infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=1",
-        },
+          id: "m1",          value: "10+",          title: "Years Experience",          description: "Proven track record in infrastructure.",          imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg"},
         {
-          id: "m2",
-          value: "Certified",
-          title: "Expert Team",
-          description: "Qualified professionals for every project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=1",
-        },
+          id: "m2",          value: "Certified",          title: "Expert Team",          description: "Qualified professionals for every project.",          imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg"},
         {
-          id: "m3",
-          value: "100%",
-          title: "On-Time",
-          description: "Project delivery you can rely on.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=1",
-        },
+          id: "m3",          value: "100%",          title: "On-Time",          description: "Project delivery you can rely on.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg"},
         {
-          id: "m4",
-          value: "Full",
-          title: "Solutions",
-          description: "Industrial & Residential capability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg?_wi=1",
-        },
+          id: "m4",          value: "Full",          title: "Solutions",          description: "Industrial & Residential capability.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg"},
       ]}
       title="Built Strong. Secured Smart."
       description="Delivering excellence through industrial precision."
@@ -138,52 +100,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Construction & Maintenance",
-          description: "Structural work, renovations, and complex building projects.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-virtual-reality-simulation-predict-failures_482257-126127.jpg",
-          },
+          title: "Construction & Maintenance",          description: "Structural work, renovations, and complex building projects.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-virtual-reality-simulation-predict-failures_482257-126127.jpg"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589567.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=2",
-          imageAlt: "construction site framework",
+            imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589567.jpg"}
         },
         {
-          title: "Fabrication",
-          description: "High-grade aluminium, glass, and steel works.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-688.jpg",
-          },
+          title: "Fabrication",          description: "High-grade aluminium, glass, and steel works.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-688.jpg"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-wristwatch-street_23-2147747812.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=2",
-          imageAlt: "construction site framework",
+            imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-wristwatch-street_23-2147747812.jpg"}
         },
         {
-          title: "CCTV & Security",
-          description: "Surveillance, access control, and smart security systems.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg",
-          },
+          title: "CCTV & Security",          description: "Surveillance, access control, and smart security systems.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=2",
-          imageAlt: "construction site framework",
+            imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg"}
         },
         {
-          title: "Industrial Equipment",
-          description: "Pump installation, heavy machinery repairs, and servicing.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/metal-preparations-are-ready-following-stage-processing_645730-120.jpg",
-          },
+          title: "Industrial Equipment",          description: "Pump installation, heavy machinery repairs, and servicing.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/metal-preparations-are-ready-following-stage-processing_645730-120.jpg"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2601.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=2",
-          imageAlt: "construction site framework",
+            imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2601.jpg"}
         },
       ]}
       showStepNumbers={false}
@@ -198,9 +136,7 @@ export default function LandingPage() {
       title="Why Choose Thobani?"
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
       ]}
     />
   </div>
@@ -209,44 +145,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="split"
       gridVariant="bento-grid"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Steel Fabrication",
-          price: "High Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg",
-        },
+          id: "p1",          name: "Steel Fabrication",          price: "High Precision",          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg"},
         {
-          id: "p2",
-          name: "Aluminium Installs",
-          price: "Modern Aesthetic",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-working-holding-heavy-metallic-detail-daytime-buildings-architecture-construction_140725-16234.jpg",
-        },
+          id: "p2",          name: "Aluminium Installs",          price: "Modern Aesthetic",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-working-holding-heavy-metallic-detail-daytime-buildings-architecture-construction_140725-16234.jpg"},
         {
-          id: "p3",
-          name: "CCTV Setups",
-          price: "Smart Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-security-camera_181624-58835.jpg",
-        },
-        {
-          id: "p4",
-          name: "Structural Build",
-          price: "Industrial Grade",
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-manager-discussing-with-employees_482257-120612.jpg",
-        },
-        {
-          id: "p5",
-          name: "Pump Installation",
-          price: "Heavy Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367531.jpg",
-        },
-        {
-          id: "p6",
-          name: "Glass Structures",
-          price: "Premium Quality",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg",
-        },
+          id: "p3",          name: "CCTV Setups",          price: "Smart Security",          imageSrc: "http://img.b2bpic.net/free-photo/home-security-camera_181624-58835.jpg"}
       ]}
       title="Project Showcase"
       description="Visual proof of our engineering precision."
@@ -266,62 +173,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "John Doe",
-          date: "2023-10-12",
-          title: "Business Owner",
-          quote: "Professional and reliable service.",
-          tag: "Industrial",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=3",
-          imageAlt: "professional business portrait",
+          id: "t1",          name: "John Doe",          date: "2023-10-12",          title: "Business Owner",          quote: "Professional and reliable service.",          tag: "Industrial",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
         },
         {
-          id: "t2",
-          name: "Jane Smith",
-          date: "2023-11-05",
-          title: "Project Manager",
-          quote: "Great workmanship and attention to detail.",
-          tag: "Construction",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=3",
-          imageAlt: "professional business portrait",
+          id: "t2",          name: "Jane Smith",          date: "2023-11-05",          title: "Project Manager",          quote: "Great workmanship and attention to detail.",          tag: "Construction",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg"
         },
         {
-          id: "t3",
-          name: "Mike Brown",
-          date: "2023-12-01",
-          title: "Facility Manager",
-          quote: "Exceptional reliability and on-time performance.",
-          tag: "Security",
-          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=3",
-          imageAlt: "professional business portrait",
-        },
-        {
-          id: "t4",
-          name: "Sarah Lee",
-          date: "2024-01-15",
-          title: "Residential Client",
-          quote: "Thobani is the best contractor in Middelburg.",
-          tag: "Home",
-          avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=3",
-          imageAlt: "professional business portrait",
-        },
-        {
-          id: "t5",
-          name: "Robert West",
-          date: "2024-02-10",
-          title: "Industrial Owner",
-          quote: "Sturdy build and great security setup.",
-          tag: "Industrial",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg?_wi=2",
-          imageAlt: "professional business portrait",
-        },
+          id: "t3",          name: "Mike Brown",          date: "2023-12-01",          title: "Facility Manager",          quote: "Exceptional reliability and on-time performance.",          tag: "Security",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg"
+        }
       ]}
       title="What Clients Say"
+      description="Trusted by industry leaders."
     />
   </div>
 
@@ -329,14 +191,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Need a Reliable Contractor or Security Solution? Call 013 246 1072 or request a free quote today."
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#",
-        },
+          text: "Get a Quote",          href: "#"},
       ]}
     />
   </div>
@@ -347,45 +206,29 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Projects",
-              href: "#gallery",
-            },
+              label: "Projects",              href: "#gallery"},
           ],
         },
         {
           items: [
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Call: 013 246 1072",
-              href: "tel:0132461072",
-            },
+              label: "Call: 013 246 1072",              href: "tel:0132461072"},
             {
-              label: "28 Liter St, Middelburg",
-              href: "#",
-            },
+              label: "28 Liter St, Middelburg",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1