Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Award, Box, Clock, Database, Globe, MapPin, Shield, TrendingUp, Truck, Zap } from "lucide-react";
|
||||
import { Award, Box, Clock, Database, Globe, MapPin, Plane, Shield, Ship, TrendingUp, Truck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Tracking",
|
||||
id: "tracking",
|
||||
},
|
||||
name: "Tracking", id: "tracking"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AKS Logistics"
|
||||
/>
|
||||
@@ -54,61 +46,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Seamless Global Delivery."
|
||||
description="AKS Logistics provides dependable, data-driven supply chain solutions that keep your business moving forward, no matter where your cargo needs to go."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
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", 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", 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", 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", 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", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
type: "text", text: "ISO Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Coverage",
|
||||
},
|
||||
type: "text", text: "Global Coverage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Tracking",
|
||||
},
|
||||
type: "text", text: "Real-time Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Handling",
|
||||
},
|
||||
type: "text", text: "Secure Handling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,76 +89,52 @@ export default function LandingPage() {
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
items: [
|
||||
{
|
||||
icon: Plane,
|
||||
text: "Air Cargo",
|
||||
},
|
||||
text: "Air Cargo"},
|
||||
{
|
||||
icon: Ship,
|
||||
text: "Ocean Freight",
|
||||
},
|
||||
text: "Ocean Freight"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Land Transport",
|
||||
},
|
||||
text: "Land Transport"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663053.jpg?_wi=2",
|
||||
imageAlt: "cargo plane sunset flight",
|
||||
},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "High Security",
|
||||
},
|
||||
text: "High Security"},
|
||||
{
|
||||
icon: Database,
|
||||
text: "Real-time Inventory",
|
||||
},
|
||||
text: "Real-time Inventory"},
|
||||
{
|
||||
icon: Box,
|
||||
text: "Scalable Storage",
|
||||
},
|
||||
text: "Scalable Storage"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg?_wi=2",
|
||||
imageAlt: "freight shipping logistics",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Route Optimization",
|
||||
},
|
||||
text: "Route Optimization"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Timed Delivery",
|
||||
},
|
||||
text: "Timed Delivery"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Express Fulfillment",
|
||||
},
|
||||
text: "Express Fulfillment"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg?_wi=2",
|
||||
imageAlt: "modern warehouse facility",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Logistics Services"
|
||||
@@ -199,16 +144,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="tracking" data-section="tracking">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
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"},
|
||||
]}
|
||||
title="Real-Time Shipment Visibility"
|
||||
description="Our proprietary tracking platform provides total control and peace of mind over every shipment in transit."
|
||||
@@ -223,41 +164,17 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Healthcare",
|
||||
price: "Cold-Chain Integrity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portable-hand-sanitizer-gel-tubes_53876-176766.jpg",
|
||||
},
|
||||
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: "p4", name: "E-Commerce", price: "Fast Delivery", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-wearing-face-mask_23-2149103431.jpg"},
|
||||
{
|
||||
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: "p5", name: "Automotive", price: "Just-in-Time", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg"},
|
||||
{
|
||||
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: "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"},
|
||||
]}
|
||||
title="Industries We Serve"
|
||||
description="Tailored logistical support designed to meet the rigorous demands of various sectors."
|
||||
@@ -271,19 +188,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Reliability",
|
||||
value: "99.9%",
|
||||
},
|
||||
label: "Reliability", value: "99.9%"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Efficiency",
|
||||
value: "40% Higher",
|
||||
},
|
||||
label: "Efficiency", value: "40% Higher"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Coverage",
|
||||
value: "150+ Countries",
|
||||
},
|
||||
label: "Coverage", value: "150+ Countries"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -293,14 +204,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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: "#",
|
||||
},
|
||||
text: "Request a Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,42 +217,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Air Freight",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Air Freight", href: "#services"},
|
||||
{
|
||||
label: "Warehousing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Warehousing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Tracking",
|
||||
href: "#tracking",
|
||||
},
|
||||
label: "Tracking", href: "#tracking"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user