From 7cb58b9837ca17c62e9838b5d23137393384c0df Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 17:36:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 248 ++++++++++------------------------------------- 1 file changed, 49 insertions(+), 199 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index efc10fe..4e25eac 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,37 +33,21 @@ export default function LandingPage() { @@ -126,9 +93,7 @@ export default function LandingPage() { title="A Legacy of Trust on American Roads" buttons={[ { - text: "Our Story", - href: "#", - }, + text: "Our Story", href: "#"}, ]} /> @@ -140,26 +105,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "long-haul", - title: "Long Haul Logistics", - subtitle: "Cross-country transportation for large volumes.", - category: "Service", - value: "Nationwide", - }, + id: "long-haul", title: "Long Haul Logistics", subtitle: "Cross-country transportation for large volumes.", category: "Service", value: "Nationwide"}, { - id: "local-delivery", - title: "Local & Regional Freight", - subtitle: "Efficient and timely delivery within specific areas.", - category: "Service", - value: "Timely", - }, + id: "local-delivery", title: "Local & Regional Freight", subtitle: "Efficient and timely delivery within specific areas.", category: "Service", value: "Timely"}, { - id: "specialized-freight", - title: "Specialized Cargo", - subtitle: "Handling oversized, delicate, or high-value goods.", - category: "Service", - value: "Secure", - }, + id: "specialized-freight", title: "Specialized Cargo", subtitle: "Handling oversized, delicate, or high-value goods.", category: "Service", value: "Secure"}, ]} 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." @@ -173,23 +123,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "miles", - icon: Gauge, - title: "Miles Driven Annually", - value: "5M+", - }, + id: "miles", icon: Gauge, + title: "Miles Driven Annually", value: "5M+"}, { - id: "on-time", - icon: Clock, - title: "On-Time Delivery Rate", - value: "98%", - }, + id: "on-time", icon: Clock, + title: "On-Time Delivery Rate", value: "98%"}, { - id: "fleet", - icon: Truck, - title: "Modern Fleet", - value: "75+", - }, + id: "fleet", icon: Truck, + title: "Modern Fleet", value: "75+"}, ]} 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." @@ -202,50 +143,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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="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." @@ -257,14 +163,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Global Logistics", - "Rapid Manufacturing", - "City Retailers", - "Mega Construction", - "Agri-Produce", - "Green Energy Co.", - "Auto Innovations", - ]} + "Global Logistics", "Rapid Manufacturing", "City Retailers", "Mega Construction", "Agri-Produce", "Green Energy Co.", "Auto Innovations"]} 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." /> @@ -277,36 +176,14 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "leadership", - groupTitle: "Our Dedicated Team", - members: [ + id: "leadership", groupTitle: "Our Dedicated Team", members: [ { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ], - 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" @@ -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." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: false, + name: "phone", type: "tel", placeholder: "Phone Number", required: false, }, ]} textarea={{ - name: "message", - placeholder: "Your Message", - rows: 5, + name: "message", placeholder: "Your Message", rows: 5, 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" @@ -361,45 +227,29 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "#home", - }, + label: "Home", href: "#home"}, { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, ], }, { items: [ { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, { - label: "Our Team", - href: "#team", - }, + label: "Our Team", href: "#team"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, ], }, ]}