303 lines
16 KiB
TypeScript
303 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||
import {
|
||
Truck,
|
||
CheckCircle,
|
||
Package,
|
||
Users,
|
||
Phone,
|
||
MapPin,
|
||
Shield,
|
||
TrendingUp,
|
||
Zap,
|
||
HelpCircle,
|
||
} from "lucide-react";
|
||
import Link from "next/link";
|
||
|
||
export default function HomePage() {
|
||
const navItems = [
|
||
{ name: "Home", id: "/" },
|
||
{ name: "Services", id: "/services" },
|
||
{ name: "About", id: "/about" },
|
||
{ name: "Careers", id: "/careers" },
|
||
{ name: "Contact", id: "/contact" },
|
||
];
|
||
|
||
const footerColumns = [
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "Home", href: "/" },
|
||
{ label: "About Us", href: "/about" },
|
||
{ label: "Services", href: "/services" },
|
||
{ label: "Careers", href: "/careers" },
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Phone: 256-561-3023", href: "tel:256-561-3023" },
|
||
{ label: "Crossville, AL 35962", href: "#" },
|
||
{ label: "USDOT 1296926", href: "#" },
|
||
{ label: "MC 603202", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "FMCSA Compliance", href: "#" },
|
||
{ label: "Sitemap", href: "#" },
|
||
],
|
||
},
|
||
];
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Tinsley Trucking"
|
||
navItems={navItems}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardDashboard
|
||
title="Reliable Freight Transportation Across the Southeast"
|
||
description="Serving Alabama, Georgia, Tennessee, and Beyond Since 2004 – Safe, On-Time, Every Time. Tinsley Trucking LLC provides dependable interstate freight services with a focus on driver quality of life and customer satisfaction."
|
||
tag="Interstate Freight Hauling"
|
||
tagIcon={Truck}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{
|
||
text: "Request a Quote", href: "/contact"},
|
||
{
|
||
text: "Apply as a Driver", href: "/careers"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
dashboard={{
|
||
title: "Tinsley Trucking Operations Hub", logoIcon: Truck,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-suzhou-overpass-night_1359-524.jpg?_wi=1", buttons: [
|
||
{
|
||
text: "USDOT 1296926", href: "#"},
|
||
{
|
||
text: "MC 603202", href: "#"},
|
||
],
|
||
sidebarItems: [
|
||
{
|
||
icon: MapPin,
|
||
},
|
||
{
|
||
icon: Phone,
|
||
},
|
||
{
|
||
icon: Shield,
|
||
},
|
||
],
|
||
stats: [
|
||
{
|
||
title: "Fleet Size", values: [9, 9, 9],
|
||
description: "Interstate Authorized Trucks"},
|
||
{
|
||
title: "Safe Miles", values: [2400000, 2450000, 2500000],
|
||
valuePrefix: "", valueSuffix: "+", description: "Millions of Safe Miles"},
|
||
{
|
||
title: "Service Regions", values: [4, 4, 4],
|
||
description: "AL, GA, TN, and Beyond"},
|
||
],
|
||
chartTitle: "Regional Operations", chartData: [
|
||
{ value: 85 },
|
||
{ value: 90 },
|
||
{ value: 95 },
|
||
{ value: 88 },
|
||
{ value: 92 },
|
||
],
|
||
listTitle: "Key Services", listItems: [
|
||
{
|
||
icon: Package,
|
||
title: "Dry Van Freight", status: "Available"},
|
||
{
|
||
icon: TrendingUp,
|
||
title: "Local & Regional", status: "Daily Home Time"},
|
||
{
|
||
icon: Zap,
|
||
title: "Grain/Feed Transport", status: "Specialized"},
|
||
],
|
||
searchPlaceholder: "Track Your Shipment"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardEleven
|
||
title="Built on Trust and Reliability"
|
||
description="Tinsley Trucking LLC has earned a reputation for dependable freight transportation across the Southeast with FMCSA compliance and driver-focused operations."
|
||
tag="Trust Signals"
|
||
tagIcon={CheckCircle}
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "20+", title: "Years in Business", description: "Serving the trucking industry since 2004", imageSrc: "http://img.b2bpic.net/free-photo/female-trucker-talking-phone-about-shipment-that-has-be-delivered_342744-282.jpg", imageAlt: "fleet semi trucks parked yard organized"},
|
||
{
|
||
id: "2", value: "9", title: "Fleet Trucks", description: "Interstate authorized modern freight fleet", imageSrc: "http://img.b2bpic.net/free-photo/modern-blue-truck-wet-highway-power-reliability-motion_169016-69836.jpg?_wi=1", imageAlt: "dry van semi truck transport freight"},
|
||
{
|
||
id: "3", value: "FMCSA", title: "Fully Compliant", description: "All safety and regulatory standards met", imageSrc: "http://img.b2bpic.net/free-photo/builders-discussing-drafts_23-2147785492.jpg", imageAlt: "safety equipment truck reflective gear"},
|
||
{
|
||
id: "4", value: "24/7", title: "Customer Support", description: "Available phone and dispatch support", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-suv-car-by-forest-trail-road_1153-4375.jpg", imageAlt: "truck driver cabin interior comfortable"},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySeven
|
||
title="Our Freight Services"
|
||
description="Comprehensive freight transportation solutions tailored to your shipping needs across the Southeast region."
|
||
tag="Services"
|
||
tagIcon={Package}
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: "1", title: "Dry Van Freight", description: "Standard enclosed trailer service for general merchandise, palletized goods, and packaged freight. Climate-controlled options available for sensitive cargo.", imageSrc: "http://img.b2bpic.net/free-photo/modern-blue-truck-wet-highway-power-reliability-motion_169016-69836.jpg?_wi=2", imageAlt: "Dry van semi truck"},
|
||
{
|
||
id: "2", title: "Local & Regional Hauls", description: "Daily home-time routes throughout Alabama, Georgia, and Tennessee. Perfect for owner-operators seeking stable work with flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-girl-with-round-hat-walking-field_181624-44433.jpg", imageAlt: "Rural Alabama landscape"},
|
||
{
|
||
id: "3", title: "Grain & Feed Transport", description: "Specialized hopper trailers for agricultural products. Experienced handling of bulk grain, feed, and farm commodities.", imageSrc: "http://img.b2bpic.net/free-photo/people-tractor_23-2150454933.jpg", imageAlt: "Grain transport semi truck"},
|
||
{
|
||
id: "4", title: "Interstate Freight", description: "Licensed and insured for interstate commerce. USDOT 1296926, MC 603202. Full compliance with DOT regulations.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-suzhou-overpass-night_1359-524.jpg?_wi=2", imageAlt: "Semi truck on interstate"},
|
||
]}
|
||
gridVariant="two-columns-alternating-heights"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
title="About Tinsley Trucking LLC"
|
||
description="A family-owned and operated trucking business serving rural Alabama and the greater Southeast since 2004. We believe in putting our drivers first while delivering exceptional service to our customers. Our mission is to provide efficient, on-time freight transportation with a personal touch—proving that reliability and driver satisfaction go hand in hand."
|
||
tag="Company Story"
|
||
tagIcon={Users}
|
||
tagAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117143.jpg"
|
||
imageAlt="Tinsley Trucking team"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{
|
||
text: "Learn More", href: "/about"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardFive
|
||
title="Our Trusted Team"
|
||
description="Experienced professionals committed to safe, reliable freight transportation and exceptional customer service."
|
||
tag="Team"
|
||
tagIcon={Users}
|
||
tagAnimation="slide-up"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
team={[
|
||
{
|
||
id: "1", name: "Owner & Operator", role: "Fleet Management", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=1", imageAlt: "Owner & Operator"},
|
||
{
|
||
id: "2", name: "Lead Driver", role: "Interstate Routes", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=2", imageAlt: "Lead Driver"},
|
||
{
|
||
id: "3", name: "Operations Manager", role: "Dispatch & Logistics", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=3", imageAlt: "Operations Manager"},
|
||
{
|
||
id: "4", name: "Safety Officer", role: "FMCSA Compliance", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=4", imageAlt: "Safety Officer"},
|
||
{
|
||
id: "5", name: "Regional Driver", role: "Local Hauls", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=5", imageAlt: "Regional Driver"},
|
||
{
|
||
id: "6", name: "Customer Service", role: "Dispatch Support", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-wrench-tool-thumbs-up-standing-front-trucks-workshop_342744-1329.jpg?_wi=6", imageAlt: "Customer Service"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Frequently Asked Questions"
|
||
description="Find answers to common questions about Tinsley Trucking LLC services, driver employment, and freight shipping."
|
||
tag="FAQ"
|
||
tagIcon={HelpCircle}
|
||
tagAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What regions does Tinsley Trucking service?", content: "We operate throughout Alabama, Georgia, Tennessee, and beyond with interstate authorization. Our USDOT number is 1296926 and MC number is 603202. We specialize in both local/regional hauls and longer interstate routes."},
|
||
{
|
||
id: "2", title: "Do you offer home daily options?", content: "Yes! We focus heavily on local and regional routes that allow drivers to be home daily or weekly. We believe driver quality of life is essential to our success. Many of our routes return drivers to the Crossville, Alabama area regularly."},
|
||
{
|
||
id: "3", title: "What types of freight do you haul?", content: "We specialize in dry van freight, grain and feed transport, and general commodities. Our fleet includes standard enclosed trailers and specialized hopper trailers for agricultural products."},
|
||
{
|
||
id: "4", title: "How do I request a freight quote?", content: "Contact us at 256-561-3023 or fill out our online quote form. Our dispatch team will assess your shipping needs and provide competitive pricing. We offer personalized service for all customers."},
|
||
{
|
||
id: "5", title: "What are the requirements to drive for Tinsley Trucking?", content: "Applicants must have a valid Class A CDL, clean driving record, and pass medical and background checks. FMCSA compliance is mandatory. We prefer experienced drivers familiar with regional routes."},
|
||
{
|
||
id: "6", title: "How can I apply for a driver position?", content: "Visit our Careers page to view current openings and submit your application. You can also call our office at 256-561-3023 to speak with our operations team about available positions."},
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-cta" data-section="contact-cta">
|
||
<ContactCTA
|
||
tag="Get in Touch"
|
||
tagIcon={Phone}
|
||
tagAnimation="slide-up"
|
||
title="Ready to Ship or Join Our Team?"
|
||
description="Whether you're looking for reliable freight transportation or seeking driver employment with a company that values your time at home, Tinsley Trucking LLC is ready to help. Contact us today."
|
||
buttons={[
|
||
{
|
||
text: "Request a Quote", href: "/contact"},
|
||
{
|
||
text: "Apply Now", href: "/careers"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-suzhou-overpass-night_1359-524.jpg?_wi=3"
|
||
imageAlt="Semi truck on open highway"
|
||
logoText="Tinsley Trucking LLC"
|
||
copyrightText="© 2025 Tinsley Trucking LLC. All rights reserved."
|
||
columns={footerColumns}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |