Merge version_1 into main #1
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "#trust",
|
||||
},
|
||||
name: "Trust", id: "#trust"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Still Trucking"
|
||||
/>
|
||||
@@ -55,117 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Reliable Freight Solutions for Every Mile"
|
||||
description="Still Trucking Inc provides premium, secure, and on-time logistics services across the nation. Trusted by enterprises to keep supply chains moving."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248838.jpg",
|
||||
imageAlt: "Still Trucking Fleet A",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg",
|
||||
imageAlt: "Still Trucking Fleet B",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operation-dusk_23-2151468827.jpg",
|
||||
imageAlt: "Still Trucking Fleet C",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-busy-highway-interchange-with-trucks_84443-73906.jpg",
|
||||
imageAlt: "Still Trucking Fleet D",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-line-semi-trucks-industrial-loading-dock_84443-73903.jpg",
|
||||
imageAlt: "Still Trucking Fleet E",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468817.jpg",
|
||||
imageAlt: "Still Trucking Fleet F",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248838.jpg", imageAlt: "Still Trucking Fleet A" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967308.jpg", imageAlt: "Still Trucking Fleet B" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operation-dusk_23-2151468827.jpg", imageAlt: "Still Trucking Fleet C" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-busy-highway-interchange-with-trucks_84443-73906.jpg", imageAlt: "Still Trucking Fleet D" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-line-semi-trucks-industrial-loading-dock_84443-73903.jpg", imageAlt: "Still Trucking Fleet E" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468817.jpg", imageAlt: "Still Trucking Fleet F" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468896.jpg",
|
||||
imageAlt: "Still Trucking Fleet G",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468814.jpg",
|
||||
imageAlt: "Still Trucking Fleet H",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fireman-holding-jacket-protective-helmet-garage-fire-department-leaning-fire-engine-looking-outside_613910-20419.jpg",
|
||||
imageAlt: "Still Trucking Fleet I",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-modern-semi-trucks-parking-lot_23-2151989581.jpg",
|
||||
imageAlt: "Still Trucking Fleet J",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541833.jpg",
|
||||
imageAlt: "Still Trucking Fleet K",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468845.jpg",
|
||||
imageAlt: "Still Trucking Fleet L",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468896.jpg", imageAlt: "Still Trucking Fleet G" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468814.jpg", imageAlt: "Still Trucking Fleet H" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fireman-holding-jacket-protective-helmet-garage-fire-department-leaning-fire-engine-looking-outside_613910-20419.jpg", imageAlt: "Still Trucking Fleet I" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/row-modern-semi-trucks-parking-lot_23-2151989581.jpg", imageAlt: "Still Trucking Fleet J" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541833.jpg", imageAlt: "Still Trucking Fleet K" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468845.jpg", imageAlt: "Still Trucking Fleet L" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-trucker-standing-front-parked-trucks-pointing-her-finger-transportation-vehicles_342744-281.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489726.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/truck-driver-occupation_342744-293.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-truck-driver-opening-cabin-door-entering-truck-vehicle_342744-286.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-trucker-standing-front-parked-trucks-pointing-her-finger-transportation-vehicles_342744-281.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489726.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/truck-driver-occupation_342744-293.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-truck-driver-opening-cabin-door-entering-truck-vehicle_342744-286.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/abstract-circle-inside-square-logo_1043-92.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/logo-with-blue-arrow-green-arrow_1057-2159.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/geometrik-logo-colorfuel_125964-423.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/collection-blue-logos_1045-551.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/abstract-circle-inside-square-logo_1043-92.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/logo-with-blue-arrow-green-arrow_1057-2159.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/geometrik-logo-colorfuel_125964-423.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/collection-blue-logos_1045-551.jpg", alt: "Logo 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,23 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Always know where your cargo is with our advanced digital monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg",
|
||||
imageAlt: "Tracking",
|
||||
},
|
||||
title: "Real-time Tracking", description: "Always know where your cargo is with our advanced digital monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "Tracking"},
|
||||
{
|
||||
title: "Safety Guaranteed",
|
||||
description: "Strict compliance with safety standards ensures your freight arrives protected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg",
|
||||
imageAlt: "Safety",
|
||||
},
|
||||
title: "Safety Guaranteed", description: "Strict compliance with safety standards ensures your freight arrives protected.", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg", imageAlt: "Safety"},
|
||||
{
|
||||
title: "Optimized Routes",
|
||||
description: "Our team ensures the fastest, most efficient transport paths for every delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg",
|
||||
imageAlt: "Routes",
|
||||
},
|
||||
title: "Optimized Routes", description: "Our team ensures the fastest, most efficient transport paths for every delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg", imageAlt: "Routes"},
|
||||
]}
|
||||
title="Comprehensive Freight Services"
|
||||
description="We specialize in tailored logistics solutions to meet the demands of modern business."
|
||||
@@ -210,33 +113,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
title: "On-Time Delivery",
|
||||
description: "Consistency you can rely on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827261.jpg",
|
||||
imageAlt: "Delivery",
|
||||
},
|
||||
id: "m1", value: "99.8%", title: "On-Time Delivery", description: "Consistency you can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827261.jpg", imageAlt: "Delivery"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Trucks in Fleet",
|
||||
description: "Capacity for any job size.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg",
|
||||
imageAlt: "Fleet",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Trucks in Fleet", description: "Capacity for any job size.", imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg", imageAlt: "Fleet"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Here when you need us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-truck-with-food-side-view_23-2149426529.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support Availability", description: "Here when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/man-truck-with-food-side-view_23-2149426529.jpg", imageAlt: "Support"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers that define our reliability in the trucking industry."
|
||||
@@ -251,50 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Logistics Manager",
|
||||
company: "RetailCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-he-is-offering-red-toy_1298-210.jpg",
|
||||
imageAlt: "Sarah",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Logistics Manager", company: "RetailCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-he-is-offering-red-toy_1298-210.jpg", imageAlt: "Sarah"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Roberts",
|
||||
role: "Supply Chain Lead",
|
||||
company: "GlobalTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-showing-woman-where-sign-receive-order_23-2148455130.jpg",
|
||||
imageAlt: "Mark",
|
||||
},
|
||||
id: "2", name: "Mark Roberts", role: "Supply Chain Lead", company: "GlobalTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-showing-woman-where-sign-receive-order_23-2148455130.jpg", imageAlt: "Mark"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Operations Director",
|
||||
company: "EcoGoods",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
imageAlt: "Emily",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Operations Director", company: "EcoGoods", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", imageAlt: "Emily"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
role: "Buyer",
|
||||
company: "AutoPartsCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg",
|
||||
imageAlt: "David",
|
||||
},
|
||||
id: "4", name: "David Miller", role: "Buyer", company: "AutoPartsCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg", imageAlt: "David"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Smith",
|
||||
role: "Owner",
|
||||
company: "LocalDist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
imageAlt: "Julia",
|
||||
},
|
||||
id: "5", name: "Julia Smith", role: "Owner", company: "LocalDist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageAlt: "Julia"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top companies choose Still Trucking for their logistics."
|
||||
@@ -306,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RetailCorp",
|
||||
"GlobalTrade",
|
||||
"EcoGoods",
|
||||
"AutoPartsCo",
|
||||
"LocalDist",
|
||||
"FreightLink",
|
||||
"SupplyMax",
|
||||
]}
|
||||
"RetailCorp", "GlobalTrade", "EcoGoods", "AutoPartsCo", "LocalDist", "FreightLink", "SupplyMax"]}
|
||||
title="Industry Partners"
|
||||
description="Our logistics network extends across key business corridors."
|
||||
/>
|
||||
@@ -324,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We provide regional and national trucking services across North America.",
|
||||
},
|
||||
id: "f1", title: "What areas do you serve?", content: "We provide regional and national trucking services across North America."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I request a quote?",
|
||||
content: "Simply fill out our contact form or call us to get a tailored logistics proposal.",
|
||||
},
|
||||
id: "f2", title: "How do I request a quote?", content: "Simply fill out our contact form or call us to get a tailored logistics proposal."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are my goods insured?",
|
||||
content: "All shipments under our care are fully insured to provide peace of mind.",
|
||||
},
|
||||
id: "f3", title: "Are my goods insured?", content: "All shipments under our care are fully insured to provide peace of mind."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -348,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get moving?"
|
||||
description="Contact our team today to discuss your freight requirements."
|
||||
@@ -363,42 +202,27 @@ export default function LandingPage() {
|
||||
logoText="Still Trucking Inc"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
label: "Safety", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user