Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="LogiGrow"
|
||||
/>
|
||||
@@ -55,42 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering Global Logistics Excellence"
|
||||
description="Driving the future of supply chain management with data-backed precision, scalable infrastructure, and innovative transport solutions for companies worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Growth",
|
||||
href: "#metrics",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Our Growth", href: "#metrics" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-forklift-machine-lifting-palette-full-cardboard-boxes-placing-them-shelves-distribution-warehouse-facility_342744-1559.jpg?_wi=1",
|
||||
imageAlt: "logistics shipping hub automated cranes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662928.jpg?_wi=1",
|
||||
imageAlt: "logistics transportation network aerial view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-warehouse-staff-overseeing-order-fulfillment-with-ai-brain-support_482257-129608.jpg?_wi=1",
|
||||
imageAlt: "smart warehouse robot logistics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-control-engineer-solar-power-factory-evaluating-industrial-operations-dressed-suit_482257-132661.jpg",
|
||||
imageAlt: "logistics digital supply chain data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-night-view-new-jersey-from-manhattan-downtown-with-urban-skyscrapers_649448-4546.jpg",
|
||||
imageAlt: "port terminal logistics night view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662937.jpg",
|
||||
imageAlt: "global logistics network globe map",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-forklift-machine-lifting-palette-full-cardboard-boxes-placing-them-shelves-distribution-warehouse-facility_342744-1559.jpg", imageAlt: "logistics shipping hub automated cranes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662928.jpg", imageAlt: "logistics transportation network aerial view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-warehouse-staff-overseeing-order-fulfillment-with-ai-brain-support_482257-129608.jpg", imageAlt: "smart warehouse robot logistics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/quality-control-engineer-solar-power-factory-evaluating-industrial-operations-dressed-suit_482257-132661.jpg", imageAlt: "logistics digital supply chain data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rooftop-night-view-new-jersey-from-manhattan-downtown-with-urban-skyscrapers_649448-4546.jpg", imageAlt: "port terminal logistics night view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662937.jpg", imageAlt: "global logistics network globe map" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,19 +63,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our mission is simple: to ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/engineering-team-solar-panel-plant-adjusting-robotic-machinery-settings_482257-120461.jpg",
|
||||
alt: "professional logistics team portrait",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " streamline complexity through smarter, data-led logistics strategies that grow your bottom line.",
|
||||
},
|
||||
{ type: "text", content: "Our mission is simple: to " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/engineering-team-solar-panel-plant-adjusting-robotic-machinery-settings_482257-120461.jpg", alt: "professional logistics team portrait" },
|
||||
{ type: "text", content: " streamline complexity through smarter, data-led logistics strategies that grow your bottom line." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,56 +77,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Road Freight",
|
||||
description: "High-frequency ground transport with real-time tracking.",
|
||||
icon: Truck,
|
||||
title: "Rapid Road Freight", description: "High-frequency ground transport with real-time tracking.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-truck-driver-working_23-2151561884.jpg",
|
||||
imageAlt: "freight transport logistics truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541874.jpg",
|
||||
imageAlt: "freight transport logistics truck",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-forklift-machine-lifting-palette-full-cardboard-boxes-placing-them-shelves-distribution-warehouse-facility_342744-1559.jpg?_wi=2",
|
||||
imageAlt: "freight transport logistics truck",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-truck-driver-working_23-2151561884.jpg", imageAlt: "freight transport logistics truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541874.jpg", imageAlt: "freight transport logistics truck" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Seamless Documentation",
|
||||
description: "Automated customs handling across international borders.",
|
||||
icon: FileText,
|
||||
title: "Seamless Documentation", description: "Automated customs handling across international borders.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-photovoltaics-facility-supervisor-monitoring-system-performance-tablet_482257-125805.jpg",
|
||||
imageAlt: "digital shipping customs logistics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg",
|
||||
imageAlt: "digital shipping customs logistics",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662928.jpg?_wi=2",
|
||||
imageAlt: "freight transport logistics truck",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-photovoltaics-facility-supervisor-monitoring-system-performance-tablet_482257-125805.jpg", imageAlt: "digital shipping customs logistics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg", imageAlt: "digital shipping customs logistics" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Efficient Distribution",
|
||||
description: "Smart sorting and optimized warehouse placement.",
|
||||
icon: Package,
|
||||
title: "Efficient Distribution", description: "Smart sorting and optimized warehouse placement.", icon: Package,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-inventory-tracking-with-digital-interface_23-2151983335.jpg",
|
||||
imageAlt: "cargo distribution center automated",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg",
|
||||
imageAlt: "cargo distribution center automated",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-warehouse-staff-overseeing-order-fulfillment-with-ai-brain-support_482257-129608.jpg?_wi=2",
|
||||
imageAlt: "freight transport logistics truck",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/warehouse-inventory-tracking-with-digital-interface_23-2151983335.jpg", imageAlt: "cargo distribution center automated" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg", imageAlt: "cargo distribution center automated" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Logistics Solutions"
|
||||
description="Scalable end-to-end logistics infrastructure designed for high-growth businesses."
|
||||
@@ -186,21 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15M+",
|
||||
description: "Packages delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "On-time arrival",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450+",
|
||||
description: "Global ports covered",
|
||||
},
|
||||
{ id: "m1", value: "15M+", description: "Packages delivered" },
|
||||
{ id: "m2", value: "99.9%", description: "On-time arrival" },
|
||||
{ id: "m3", value: "450+", description: "Global ports covered" }
|
||||
]}
|
||||
title="Growth Driven By Data"
|
||||
description="Measurable impact on the supply chains we manage."
|
||||
@@ -211,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CargoTrans",
|
||||
"GlobalFlow",
|
||||
"NetShip",
|
||||
"FastTrack",
|
||||
"OrbitLogistic",
|
||||
"Core Freight",
|
||||
"Prime Delivery",
|
||||
]}
|
||||
names={["CargoTrans", "GlobalFlow", "NetShip", "FastTrack", "OrbitLogistic", "Core Freight", "Prime Delivery"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Collaborating with global enterprises to solve logistics challenges."
|
||||
/>
|
||||
@@ -229,31 +133,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Samuel Okoro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-plant-manager-hardhat-walking-warehouse-talking-cellphone_74855-16380.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg" },
|
||||
{ id: "2", name: "Maria Chen", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg" },
|
||||
{ id: "3", name: "Samuel Okoro", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg" },
|
||||
{ id: "4", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg" },
|
||||
{ id: "5", name: "Tom Baker", imageSrc: "http://img.b2bpic.net/free-photo/focused-plant-manager-hardhat-walking-warehouse-talking-cellphone_74855-16380.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Partners Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -266,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is on-time arrival guaranteed?",
|
||||
content: "We utilize AI-driven route optimization and local partner networks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international coverage?",
|
||||
content: "Yes, we operate in over 60 countries across all major continents.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I track my shipment?",
|
||||
content: "Our dashboard provides real-time tracking integration.",
|
||||
},
|
||||
{ id: "f1", title: "How is on-time arrival guaranteed?", content: "We utilize AI-driven route optimization and local partner networks." },
|
||||
{ id: "f2", title: "Do you offer international coverage?", content: "Yes, we operate in over 60 countries across all major continents." },
|
||||
{ id: "f3", title: "How can I track my shipment?", content: "Our dashboard provides real-time tracking integration." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-man-using-digital-tablet-scanning-bar-code-package-label-while-preparing-shipment-with-his-coworker_637285-2261.jpg"
|
||||
title="Logistics Questions Answered"
|
||||
@@ -293,9 +165,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Scale Your Operations"
|
||||
description="Ready to streamline your logistics? Contact our growth team."
|
||||
@@ -306,36 +176,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="LogiGrow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Growth Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Resources", items: [{ label: "Growth Metrics", href: "#metrics" }, { label: "Support", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user