Merge version_3 into main #5
202
src/app/page.tsx
202
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user