Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sarai Trucking"
|
||||
/>
|
||||
@@ -54,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="A Complete Trucking Solution"
|
||||
description="Serving Canada and USA Coast to Coast. Specialized in hauling refrigerated goods on a large scale basis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/whiteboard-with-note-usa-lying-american-flag_23-2148150566.jpg",
|
||||
imageAlt: "Sarai Trucking Fleet",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/whiteboard-with-note-usa-lying-american-flag_23-2148150566.jpg", imageAlt: "Sarai Trucking Fleet"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432362.jpg",
|
||||
imageAlt: "Coast to Coast Logistics",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432362.jpg", imageAlt: "Coast to Coast Logistics"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-snowy-highway-slush-winter-logistics_169016-71358.jpg",
|
||||
imageAlt: "Refrigerated Transport",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-snowy-highway-slush-winter-logistics_169016-71358.jpg", imageAlt: "Refrigerated Transport"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-american-flag-by-markers_23-2148143287.jpg",
|
||||
imageAlt: "Frozen Cargo Solutions",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/drawing-american-flag-by-markers_23-2148143287.jpg", imageAlt: "Frozen Cargo Solutions"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg",
|
||||
imageAlt: "Heated Freight Services",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/professional-truck-driver-setting-up-navigation-destination_342744-295.jpg", imageAlt: "Heated Freight Services"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg",
|
||||
imageAlt: "Trusted Logistics",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg", imageAlt: "Trusted Logistics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,14 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Specialized Team Monitoring Your Shipments",
|
||||
},
|
||||
type: "text", content: "Specialized Team Monitoring Your Shipments"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg",
|
||||
alt: "Sarai Trucking Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg", alt: "Sarai Trucking Team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Frozen Goods Transport",
|
||||
description: "Reliable hauling for frozen items across Canada and the USA.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-truck-long-vehicle-before-driving_342744-1311.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287814.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Frozen Goods Transport", description: "Reliable hauling for frozen items across Canada and the USA.", imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-truck-long-vehicle-before-driving_342744-1311.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287814.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Fresh & Heated Goods",
|
||||
description: "Precision temperature control for fresh and heated perishable shipments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-helping-their-neighbors-with-food_23-2149139799.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/gardener-s-hand-keeping-vegetable-crate-car-trunk_23-2147844353.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Fresh & Heated Goods", description: "Precision temperature control for fresh and heated perishable shipments.", imageSrc: "http://img.b2bpic.net/free-photo/person-helping-their-neighbors-with-food_23-2149139799.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/gardener-s-hand-keeping-vegetable-crate-car-trunk_23-2147844353.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Shipment Monitoring",
|
||||
description: "Our specialized team monitors all shipments in transit 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panels-plant-writing-program-code-tracking-energy-production_482257-119152.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148902559.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Shipment Monitoring", description: "Our specialized team monitors all shipments in transit 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panels-plant-writing-program-code-tracking-energy-production_482257-119152.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148902559.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Our Transportation Services"
|
||||
description="We ensure your sensitive cargo arrives in perfect condition with our professional monitoring team."
|
||||
@@ -157,31 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Shipment Coverage",
|
||||
items: [
|
||||
"Coast to Coast",
|
||||
"Canada & USA",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Shipment Coverage", items: [
|
||||
"Coast to Coast", "Canada & USA"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Active Monitoring",
|
||||
items: [
|
||||
"Real-time Tracking",
|
||||
"Expert Dispatch",
|
||||
],
|
||||
id: "m2", value: "24/7", title: "Active Monitoring", items: [
|
||||
"Real-time Tracking", "Expert Dispatch"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Successful Deliveries",
|
||||
items: [
|
||||
"Perishable Goods",
|
||||
"Frozen & Fresh",
|
||||
],
|
||||
id: "m3", value: "10k+", title: "Successful Deliveries", items: [
|
||||
"Perishable Goods", "Frozen & Fresh"],
|
||||
},
|
||||
]}
|
||||
title="Performance Standards"
|
||||
@@ -191,50 +127,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Supply Chain Manager",
|
||||
company: "FoodCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Supply Chain Manager", company: "FoodCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
role: "Logistics Lead",
|
||||
company: "AgriFresh",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Stevens", role: "Logistics Lead", company: "AgriFresh", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Operations Director",
|
||||
company: "Global Produce",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Operations Director", company: "Global Produce", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Procurement Head",
|
||||
company: "FrozenCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-shipping-logistics-concept-board_53876-123923.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Procurement Head", company: "FrozenCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-shipping-logistics-concept-board_53876-123923.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Wu",
|
||||
role: "Shipping Specialist",
|
||||
company: "LogiTrans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-food-bag-delivered_23-2148964027.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Wu", role: "Shipping Specialist", company: "LogiTrans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-food-bag-delivered_23-2148964027.jpg"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear what our clients say about our reliability and commitment to transport excellence."
|
||||
@@ -247,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What geographical areas do you serve?",
|
||||
content: "We provide services across Canada and the USA from coast to coast.",
|
||||
},
|
||||
id: "q1", title: "What geographical areas do you serve?", content: "We provide services across Canada and the USA from coast to coast."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What types of goods do you haul?",
|
||||
content: "We specialize in refrigerated, frozen, fresh, and heated goods.",
|
||||
},
|
||||
id: "q2", title: "What types of goods do you haul?", content: "We specialize in refrigerated, frozen, fresh, and heated goods."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is my shipment monitored?",
|
||||
content: "Our specialized team monitors every shipment in transit 24/7.",
|
||||
},
|
||||
id: "q3", title: "How is my shipment monitored?", content: "Our specialized team monitors every shipment in transit 24/7."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -277,27 +180,16 @@ export default function LandingPage() {
|
||||
description="Contact us today for professional refrigerated transport services."
|
||||
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: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
},
|
||||
name: "company", type: "text", placeholder: "Company Name"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your logistics needs...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us about your logistics needs...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-adult-background-app-beauty_1303-2356.jpg"
|
||||
/>
|
||||
@@ -307,37 +199,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Frozen Transport",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Frozen Transport", href: "#services"},
|
||||
{
|
||||
label: "Fresh Goods",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Fresh Goods", href: "#services"},
|
||||
{
|
||||
label: "Heated Shipping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Heated Shipping", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user