Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-10 17:36:12 +00:00

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Reliability", name: "Reliability", id: "#metrics"},
id: "#metrics",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Partners", name: "Partners", id: "#social-proof"},
id: "#social-proof",
},
{ {
name: "Team", name: "Team", id: "#team"},
id: "#team",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-made-usa-logo-template_23-2150372010.jpg" logoSrc="http://img.b2bpic.net/free-vector/gradient-made-usa-logo-template_23-2150372010.jpg"
logoAlt="Hoker Trucking LLC logo" logoAlt="Hoker Trucking LLC logo"
@@ -76,45 +60,28 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Hoker Trucking LLC: Your Reliable Partner on the Road" title="Hoker Trucking LLC: Your Reliable Partner on the Road"
description="Delivering excellence across America, one mile at a time. Trust Hoker Trucking for safe, efficient, and on-time freight solutions." description="Delivering excellence across America, one mile at a time. Trust Hoker Trucking for safe, efficient, and on-time freight solutions."
buttons={[ buttons={[
{ {
text: "Get a Quote", text: "Get a Quote", href: "#contact"},
href: "#contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg", imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg", imageAlt: "Fleet of American semi trucks on a highway"},
imageAlt: "Fleet of American semi trucks on a highway",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/orange-trucks-road_1127-184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/orange-trucks-road_1127-184.jpg", imageAlt: "Semi truck with American flag"},
imageAlt: "Semi truck with American flag",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468800.jpg", imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468800.jpg", imageAlt: "Semi trucks driving at night with light trails"},
imageAlt: "Semi trucks driving at night with light trails",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg", imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg", imageAlt: "Fleet of American semi trucks on a highway"},
imageAlt: "Fleet of American semi trucks on a highway",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-usa-flag-herself_23-2148534441.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-usa-flag-herself_23-2148534441.jpg", imageAlt: "Semi truck with American flag"},
imageAlt: "Semi truck with American flag",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/truck-workers-dusk_23-2152008990.jpg", imageSrc: "http://img.b2bpic.net/free-photo/truck-workers-dusk_23-2152008990.jpg", imageAlt: "Semi trucks driving at night with light trails"},
imageAlt: "Semi trucks driving at night with light trails",
},
]} ]}
mediaAnimation="opacity" mediaAnimation="opacity"
/> />
@@ -126,9 +93,7 @@ export default function LandingPage() {
title="A Legacy of Trust on American Roads" title="A Legacy of Trust on American Roads"
buttons={[ buttons={[
{ {
text: "Our Story", text: "Our Story", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -140,26 +105,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "long-haul", id: "long-haul", title: "Long Haul Logistics", subtitle: "Cross-country transportation for large volumes.", category: "Service", value: "Nationwide"},
title: "Long Haul Logistics",
subtitle: "Cross-country transportation for large volumes.",
category: "Service",
value: "Nationwide",
},
{ {
id: "local-delivery", id: "local-delivery", title: "Local & Regional Freight", subtitle: "Efficient and timely delivery within specific areas.", category: "Service", value: "Timely"},
title: "Local & Regional Freight",
subtitle: "Efficient and timely delivery within specific areas.",
category: "Service",
value: "Timely",
},
{ {
id: "specialized-freight", id: "specialized-freight", title: "Specialized Cargo", subtitle: "Handling oversized, delicate, or high-value goods.", category: "Service", value: "Secure"},
title: "Specialized Cargo",
subtitle: "Handling oversized, delicate, or high-value goods.",
category: "Service",
value: "Secure",
},
]} ]}
title="Our Core Trucking Services" title="Our Core Trucking Services"
description="From local deliveries to long-haul routes, Hoker Trucking provides comprehensive freight solutions tailored to your needs. We are equipped to handle diverse cargo with precision and care." description="From local deliveries to long-haul routes, Hoker Trucking provides comprehensive freight solutions tailored to your needs. We are equipped to handle diverse cargo with precision and care."
@@ -173,23 +123,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "miles", id: "miles", icon: Gauge,
icon: Gauge, title: "Miles Driven Annually", value: "5M+"},
title: "Miles Driven Annually",
value: "5M+",
},
{ {
id: "on-time", id: "on-time", icon: Clock,
icon: Clock, title: "On-Time Delivery Rate", value: "98%"},
title: "On-Time Delivery Rate",
value: "98%",
},
{ {
id: "fleet", id: "fleet", icon: Truck,
icon: Truck, title: "Modern Fleet", value: "75+"},
title: "Modern Fleet",
value: "75+",
},
]} ]}
title="Driving Success: Our Commitment in Numbers" title="Driving Success: Our Commitment in Numbers"
description="Our operational excellence and dedication to safety are reflected in our performance. Hoker Trucking constantly strives for higher standards." description="Our operational excellence and dedication to safety are reflected in our performance. Hoker Trucking constantly strives for higher standards."
@@ -202,50 +143,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Exceptional Service", quote: "Hoker Trucking consistently provides exceptional service, handling our cargo with utmost care and always delivering on schedule. Their reliability is unmatched.", name: "Sarah Johnson", role: "Logistics Manager, Global Corp", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg", imageAlt: "Portrait of Sarah Johnson"},
title: "Exceptional Service",
quote: "Hoker Trucking consistently provides exceptional service, handling our cargo with utmost care and always delivering on schedule. Their reliability is unmatched.",
name: "Sarah Johnson",
role: "Logistics Manager, Global Corp",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",
imageAlt: "Portrait of Sarah Johnson",
},
{ {
id: "2", id: "2", title: "A Trusted Partner", quote: "We consider Hoker Trucking a vital extension of our supply chain. Their team is professional, responsive, and always goes the extra mile.", name: "Michael Chen", role: "Operations Director, InnovateTech", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Portrait of Michael Chen"},
title: "A Trusted Partner",
quote: "We consider Hoker Trucking a vital extension of our supply chain. Their team is professional, responsive, and always goes the extra mile.",
name: "Michael Chen",
role: "Operations Director, InnovateTech",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
imageAlt: "Portrait of Michael Chen",
},
{ {
id: "3", id: "3", title: "Reliable and Efficient", quote: "For all our heavy haul needs, Hoker Trucking is our first choice. Their efficiency and commitment to safety make them stand out in the industry.", name: "Emily Rodriguez", role: "Procurement Head, BuildCo", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-sitting-cafe-table-using-tablet_1262-969.jpg", imageAlt: "Portrait of Emily Rodriguez"},
title: "Reliable and Efficient",
quote: "For all our heavy haul needs, Hoker Trucking is our first choice. Their efficiency and commitment to safety make them stand out in the industry.",
name: "Emily Rodriguez",
role: "Procurement Head, BuildCo",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-sitting-cafe-table-using-tablet_1262-969.jpg",
imageAlt: "Portrait of Emily Rodriguez",
},
{ {
id: "4", id: "4", title: "Outstanding Support", quote: "The communication from Hoker Trucking is superb. We always know where our shipments are, and their support team is incredibly helpful.", name: "David Kim", role: "Supply Chain Analyst, FreshFoods", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", imageAlt: "Portrait of David Kim"},
title: "Outstanding Support",
quote: "The communication from Hoker Trucking is superb. We always know where our shipments are, and their support team is incredibly helpful.",
name: "David Kim",
role: "Supply Chain Analyst, FreshFoods",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
imageAlt: "Portrait of David Kim",
},
{ {
id: "5", id: "5", title: "Seamless Deliveries", quote: "Working with Hoker Trucking has streamlined our distribution process. Their drivers are skilled, and their logistics are flawless.", name: "Jessica Lee", role: "Distribution Manager, AutoParts Inc.", imageSrc: "http://img.b2bpic.net/free-photo/army-it-engineering-team-collects-tactical-data-with-surveillance-radar-system_482257-99232.jpg", imageAlt: "Portrait of Jessica Lee"},
title: "Seamless Deliveries",
quote: "Working with Hoker Trucking has streamlined our distribution process. Their drivers are skilled, and their logistics are flawless.",
name: "Jessica Lee",
role: "Distribution Manager, AutoParts Inc.",
imageSrc: "http://img.b2bpic.net/free-photo/army-it-engineering-team-collects-tactical-data-with-surveillance-radar-system_482257-99232.jpg",
imageAlt: "Portrait of Jessica Lee",
},
]} ]}
title="What Our Partners Say" title="What Our Partners Say"
description="Our clients trust us with their most valuable cargo. Hear how Hoker Trucking consistently exceeds expectations with our reliable and professional services." description="Our clients trust us with their most valuable cargo. Hear how Hoker Trucking consistently exceeds expectations with our reliable and professional services."
@@ -257,14 +163,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Global Logistics", "Global Logistics", "Rapid Manufacturing", "City Retailers", "Mega Construction", "Agri-Produce", "Green Energy Co.", "Auto Innovations"]}
"Rapid Manufacturing",
"City Retailers",
"Mega Construction",
"Agri-Produce",
"Green Energy Co.",
"Auto Innovations",
]}
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="We partner with businesses of all sizes, ensuring their goods are transported with the highest level of professionalism and care." description="We partner with businesses of all sizes, ensuring their goods are transported with the highest level of professionalism and care."
/> />
@@ -277,36 +176,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
groups={[ groups={[
{ {
id: "leadership", id: "leadership", groupTitle: "Our Dedicated Team", members: [
groupTitle: "Our Dedicated Team",
members: [
{ {
id: "driver-mike", id: "driver-mike", title: "Mike 'The Road Warrior' Davis", subtitle: "Senior Driver", detail: "25+ years of safe driving across 48 states. Expert in long-haul routes.", imageSrc: "http://img.b2bpic.net/free-photo/american-soldier-holding-american-flag_181624-26072.jpg", imageAlt: "Portrait of Mike Davis, a senior truck driver"},
title: "Mike 'The Road Warrior' Davis",
subtitle: "Senior Driver",
detail: "25+ years of safe driving across 48 states. Expert in long-haul routes.",
imageSrc: "http://img.b2bpic.net/free-photo/american-soldier-holding-american-flag_181624-26072.jpg",
imageAlt: "Portrait of Mike Davis, a senior truck driver",
},
{ {
id: "logistics-sarah", id: "logistics-sarah", title: "Sarah Chen", subtitle: "Head of Dispatch", detail: "Ensures seamless coordination and optimal route planning for all shipments.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-discussing-document_23-2149426540.jpg", imageAlt: "Portrait of Sarah Chen, Head of Dispatch"},
title: "Sarah Chen",
subtitle: "Head of Dispatch",
detail: "Ensures seamless coordination and optimal route planning for all shipments.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-discussing-document_23-2149426540.jpg",
imageAlt: "Portrait of Sarah Chen, Head of Dispatch",
},
{ {
id: "ops-david", id: "ops-david", title: "David Rodriguez", subtitle: "Operations Manager", detail: "Oversees fleet maintenance and operational efficiency, ensuring peak performance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Portrait of David Rodriguez, Operations Manager"},
title: "David Rodriguez",
subtitle: "Operations Manager",
detail: "Oversees fleet maintenance and operational efficiency, ensuring peak performance.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
imageAlt: "Portrait of David Rodriguez, Operations Manager",
},
], ],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-made-usa-logo-template_23-2150372010.jpg",
imageAlt: "experienced truck driver portrait",
}, },
]} ]}
title="Meet the Driving Force Behind Hoker Trucking" title="Meet the Driving Force Behind Hoker Trucking"
@@ -321,28 +198,17 @@ export default function LandingPage() {
description="Ready to move your freight with a trusted partner? Contact us for a quote or any inquiries. We're here to help you get your goods where they need to be, safely and on time." description="Ready to move your freight with a trusted partner? Contact us for a quote or any inquiries. We're here to help you get your goods where they need to be, safely and on time."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: false,
type: "tel",
placeholder: "Phone Number",
required: false,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 5,
placeholder: "Your Message",
rows: 5,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-manufacturing-with-unfinished-cars-workers-protective-uniform-automotive-parts-background_645730-273.jpg" imageSrc="http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-manufacturing-with-unfinished-cars-workers-protective-uniform-automotive-parts-background_645730-273.jpg"
@@ -361,45 +227,29 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Home", label: "Home", href: "#home"},
href: "#home",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "Our Team", label: "Our Team", href: "#team"},
href: "#team",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}