159 lines
6.7 KiB
TypeScript
159 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Truck, Building2, Users, Zap, HelpCircle } from 'lucide-react';
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="LogisticNet"
|
|
navItems={[
|
|
{ name: "Solutions", id: "/solutions" },
|
|
{ name: "Network", id: "/about" },
|
|
{ name: "Case Studies", id: "/#testimonials" },
|
|
{ name: "Pricing", id: "/pricing" }
|
|
]}
|
|
button={{
|
|
text: "Request Demo",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Transforming Global Supply Chains"
|
|
description="LogisticNet was founded on the principle that modern logistics requires both physical infrastructure and digital intelligence. Our hybrid approach combines strategic warehouse positioning, fleet optimization, and predictive analytics to create seamless supply chain experiences from China to your customers' doorsteps."
|
|
tag="Our Vision"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/an-aerial-view-of-a-modern-logistics-war-1771990401395-7532a335.png?_wi=2"
|
|
imageAlt="Modern logistics warehouse with automated systems"
|
|
buttons={[
|
|
{ text: "Explore Solutions", href: "/solutions" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Network Infrastructure at Scale"
|
|
description="Our comprehensive logistics network spans continents, connecting manufacturers in China to customers worldwide through strategic hubs and optimized routes."
|
|
tag="Global Reach"
|
|
tagIcon={Award}
|
|
metrics={[
|
|
{
|
|
id: "fleet-size",
|
|
value: "3500",
|
|
title: "Active Vehicles",
|
|
description: "Multi-modal fleet covering every corridor",
|
|
icon: Truck
|
|
},
|
|
{
|
|
id: "warehouse-count",
|
|
value: "250",
|
|
title: "Strategic Locations",
|
|
description: "Nationwide warehouse network coverage",
|
|
icon: Building2
|
|
},
|
|
{
|
|
id: "enterprise-clients",
|
|
value: "500",
|
|
title: "Enterprise Partners",
|
|
description: "Fortune 500 companies trust our network",
|
|
icon: Users
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="About Our Operations"
|
|
description="Learn more about LogisticNet's integrated approach to modern supply chain management and how we deliver results for enterprise clients."
|
|
tag="Company Info"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What makes LogisticNet different from other logistics providers?",
|
|
content: "LogisticNet uniquely combines physical infrastructure with digital intelligence. While traditional providers focus on either warehousing or transportation, we integrate both with AI-powered forecasting to optimize your entire supply chain from China to final delivery."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How did LogisticNet build such an extensive network?",
|
|
content: "Over the past decade, we've strategically acquired and built logistics assets across key trade corridors. Our 250 warehouses and 3,500-vehicle fleet were positioned based on data analysis of trade flows, population centers, and supply chain optimization models."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What industries does LogisticNet serve?",
|
|
content: "We specialize in enterprise B2B logistics across manufacturing, retail, automotive, electronics, and consumer goods. Our clients range from Fortune 500 companies to fast-growing mid-market businesses requiring reliable China-to-US supply chain solutions."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/a-detailed-analytics-dashboard-showing-d-1771990401476-be3adc38.png?_wi=2"
|
|
imageAlt="Logistics analytics and forecasting interface"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<FooterBase
|
|
logoText="LogisticNet"
|
|
copyrightText="© 2025 LogisticNet. All rights reserved. Integrated Logistics for the Modern Enterprise."
|
|
columns={[
|
|
{
|
|
title: "Solutions",
|
|
items: [
|
|
{ label: "Fleet Management", href: "/#features" },
|
|
{ label: "Warehouse Network", href: "/about" },
|
|
{ label: "Demand Forecasting", href: "/#features" },
|
|
{ label: "Last-Mile Delivery", href: "/#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Case Studies", href: "/#testimonials" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "System Status", href: "#" },
|
|
{ label: "Documentation", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |