From 99da04212c17fb98ae29fe92d4275c6a9f767513 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 22:00:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 202 +++++++++--------------------------------------
 1 file changed, 39 insertions(+), 163 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ed5ecc9..161e649 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="McKibben Trucking"
     />
@@ -53,61 +41,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Reliable Heavy Equipment Transport in Vancouver"
       description="McKibben Trucking provides expert heavy equipment hauling services across Vancouver, BC. From bulldozers to cranes, we move your machinery with precision, safety, and reliability."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
-          alt: "Truck",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
-          alt: "Truck",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
-          alt: "Truck",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
-          alt: "Truck",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
-          alt: "Truck",
-        },
+        { src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", alt: "Truck" },
+        { src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", alt: "Truck" },
+        { src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", alt: "Truck" },
+        { src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", alt: "Truck" },
+        { src: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", alt: "Truck" },
       ]}
       avatarText="Trusted by Vancouver's industrial leaders."
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Availability",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Safety First",
-        },
-        {
-          type: "text",
-          text: "Heavy Haul Experts",
-        },
-        {
-          type: "text",
-          text: "Vancouver Based",
-        },
+        { type: "text", text: "24/7 Availability" },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "Safety First" },
+        { type: "text", text: "Heavy Haul Experts" },
+        { type: "text", text: "Vancouver Based" },
       ]}
     />
   </div>
@@ -132,38 +83,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Construction Hauling",
-          author: "McKibben Trucking",
-          description: "Safe movement of bulldozers and excavators for major sites.",
-          tags: [
-            "Construction",
-            "Hauling",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg?_wi=1",
-        },
+          id: "1",          title: "Construction Hauling",          author: "McKibben Trucking",          description: "Safe movement of bulldozers and excavators for major sites.",          tags: ["Construction", "Hauling"],
+          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg?_wi=1"},
         {
-          id: "2",
-          title: "Crane Transport",
-          author: "McKibben Trucking",
-          description: "Complex lifting and hauling for heavy crane components.",
-          tags: [
-            "Industrial",
-            "Crane",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-utility-truck-with-hydraulic-lift-urban-infrastructure_169016-69860.jpg?_wi=1",
-        },
+          id: "2",          title: "Crane Transport",          author: "McKibben Trucking",          description: "Complex lifting and hauling for heavy crane components.",          tags: ["Industrial", "Crane"],
+          imageSrc: "http://img.b2bpic.net/free-photo/yellow-utility-truck-with-hydraulic-lift-urban-infrastructure_169016-69860.jpg?_wi=1"},
         {
-          id: "3",
-          title: "Generator Logistics",
-          author: "McKibben Trucking",
-          description: "Secure transport for heavy industrial power units.",
-          tags: [
-            "Power",
-            "Logistics",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg?_wi=1",
-        },
+          id: "3",          title: "Generator Logistics",          author: "McKibben Trucking",          description: "Secure transport for heavy industrial power units.",          tags: ["Power", "Logistics"],
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg?_wi=1"},
       ]}
       title="Comprehensive Transportation Services"
       description="We offer end-to-end heavy equipment logistics for construction, industrial, and infrastructure projects throughout British Columbia."
@@ -177,26 +104,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "100%",
-          title: "Safety Record",
-          description: "Our primary commitment to our clients and team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg?_wi=2",
-        },
+          id: "m1",          value: "100%",          title: "Safety Record",          description: "Our primary commitment to our clients and team.",          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg?_wi=2"},
         {
-          id: "m2",
-          value: "24/7",
-          title: "Available Support",
-          description: "Coordinating logistics when you need us most.",
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-utility-truck-with-hydraulic-lift-urban-infrastructure_169016-69860.jpg?_wi=2",
-        },
+          id: "m2",          value: "24/7",          title: "Available Support",          description: "Coordinating logistics when you need us most.",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-utility-truck-with-hydraulic-lift-urban-infrastructure_169016-69860.jpg?_wi=2"},
         {
-          id: "m3",
-          value: "150+",
-          title: "Projects Completed",
-          description: "Serving Vancouver's diverse industrial needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg?_wi=2",
-        },
+          id: "m3",          value: "150+",          title: "Projects Completed",          description: "Serving Vancouver's diverse industrial needs.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg?_wi=2"},
       ]}
       title="Our Commitment to Reliability"
       description="We don't just move equipment; we move your business operations forward."
@@ -209,20 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "What areas do you serve?",
-          content: "We serve all of Vancouver, BC and the surrounding Greater Vancouver area.",
-        },
+          id: "faq1",          title: "What areas do you serve?",          content: "We serve all of Vancouver, BC and the surrounding Greater Vancouver area."},
         {
-          id: "faq2",
-          title: "What types of machinery can you haul?",
-          content: "We move everything from small excavators and generators to large cranes and bulldozers.",
-        },
+          id: "faq2",          title: "What types of machinery can you haul?",          content: "We move everything from small excavators and generators to large cranes and bulldozers."},
         {
-          id: "faq3",
-          title: "How do I book a transport service?",
-          content: "Contact us today for a free quote or fill out our online form to get started.",
-        },
+          id: "faq3",          title: "How do I book a transport service?",          content: "Contact us today for a free quote or fill out our online form to get started."},
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our heavy haul services in Vancouver."
@@ -233,16 +136,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Ready to move your heavy equipment? Contact McKibben Trucking today to optimize your logistics operations."
-      buttons={[
-        {
-          text: "Call 604-555-0123",
-          href: "tel:6045550123",
-        },
-      ]}
+      buttons={[{ text: "Call 604-555-0123", href: "tel:6045550123" }]}
     />
   </div>
 
@@ -251,37 +147,17 @@ export default function LandingPage() {
       logoText="McKibben Trucking"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Heavy Hauling",
-              href: "#features",
-            },
-            {
-              label: "Crane Logistics",
-              href: "#features",
-            },
-            {
-              label: "Project Quotes",
-              href: "#contact",
-            },
+          title: "Services",          items: [
+            { label: "Heavy Hauling", href: "#features" },
+            { label: "Crane Logistics", href: "#features" },
+            { label: "Project Quotes", href: "#contact" },
           ],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Contact", href: "#contact" },
+            { label: "Privacy", href: "#" },
           ],
         },
       ]}
@@ -291,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1