From 80ecf4dca3646b322d3469c038ea7b3f6def0d3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 07:53:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 180 +++++++++--------------------------------------
 1 file changed, 34 insertions(+), 146 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4cd5ed8..bdc04c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Projects",
-          id: "projects",
-        },
+          name: "Projects",          id: "projects"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Oakberg Resources"
     />
@@ -56,8 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       title="Building Excellence Into Every Form"
       description="Zambia's premier construction partner, delivering precision civil engineering, sustainable architecture, and expert project management."
       imageSrc="http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317306.jpg"
@@ -82,26 +73,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",
-          title: "General Construction",
-          subtitle: "From civil works to infrastructure.",
-          category: "Services",
-          value: "Reliable",
-        },
+          id: "s1",          title: "General Construction",          subtitle: "From civil works to infrastructure.",          category: "Services",          value: "Reliable"},
         {
-          id: "s2",
-          title: "General Supply",
-          subtitle: "Materials and safety gear.",
-          category: "Services",
-          value: "On-time",
-        },
+          id: "s2",          title: "General Supply",          subtitle: "Materials and safety gear.",          category: "Services",          value: "On-time"},
         {
-          id: "s3",
-          title: "Consultancy",
-          subtitle: "Design and project management.",
-          category: "Services",
-          value: "Expert",
-        },
+          id: "s3",          title: "Consultancy",          subtitle: "Design and project management.",          category: "Services",          value: "Expert"},
       ]}
       title="Our Capabilities"
       description="We bridge the gap between design and physical reality."
@@ -110,52 +86,23 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Structural Steel",
-          price: "$150",
-          variant: "Grade A",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705357.jpg",
-        },
+          id: "p1",          name: "Structural Steel",          price: "$150",          variant: "Grade A",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705357.jpg"},
         {
-          id: "p2",
-          name: "Industrial Cement",
-          price: "$12",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg",
-        },
+          id: "p2",          name: "Industrial Cement",          price: "$12",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg"},
         {
-          id: "p3",
-          name: "Safety Boots",
-          price: "$45",
-          variant: "Heavy Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-with-ear-protectors-isolated-white-background_185193-108958.jpg",
-        },
+          id: "p3",          name: "Safety Boots",          price: "$45",          variant: "Heavy Duty",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-with-ear-protectors-isolated-white-background_185193-108958.jpg"},
         {
-          id: "p4",
-          name: "Hard Hat",
-          price: "$25",
-          variant: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-pattern-from-set-construction-tools-as-safety-glasses-safety-helmet-putty-knife-gloves-gray-background_141793-14254.jpg",
-        },
+          id: "p4",          name: "Hard Hat",          price: "$25",          variant: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-pattern-from-set-construction-tools-as-safety-glasses-safety-helmet-putty-knife-gloves-gray-background_141793-14254.jpg"},
         {
-          id: "p5",
-          name: "Safety Gloves",
-          price: "$10",
-          variant: "Rubberized",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-construction-tools-as-safety-helmet-gloves-safety-glasses-paint-roller-gray-background-with-copy-space_141793-14289.jpg",
-        },
+          id: "p5",          name: "Safety Gloves",          price: "$10",          variant: "Rubberized",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-construction-tools-as-safety-helmet-gloves-safety-glasses-paint-roller-gray-background-with-copy-space_141793-14289.jpg"},
         {
-          id: "p6",
-          name: "Reflective Vest",
-          price: "$15",
-          variant: "Hi-Vis",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563180.jpg",
-        },
+          id: "p6",          name: "Reflective Vest",          price: "$15",          variant: "Hi-Vis",          imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563180.jpg"},
       ]}
       title="Our Materials"
       description="High-quality building components for every need."
@@ -170,25 +117,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "50+",
-          title: "Projects",
-          description: "Completed projects",
-          icon: Award,
+          id: "m1",          value: "50+",          title: "Projects",          description: "Completed projects",          icon: Award,
         },
         {
-          id: "m2",
-          value: "12+",
-          title: "Clients",
-          description: "Happy partners",
-          icon: Users,
+          id: "m2",          value: "12+",          title: "Clients",          description: "Happy partners",          icon: Users,
         },
         {
-          id: "m3",
-          value: "3+",
-          title: "Years",
-          description: "Industry service",
-          icon: Calendar,
+          id: "m3",          value: "3+",          title: "Years",          description: "Industry service",          icon: Calendar,
         },
       ]}
       title="By The Numbers"
@@ -203,40 +138,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Malachi Musukwa",
-          role: "Facilities Manager",
-          testimonial: "Exceptional expertise and attention to detail throughout the project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
-        },
+          id: "t1",          name: "Malachi Musukwa",          role: "Facilities Manager",          testimonial: "Exceptional expertise and attention to detail throughout the project.",          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
         {
-          id: "t2",
-          name: "Nzila Lubinda",
-          role: "Project Manager",
-          testimonial: "Very dynamic and innovative team, delivered under pressure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
+          id: "t2",          name: "Nzila Lubinda",          role: "Project Manager",          testimonial: "Very dynamic and innovative team, delivered under pressure.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
         {
-          id: "t3",
-          name: "Ikugile Makenja",
-          role: "Operations Manager",
-          testimonial: "Reliable partner for all engineering construction needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet-while-holding-coffee_23-2148308595.jpg",
-        },
+          id: "t3",          name: "Ikugile Makenja",          role: "Operations Manager",          testimonial: "Reliable partner for all engineering construction needs.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet-while-holding-coffee_23-2148308595.jpg"},
         {
-          id: "t4",
-          name: "John Doe",
-          role: "Director",
-          testimonial: "Built our infrastructure exactly as promised.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-asian-engineer-architect-helmet-business-suit-showing-house-maket-tape-measure-ready-starting-home-renovation-construction-works-white-background_1258-98171.jpg",
-        },
+          id: "t4",          name: "John Doe",          role: "Director",          testimonial: "Built our infrastructure exactly as promised.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-asian-engineer-architect-helmet-business-suit-showing-house-maket-tape-measure-ready-starting-home-renovation-construction-works-white-background_1258-98171.jpg"},
         {
-          id: "t5",
-          name: "Jane Smith",
-          role: "Architect",
-          testimonial: "Best partner for high-level site works.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg",
-        },
+          id: "t5",          name: "Jane Smith",          role: "Architect",          testimonial: "Best partner for high-level site works.",          imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg"},
       ]}
       title="Client Feedback"
       description="Trusted by leading organisations."
@@ -249,20 +159,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Are you licensed?",
-          content: "Yes, we are NCC graded and fully tax compliant.",
-        },
+          id: "f1",          title: "Are you licensed?",          content: "Yes, we are NCC graded and fully tax compliant."},
         {
-          id: "f2",
-          title: "Where do you operate?",
-          content: "We primarily serve Lusaka and major projects nationwide.",
-        },
+          id: "f2",          title: "Where do you operate?",          content: "We primarily serve Lusaka and major projects nationwide."},
         {
-          id: "f3",
-          title: "How to get a quote?",
-          content: "Use the contact form or call our office line.",
-        },
+          id: "f3",          title: "How to get a quote?",          content: "Use the contact form or call our office line."},
       ]}
       title="Frequently Asked Questions"
       description="Common enquiries about our construction services."
@@ -274,14 +175,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       text="Ready to discuss your project? Contact us for professional construction services."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
     />
   </div>
@@ -290,29 +188,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Compliance",
-              href: "#",
-            },
+              label: "Compliance",              href: "#"},
           ],
         },
       ]}