Merge version_2 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H.I Couriers LTD"
|
||||
/>
|
||||
@@ -60,46 +50,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
title="Fast & Reliable Courier Services for H.I Couriers LTD"
|
||||
description="Connecting your business with seamless logistics solutions. Delivering efficiency, every single time. Your trusted partner in transportation."
|
||||
tag="Expedited Delivery"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Quote", href: "/contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-box-clipboard_23-2148593110.jpg",
|
||||
imageAlt: "Delivery truck in an urban setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-box-clipboard_23-2148593110.jpg", imageAlt: "Delivery truck in an urban setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-worried_1194-2217.jpg",
|
||||
imageAlt: "Cargo shipping containers at a port",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-worried_1194-2217.jpg", imageAlt: "Cargo shipping containers at a port"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-tourists-sitting-wooden-floor-planning-using-map_53876-13998.jpg",
|
||||
imageAlt: "Warehouse operations with workers handling parcels",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-tourists-sitting-wooden-floor-planning-using-map_53876-13998.jpg", imageAlt: "Warehouse operations with workers handling parcels"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541830.jpg",
|
||||
imageAlt: "Logistics fleet on a highway",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541830.jpg", imageAlt: "Logistics fleet on a highway"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-delivery-boy-gives-cardbox-someone-gestures-ok-hand-sign-isolated-orange-wall-with-copy-space_141793-119079.jpg",
|
||||
imageAlt: "Courier handing over a package to a client",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-delivery-boy-gives-cardbox-someone-gestures-ok-hand-sign-isolated-orange-wall-with-copy-space_141793-119079.jpg", imageAlt: "Courier handing over a package to a client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-transportation-lights-road-night-time_181624-54742.jpg",
|
||||
imageAlt: "Delivery truck driving through a city at night",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-transportation-lights-road-night-time_181624-54742.jpg", imageAlt: "Delivery truck driving through a city at night"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,19 +82,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About H.I Couriers LTD: Your Partner in Precision Logistics",
|
||||
},
|
||||
type: "text", content: "About H.I Couriers LTD: Your Partner in Precision Logistics"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Our Story", href: "/about"},
|
||||
{
|
||||
text: "Our Vision",
|
||||
href: "/about#vision",
|
||||
},
|
||||
text: "Our Vision", href: "/about#vision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,34 +101,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Package,
|
||||
title: "Express Parcel Delivery",
|
||||
description: "Urgent shipments delivered swiftly with guaranteed timelines across local and national routes.",
|
||||
},
|
||||
title: "Express Parcel Delivery", description: "Urgent shipments delivered swiftly with guaranteed timelines across local and national routes."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Freight & Cargo Solutions",
|
||||
description: "Handling large-scale transportation of goods with dedicated fleets and optimized logistics planning.",
|
||||
},
|
||||
title: "Freight & Cargo Solutions", description: "Handling large-scale transportation of goods with dedicated fleets and optimized logistics planning."},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Real-time Tracking",
|
||||
description: "Stay informed with live updates on your shipment's journey from dispatch to delivery.",
|
||||
},
|
||||
title: "Real-time Tracking", description: "Stay informed with live updates on your shipment's journey from dispatch to delivery."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Warehousing & Distribution",
|
||||
description: "Secure storage facilities and efficient distribution networks to manage your inventory.",
|
||||
},
|
||||
title: "Warehousing & Distribution", description: "Secure storage facilities and efficient distribution networks to manage your inventory."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "International Shipping",
|
||||
description: "Seamless cross-border logistics with customs clearance assistance and global network coverage.",
|
||||
},
|
||||
title: "International Shipping", description: "Seamless cross-border logistics with customs clearance assistance and global network coverage."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure & Insured Transport",
|
||||
description: "Ensuring the safety and protection of your goods with comprehensive insurance options.",
|
||||
},
|
||||
title: "Secure & Insured Transport", description: "Ensuring the safety and protection of your goods with comprehensive insurance options."},
|
||||
]}
|
||||
title="Our Core Courier & Logistics Services"
|
||||
description="H.I Couriers LTD offers a comprehensive suite of services designed to meet diverse shipping needs, ensuring efficiency and reliability across the board."
|
||||
@@ -175,29 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Building2,
|
||||
title: "Active Clients",
|
||||
value: "1500+",
|
||||
},
|
||||
id: "1", icon: Building2,
|
||||
title: "Active Clients", value: "1500+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "On-Time Deliveries",
|
||||
value: "99.8%",
|
||||
},
|
||||
id: "2", icon: Clock,
|
||||
title: "On-Time Deliveries", value: "99.8%"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Satisfied Customers",
|
||||
value: "5000+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Satisfied Customers", value: "5000+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "50+",
|
||||
},
|
||||
id: "4", icon: Globe,
|
||||
title: "Countries Served", value: "50+"},
|
||||
]}
|
||||
title="Driving Success with Proven Performance"
|
||||
description="Our commitment to excellence is reflected in the numbers that showcase our operational efficiency and customer satisfaction."
|
||||
@@ -210,55 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023-11-15",
|
||||
title: "Exceptional Service!",
|
||||
quote: "H.I Couriers LTD has consistently provided us with outstanding service. Their express delivery is truly reliable, and their tracking system is incredibly helpful.",
|
||||
tag: "E-commerce Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/executive-reviewing-notes_1098-576.jpg",
|
||||
avatarAlt: "Sarah Johnson avatar",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "2023-11-15", title: "Exceptional Service!", quote: "H.I Couriers LTD has consistently provided us with outstanding service. Their express delivery is truly reliable, and their tracking system is incredibly helpful.", tag: "E-commerce Business", avatarSrc: "http://img.b2bpic.net/free-photo/executive-reviewing-notes_1098-576.jpg", avatarAlt: "Sarah Johnson avatar"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2023-10-22",
|
||||
title: "Trustworthy Partner",
|
||||
quote: "We rely on H.I Couriers LTD for all our freight needs. Their team is professional, and their solutions are tailored perfectly for our complex shipping requirements. A truly trustworthy partner.",
|
||||
tag: "Manufacturing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12697.jpg",
|
||||
avatarAlt: "Michael Chen avatar",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "2023-10-22", title: "Trustworthy Partner", quote: "We rely on H.I Couriers LTD for all our freight needs. Their team is professional, and their solutions are tailored perfectly for our complex shipping requirements. A truly trustworthy partner.", tag: "Manufacturing", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12697.jpg", avatarAlt: "Michael Chen avatar"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2023-09-01",
|
||||
title: "Seamless International Shipping",
|
||||
quote: "Our international shipments have never been smoother. H.I Couriers LTD handles everything from customs to delivery with remarkable efficiency.",
|
||||
tag: "Global Retailer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
avatarAlt: "Emily Rodriguez avatar",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "2023-09-01", title: "Seamless International Shipping", quote: "Our international shipments have never been smoother. H.I Couriers LTD handles everything from customs to delivery with remarkable efficiency.", tag: "Global Retailer", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", avatarAlt: "Emily Rodriguez avatar"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2023-08-10",
|
||||
title: "Prompt and Professional",
|
||||
quote: "Every interaction with H.I Couriers LTD has been prompt and professional. They really understand the urgency of business logistics and deliver without fail.",
|
||||
tag: "Tech Startup",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-business-people-chatting-holding-tablets-stairs_1262-20320.jpg",
|
||||
avatarAlt: "David Kim avatar",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "2023-08-10", title: "Prompt and Professional", quote: "Every interaction with H.I Couriers LTD has been prompt and professional. They really understand the urgency of business logistics and deliver without fail.", tag: "Tech Startup", avatarSrc: "http://img.b2bpic.net/free-photo/positive-business-people-chatting-holding-tablets-stairs_1262-20320.jpg", avatarAlt: "David Kim avatar"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "2023-07-25",
|
||||
title: "Reliable and Efficient",
|
||||
quote: "We’ve been using H.I Couriers LTD for over a year now, and their service is consistently reliable and incredibly efficient. Highly recommended for any business.",
|
||||
tag: "Small Business Owner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",
|
||||
avatarAlt: "Jessica Lee avatar",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", date: "2023-07-25", title: "Reliable and Efficient", quote: "We’ve been using H.I Couriers LTD for over a year now, and their service is consistently reliable and incredibly efficient. Highly recommended for any business.", tag: "Small Business Owner", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", avatarAlt: "Jessica Lee avatar"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from businesses who trust H.I Couriers LTD for their critical logistics needs."
|
||||
@@ -270,23 +173,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Logistics Inc.",
|
||||
"Apex E-commerce",
|
||||
"Industry Innovators",
|
||||
"Warehouse Solutions Co.",
|
||||
"Freight Masters",
|
||||
"Swift Deliveries",
|
||||
"Secure Packaging Ltd.",
|
||||
]}
|
||||
"Global Logistics Inc.", "Apex E-commerce", "Industry Innovators", "Warehouse Solutions Co.", "Freight Masters", "Swift Deliveries", "Secure Packaging Ltd."]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg",
|
||||
"http://img.b2bpic.net/free-vector/usa-labor-day-badge-collection-flat-style_23-2148237283.jpg",
|
||||
"http://img.b2bpic.net/free-vector/origami-logistic-banners_1284-13326.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148229323.jpg",
|
||||
"http://img.b2bpic.net/free-vector/nice-logo-with-two-red-arrows_1057-2161.jpg",
|
||||
"http://img.b2bpic.net/free-vector/illustrated-delivery-service-with-mask_23-2148506818.jpg",
|
||||
"http://img.b2bpic.net/free-vector/manufacturing-infographic-template_52683-41590.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg", "http://img.b2bpic.net/free-vector/usa-labor-day-badge-collection-flat-style_23-2148237283.jpg", "http://img.b2bpic.net/free-vector/origami-logistic-banners_1284-13326.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148229323.jpg", "http://img.b2bpic.net/free-vector/nice-logo-with-two-red-arrows_1057-2161.jpg", "http://img.b2bpic.net/free-vector/illustrated-delivery-service-with-mask_23-2148506818.jpg", "http://img.b2bpic.net/free-vector/manufacturing-infographic-template_52683-41590.jpg"]}
|
||||
title="Trusted by Leading Businesses"
|
||||
description="Our commitment to excellence has earned the trust of a diverse range of clients across various industries."
|
||||
/>
|
||||
@@ -298,30 +187,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of delivery services do you offer?",
|
||||
content: "We offer a range of services including express parcel delivery, freight and cargo solutions, international shipping, and specialized handling for sensitive goods.",
|
||||
},
|
||||
id: "1", title: "What types of delivery services do you offer?", content: "We offer a range of services including express parcel delivery, freight and cargo solutions, international shipping, and specialized handling for sensitive goods."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How can I track my shipment?",
|
||||
content: "You can track your shipment in real-time using our online tracking portal. Simply enter your tracking number to get the latest updates on your delivery status.",
|
||||
},
|
||||
id: "2", title: "How can I track my shipment?", content: "You can track your shipment in real-time using our online tracking portal. Simply enter your tracking number to get the latest updates on your delivery status."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we provide comprehensive international shipping services, including customs clearance assistance, to ensure smooth cross-border deliveries.",
|
||||
},
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we provide comprehensive international shipping services, including customs clearance assistance, to ensure smooth cross-border deliveries."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What are your operating hours?",
|
||||
content: "Our standard operating hours are Monday to Friday, 9:00 AM to 5:00 PM. We also offer extended hours and weekend services for urgent deliveries by arrangement.",
|
||||
},
|
||||
id: "4", title: "What are your operating hours?", content: "Our standard operating hours are Monday to Friday, 9:00 AM to 5:00 PM. We also offer extended hours and weekend services for urgent deliveries by arrangement."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do you ensure the security of my packages?",
|
||||
content: "We prioritize package security with robust handling protocols, advanced surveillance in our facilities, and comprehensive insurance options for all shipments.",
|
||||
},
|
||||
id: "5", title: "How do you ensure the security of my packages?", content: "We prioritize package security with robust handling protocols, advanced surveillance in our facilities, and comprehensive insurance options for all shipments."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our courier and logistics services."
|
||||
@@ -333,18 +207,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="Ready to streamline your logistics? Contact H.I Couriers LTD today for a tailored solution."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -353,66 +222,39 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Express Delivery",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Express Delivery", href: "#services"},
|
||||
{
|
||||
label: "Freight Solutions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Freight Solutions", href: "#services"},
|
||||
{
|
||||
label: "Tracking",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tracking", href: "#services"},
|
||||
{
|
||||
label: "International",
|
||||
href: "#services",
|
||||
},
|
||||
label: "International", 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: "Partnerships",
|
||||
href: "#",
|
||||
},
|
||||
label: "Partnerships", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #e3deea;
|
||||
--card: #ffffff;
|
||||
--foreground: #27231f;
|
||||
--primary-cta: #27231f;
|
||||
--primary-cta-text: #e3deea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #27231f;
|
||||
--accent: #c68a62;
|
||||
--background-accent: #c68a62;
|
||||
--background: #F5F6FA;
|
||||
--card: #FFFFFF;
|
||||
--foreground: #1A1A1A;
|
||||
--primary-cta: #4D82EF;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #E6E9F2;
|
||||
--secondary-cta-text: #1A1A1A;
|
||||
--accent: #8C6FE9;
|
||||
--background-accent: #D4D9F0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user