344 lines
20 KiB
TypeScript
344 lines
20 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Zap, Award, Sparkles, CheckCircle, Star, HelpCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Newborn's Trucking"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "whyus" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Hotshot Trucking Solutions"
|
|
bottomRightText="contact@newbornstruck.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Fast, Reliable Hotshot Trucking Solutions"
|
|
description="Newborn's Trucking Company specializes in time-sensitive hotshot hauling for construction, agriculture, and industrial clients. Same-day dispatch, professional drivers, and real-time tracking for your peace of mind."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Loads Delivered Monthly" },
|
|
{ value: "24/7", label: "Dispatch Available" },
|
|
{ value: "99.2%", label: "On-Time Rate" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Professional Hotshot Hauling"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get a Quote", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-men-discussing-document_23-2149426540.jpg"
|
|
imageAlt="professional hotshot truck hauling freight"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
containerClassName="px-4 py-16 md:py-24"
|
|
titleClassName="text-5xl md:text-6xl font-bold leading-tight"
|
|
descriptionClassName="text-lg md:text-xl leading-relaxed opacity-90"
|
|
tagClassName="inline-flex items-center gap-2 text-sm font-medium"
|
|
buttonContainerClassName="flex flex-wrap gap-4 mt-8"
|
|
buttonClassName="px-6 py-3 rounded-lg font-semibold transition-all duration-300"
|
|
kpiClassName="flex flex-col items-center gap-2 text-center"
|
|
kpiValueClassName="text-3xl md:text-4xl font-bold"
|
|
kpiLabelClassName="text-sm md:text-base opacity-80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Industry Leaders in Time-Sensitive Transport"
|
|
description="With over a decade of experience in hotshot trucking, Newborn's Trucking Company has built a reputation for reliability, speed, and professionalism. We handle everything from construction equipment to agricultural machinery with the utmost care."
|
|
metrics={[
|
|
{ value: "15+", title: "Years Experience" },
|
|
{ value: "45+", title: "Certified Drivers" },
|
|
{ value: "50+", title: "Active Trucks" },
|
|
{ value: "All US States", title: "Service Coverage" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
tagIcon={Award}
|
|
tagAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1917.jpg"
|
|
imageAlt="trucking company warehouse logistics center"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-90 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
metricCardClassName="bg-white/50 backdrop-blur rounded-lg p-6 text-center border border-gray-200/50"
|
|
metricValueClassName="text-3xl md:text-4xl font-bold"
|
|
metricTitleClassName="text-sm md:text-base opacity-75 mt-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="What Sets Us Apart"
|
|
description="We combine cutting-edge logistics technology with time-tested trucking expertise to deliver exceptional service every single time."
|
|
tag="Core Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Lightning-Fast Dispatch", description: "Same-day and next-day dispatch capabilities mean your freight moves when you need it to. Our 24/7 operations center ensures zero delays.", imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-bridge-with-vehicles-night_23-2148287839.jpg", imageAlt: "fast delivery express logistics"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Safety First Operations", description: "All drivers are certified, insured, and trained to DOT standards. We maintain strict safety protocols and carry comprehensive coverage.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149426480.jpg", imageAlt: "safety certification compliance badge"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Real-Time GPS Tracking", description: "Track your shipment from pickup to delivery with our advanced GPS system. Get instant notifications and live location updates.", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-online-signature-deliveryman_23-2147767672.jpg", imageAlt: "GPS truck tracking real-time monitoring"
|
|
}
|
|
]}
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-85 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 overflow-hidden"
|
|
cardTitleClassName="text-2xl font-bold mt-6"
|
|
cardDescriptionClassName="text-base leading-relaxed opacity-80 mt-4"
|
|
imageClassName="w-full h-64 object-cover"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Our Track Record"
|
|
description="Numbers speak louder than words. Here's what we've accomplished for our clients."
|
|
tag="Performance Metrics"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "250K+", title: "Total Miles", description: "Safely transported across North America", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-discussing-document_23-2149426540.jpg", imageAlt: "Professional truck highway transport"
|
|
},
|
|
{
|
|
id: "2", value: "$2.5M", title: "Cargo Value", description: "Protected and delivered on time annually", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1917.jpg", imageAlt: "Warehouse logistics operations"
|
|
},
|
|
{
|
|
id: "3", value: "0", title: "Safety Incidents", description: "Last 3 years with perfect safety record", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149426480.jpg", imageAlt: "Safety compliance certification"
|
|
},
|
|
{
|
|
id: "4", value: "100%", title: "Client Retention", description: "Clients return because we deliver results", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-online-signature-deliveryman_23-2147767672.jpg", imageAlt: "Real-time tracking system"
|
|
}
|
|
]}
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-85 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
gridClassName="grid grid-cols-1 md:grid-cols-2 gap-6 mt-12"
|
|
cardClassName="bg-white/60 backdrop-blur rounded-lg p-8 border border-gray-200/50"
|
|
valueClassName="text-4xl md:text-5xl font-bold mb-2"
|
|
cardTitleClassName="text-xl font-bold mb-3"
|
|
cardDescriptionClassName="text-base opacity-75 leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Don't take our word for it—hear from the contractors, manufacturers, and logistics managers who rely on Newborn's Trucking every day."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="opacity"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Mike Rodriguez", role: "Operations Manager", company: "Premier Construction", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", imageAlt: "Construction company manager portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Logistics Coordinator", company: "Industrial Supply Co.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582441.jpg", imageAlt: "Logistics manager professional photo"
|
|
},
|
|
{
|
|
id: "3", name: "James Patterson", role: "Farm Owner", company: "Patterson Equipment", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-cornfield_23-2148233455.jpg", imageAlt: "Farm equipment dealer manager photo"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Walsh", role: "Dispatch Manager", company: "Midwest Logistics", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop-looking-side-warehouse_259150-56939.jpg", imageAlt: "Shipping manager professional portrait"
|
|
},
|
|
{
|
|
id: "5", name: "David Kumar", role: "Supply Chain Director", company: "National Parts Distributor", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", imageAlt: "Business director professional headshot"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Thompson", role: "Project Manager", company: "Energy Solutions LLC", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop-looking-side-warehouse_259150-56939.jpg", imageAlt: "Project manager professional photo"
|
|
}
|
|
]}
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-85 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
gridClassName="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12"
|
|
cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden"
|
|
imageClassName="w-full h-48 object-cover"
|
|
nameClassName="font-bold text-lg mt-4"
|
|
roleClassName="text-sm opacity-70"
|
|
companyClassName="text-sm font-medium text-blue-600 mt-1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our hotshot trucking services? Find answers to common inquiries below."
|
|
tag="FAQs"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
faqsAnimation="blur-reveal"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1917.jpg"
|
|
imageAlt="Trucking operations and logistics"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you service?", content: "We service all 50 states with a focus on the continental US. Our network of drivers and partnerships allows us to handle shipments anywhere in North America. Contact us for specific route availability."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly can you dispatch a truck?", content: "Our 24/7 dispatch center can typically arrange pickup within 2-4 hours for local loads and same-day dispatch for most regional shipments. Emergency loads may be accommodated with premium pricing."
|
|
},
|
|
{
|
|
id: "3", title: "What types of cargo do you haul?", content: "We specialize in time-sensitive freight including construction equipment, agricultural machinery, industrial parts, and general freight. We handle loads from 500 lbs to full flatbed capacity with proper equipment and certifications."
|
|
},
|
|
{
|
|
id: "4", title: "Are your drivers insured and certified?", content: "Yes. All drivers are DOT certified, fully licensed, and pass rigorous background checks. We carry comprehensive liability insurance and equipment coverage. Documentation available upon request."
|
|
},
|
|
{
|
|
id: "5", title: "Can you provide tracking information?", content: "Absolutely. Every shipment includes real-time GPS tracking. You'll receive notifications at pickup, during transit, and at delivery. Access the tracking portal 24/7 with your load number."
|
|
},
|
|
{
|
|
id: "6", title: "How do you handle pricing?", content: "Rates are based on distance, weight, equipment type, and urgency. We provide competitive quotes within one hour of inquiry. Volume discounts available for regular customers. No hidden fees—transparent pricing always."
|
|
}
|
|
]}
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-85 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
accordionClassName="space-y-4"
|
|
accordionTitleClassName="font-semibold text-lg cursor-pointer"
|
|
accordionContentClassName="text-base opacity-80 leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get a Quote"
|
|
title="Ready to Ship? Get Your Quote Today"
|
|
description="Contact Newborn's Trucking Company for a free, no-obligation quote. Our dispatch team will get back to you within one hour during business hours."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Request Quote"
|
|
termsText="We'll contact you within 1 hour with a custom quote. Your information is secure and never shared."
|
|
containerClassName="px-4 py-20 md:py-28"
|
|
titleClassName="text-4xl md:text-5xl font-bold"
|
|
descriptionClassName="text-lg leading-relaxed opacity-85 max-w-2xl"
|
|
tagClassName="text-sm font-semibold tracking-wide uppercase"
|
|
formClassName="flex flex-col sm:flex-row gap-3 mt-8 max-w-2xl"
|
|
inputClassName="flex-1 px-4 py-3 rounded-lg bg-white border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary"
|
|
buttonClassName="px-8 py-3 rounded-lg font-semibold transition-all duration-300"
|
|
termsClassName="text-sm opacity-70 mt-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-wearing-hat_23-2149426503.jpg"
|
|
imageAlt="professional truck driver trucking industry"
|
|
logoText="Newborn's Trucking"
|
|
copyrightText="© 2025 Newborn's Trucking Company. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Hotshot Hauling", href: "#" },
|
|
{ label: "Time-Sensitive Freight", href: "#" },
|
|
{ label: "Equipment Transport", href: "#" },
|
|
{ label: "Rush Dispatch", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact Info", items: [
|
|
{ label: "Phone: 1-888-NEWBORN1", href: "tel:1-888-639-2761" },
|
|
{ label: "Email: dispatch@newbornstruck.com", href: "mailto:dispatch@newbornstruck.com" },
|
|
{ label: "Available 24/7", href: "#" },
|
|
{ label: "Emergency Line", href: "tel:1-888-639-2761" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Safety Policy", href: "#" },
|
|
{ label: "Insurance Info", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
containerClassName="px-4 py-20"
|
|
logoTextClassName="text-2xl font-bold"
|
|
columnsClassName="grid grid-cols-1 md:grid-cols-4 gap-8 mt-12"
|
|
columnTitleClassName="font-bold text-lg mb-4"
|
|
columnItemClassName="text-sm opacity-80 hover:opacity-100 transition-opacity mb-2"
|
|
copyrightTextClassName="text-sm opacity-70 mt-12 pt-8 border-t"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |