Update src/app/page.tsx
This commit is contained in:
126
src/app/page.tsx
126
src/app/page.tsx
@@ -53,86 +53,63 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg?w=1200&q=80"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/young-man-wearing-yellow-jacket-looking-away_23-2148216399.jpg", alt: "Client 1"},
|
||||
src: "https://img.freepik.com/free-photo/young-man-wearing-yellow-jacket-looking-away_23-2148216399.jpg?w=150&q=80", alt: "Client 1"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/young-woman-wearing-business-suit-looking-smiling_23-2148197171.jpg", alt: "Client 2"},
|
||||
src: "https://img.freepik.com/free-photo/young-woman-wearing-business-suit-looking-smiling_23-2148197171.jpg?w=150&q=80", alt: "Client 2"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-successful-businessman-smiling-camera_23-2148216392.jpg", alt: "Client 3"},
|
||||
src: "https://img.freepik.com/free-photo/portrait-successful-businessman-smiling-camera_23-2148216392.jpg?w=150&q=80", alt: "Client 3"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/confident-business-woman-smiling-office_23-2148216377.jpg", alt: "Client 4"},
|
||||
src: "https://img.freepik.com/free-photo/confident-business-woman-smiling-office_23-2148216377.jpg?w=150&q=80", alt: "Client 4"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/business-woman-smiling-bright-office_23-2148216355.jpg", alt: "Client 5"},
|
||||
src: "https://img.freepik.com/free-photo/business-woman-smiling-bright-office_23-2148216355.jpg?w=150&q=80", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "ISO Certified"},
|
||||
{
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text", text: "Global Coverage"},
|
||||
{
|
||||
type: "text", text: "Real-time Tracking"},
|
||||
{
|
||||
type: "text", text: "Secure Handling"},
|
||||
{ type: "text", text: "ISO Certified" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Global Coverage" },
|
||||
{ type: "text", text: "Real-time Tracking" },
|
||||
{ type: "text", text: "Secure Handling" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Freight Forwarding", description: "Multi-modal transport via air, ocean, and land to reach any destination on time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg?w=800&q=80"},
|
||||
items: [
|
||||
{
|
||||
icon: Plane,
|
||||
text: "Air Cargo"},
|
||||
{
|
||||
icon: Ship,
|
||||
text: "Ocean Freight"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Land Transport"},
|
||||
{ icon: Plane, text: "Air Cargo" },
|
||||
{ icon: Ship, text: "Ocean Freight" },
|
||||
{ icon: Truck, text: "Land Transport" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Smart Warehousing", description: "Secure, climate-controlled warehousing facilities with 24/7 inventory monitoring and scalability.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg?w=800&q=80"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "High Security"},
|
||||
{
|
||||
icon: Database,
|
||||
text: "Real-time Inventory"},
|
||||
{
|
||||
icon: Box,
|
||||
text: "Scalable Storage"},
|
||||
{ icon: Shield, text: "High Security" },
|
||||
{ icon: Database, text: "Real-time Inventory" },
|
||||
{ icon: Box, text: "Scalable Storage" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Last-Mile Delivery", description: "Fast, reliable final delivery services to ensure your customers get what they need when they need it.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?_wi=1"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?w=800&q=80"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Route Optimization"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Timed Delivery"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Express Fulfillment"},
|
||||
{ icon: MapPin, text: "Route Optimization" },
|
||||
{ icon: Clock, text: "Timed Delivery" },
|
||||
{ icon: Zap, text: "Express Fulfillment" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -144,12 +121,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="tracking" data-section="tracking">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Shipment Tracking", description: "Full end-to-end transparency via our digital dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-storehouse-employee-analyzing-goods-logistics_482257-77538.jpg"},
|
||||
id: "m1", value: "100%", title: "Shipment Tracking", description: "Full end-to-end transparency via our digital dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-storehouse-employee-analyzing-goods-logistics_482257-77538.jpg?w=800&q=80"},
|
||||
]}
|
||||
title="Real-Time Shipment Visibility"
|
||||
description="Our proprietary tracking platform provides total control and peace of mind over every shipment in transit."
|
||||
@@ -158,23 +135,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="industries" data-section="industries">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Retail Logistics", price: "Optimized Fulfillment", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?_wi=1"},
|
||||
id: "p1", name: "Retail Logistics", price: "Optimized Fulfillment", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?w=600&q=80"},
|
||||
{
|
||||
id: "p2", name: "Manufacturing", price: "Supply Chain Precision", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?_wi=1"},
|
||||
id: "p2", name: "Manufacturing", price: "Supply Chain Precision", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?w=600&q=80"},
|
||||
{
|
||||
id: "p3", name: "Healthcare", price: "Cold-Chain Integrity", imageSrc: "http://img.b2bpic.net/free-photo/portable-hand-sanitizer-gel-tubes_53876-176766.jpg"},
|
||||
{
|
||||
id: "p4", name: "E-Commerce", price: "Fast Delivery", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg?_wi=2"},
|
||||
{
|
||||
id: "p5", name: "Automotive", price: "Just-in-Time", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg?_wi=2"},
|
||||
{
|
||||
id: "p6", name: "Consumer Goods", price: "High Volume", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-team-reviewing-goods-packs-organizing-products-boxes-before-retail-store-orders-distribution-diverse-colleagues-working-depot-space-stock-logistics-handheld-shot_482257-72277.jpg?_wi=2"},
|
||||
id: "p3", name: "Healthcare", price: "Cold-Chain Integrity", imageSrc: "http://img.b2bpic.net/free-photo/portable-hand-sanitizer-gel-tubes_53876-176766.jpg?w=600&q=80"},
|
||||
]}
|
||||
title="Industries We Serve"
|
||||
description="Tailored logistical support designed to meet the rigorous demands of various sectors."
|
||||
@@ -186,15 +157,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Reliability Driven by Data"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Reliability", value: "99.9%"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Efficiency", value: "40% Higher"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Coverage", value: "150+ Countries"},
|
||||
{ icon: Award, label: "Reliability", value: "99.9%" },
|
||||
{ icon: TrendingUp, label: "Efficiency", value: "40% Higher" },
|
||||
{ icon: Globe, label: "Coverage", value: "150+ Countries" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -204,12 +169,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to optimize your supply chain? Contact our freight experts today for a custom estimate tailored to your cargo needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote", href: "#"},
|
||||
]}
|
||||
animationType="reveal-blur"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -218,26 +184,20 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Air Freight", href: "#services"},
|
||||
{
|
||||
label: "Warehousing", href: "#services"},
|
||||
{ label: "Air Freight", href: "#services" },
|
||||
{ label: "Warehousing", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Tracking", href: "#tracking"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{ label: "Tracking", href: "#tracking" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -247,4 +207,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user