Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,87 +33,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Tracking",
|
||||
id: "tracking",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Tracking", id: "tracking" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LogiTrack"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Logistics, Real-Time."
|
||||
description="Seamless, secure, and transparent delivery tracking for your business. Monitor your shipments every step of the way with our proprietary backend infrastructure."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Track Shipment",
|
||||
href: "#tracking",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Track Shipment", href: "#tracking" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time API Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Global Coverage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Fleet Management",
|
||||
},
|
||||
{ type: "text", text: "AI-Driven Logistics" },
|
||||
{ type: "text", text: "Real-time API Access" },
|
||||
{ type: "text", text: "24/7 Global Coverage" },
|
||||
{ type: "text", text: "Enterprise Security" },
|
||||
{ type: "text", text: "Automated Fleet Management" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,18 +77,9 @@ export default function LandingPage() {
|
||||
title="Precision Delivery Systems"
|
||||
description="We combine cutting-edge backend AI algorithms with a user-friendly frontend dashboard to give you unparalleled visibility into your supply chain. Our logistics technology ensures no package is left behind."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real-time Updates",
|
||||
description: "Backend API integration delivering live location updates.",
|
||||
},
|
||||
{
|
||||
title: "Secure Infrastructure",
|
||||
description: "Enterprise-grade security protecting all tracking data.",
|
||||
},
|
||||
{
|
||||
title: "Frontend Ease",
|
||||
description: "Intuitive dashboards for end-to-end management.",
|
||||
},
|
||||
{ title: "Real-time Updates", description: "Backend API integration delivering live location updates." },
|
||||
{ title: "Secure Infrastructure", description: "Enterprise-grade security protecting all tracking data." },
|
||||
{ title: "Frontend Ease", description: "Intuitive dashboards for end-to-end management." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-warehouse-worker-protective-uniform-checking-goods-distribution-market_342744-1527.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -149,41 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Warehousing",
|
||||
subtitle: "Automated storage management",
|
||||
category: "Solutions",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Fleet Management",
|
||||
subtitle: "Optimal routing efficiency",
|
||||
category: "Fleet",
|
||||
value: "AI-Driven",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "API Integration",
|
||||
subtitle: "Easy backend connectivity",
|
||||
category: "Tech",
|
||||
value: "REST",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Global Shipping",
|
||||
subtitle: "Worldwide network",
|
||||
category: "Logistics",
|
||||
value: "Global",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Custom Analytics",
|
||||
subtitle: "Deep data insights",
|
||||
category: "Reports",
|
||||
value: "Live",
|
||||
},
|
||||
{ id: "s1", title: "Warehousing", subtitle: "Automated storage management", category: "Solutions", value: "24/7" },
|
||||
{ id: "s2", title: "Fleet Management", subtitle: "Optimal routing efficiency", category: "Fleet", value: "AI-Driven" },
|
||||
{ id: "s3", title: "API Integration", subtitle: "Easy backend connectivity", category: "Tech", value: "REST" },
|
||||
{ id: "s4", title: "Global Shipping", subtitle: "Worldwide network", category: "Logistics", value: "Global" },
|
||||
{ id: "s5", title: "Custom Analytics", subtitle: "Deep data insights", category: "Reports", value: "Live" },
|
||||
]}
|
||||
title="Comprehensive Solutions"
|
||||
description="Everything you need to streamline your delivery logistics operations."
|
||||
@@ -196,24 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Shipments Tracked",
|
||||
value: "500K+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "On-Time Rate",
|
||||
value: "99.8%",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Cities Served",
|
||||
value: "150+",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "m1", title: "Shipments Tracked", value: "500K+", icon: CheckCircle },
|
||||
{ id: "m2", title: "On-Time Rate", value: "99.8%", icon: Clock },
|
||||
{ id: "m3", title: "Cities Served", value: "150+", icon: MapPin },
|
||||
]}
|
||||
title="Logistics Impact"
|
||||
description="Our numbers speak for the efficiency we bring to your business."
|
||||
@@ -227,42 +125,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Express Track",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Freight Track",
|
||||
price: "Pending",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662962.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bulk Ship",
|
||||
price: "Delayed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Return Batch",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Global Cargo",
|
||||
price: "In Transit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automated-packaging-modern-factory_23-2151938388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Express Air",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-analyzing-performance-data-tablet-close-up_482257-117889.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Express Track", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg" },
|
||||
{ id: "p2", name: "Freight Track", price: "Pending", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662962.jpg" },
|
||||
{ id: "p3", name: "Bulk Ship", price: "Delayed", imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg" },
|
||||
{ id: "p4", name: "Return Batch", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827320.jpg" },
|
||||
{ id: "p5", name: "Global Cargo", price: "In Transit", imageSrc: "http://img.b2bpic.net/free-photo/automated-packaging-modern-factory_23-2151938388.jpg" },
|
||||
{ id: "p6", name: "Express Air", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-analyzing-performance-data-tablet-close-up_482257-117889.jpg" },
|
||||
]}
|
||||
title="Track Your Assets"
|
||||
description="Access your shipment status with our dedicated tracking dashboard."
|
||||
@@ -274,13 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Logitech",
|
||||
"FastFlow",
|
||||
"SwiftShip",
|
||||
"CargoCorp",
|
||||
"GlobalReach",
|
||||
"DirectDrive",
|
||||
"StreamLine",
|
||||
"Logitech", "FastFlow", "SwiftShip", "CargoCorp", "GlobalReach", "DirectDrive", "StreamLine"
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Leading companies trust our technology to manage their logistics."
|
||||
@@ -293,41 +155,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
role: "Logistics Lead",
|
||||
testimonial: "The frontend dashboard is incredibly intuitive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Supply Chain Mgr",
|
||||
testimonial: "Our operations improved by 30% after switching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
role: "CEO",
|
||||
testimonial: "Fastest implementation we've ever seen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
role: "Operations Director",
|
||||
testimonial: "Seamless tracking data integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ed Norton",
|
||||
role: "CTO",
|
||||
testimonial: "Backend APIs are robust and well-documented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Wang", role: "Logistics Lead", testimonial: "The frontend dashboard is incredibly intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg" },
|
||||
{ id: "2", name: "Bob Smith", role: "Supply Chain Mgr", testimonial: "Our operations improved by 30% after switching.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
||||
{ id: "3", name: "Charlie Day", role: "CEO", testimonial: "Fastest implementation we've ever seen.", imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg" },
|
||||
{ id: "4", name: "Diana Ross", role: "Operations Director", testimonial: "Seamless tracking data integration.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
{ id: "5", name: "Ed Norton", role: "CTO", testimonial: "Backend APIs are robust and well-documented.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Real feedback from businesses scaling with us."
|
||||
@@ -339,21 +171,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the tracking real-time?",
|
||||
content: "Yes, our systems sync with live GPS data.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I integrate your API?",
|
||||
content: "Yes, our API is open for business integration.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What support is available?",
|
||||
content: "24/7 dedicated account manager support.",
|
||||
},
|
||||
{ id: "q1", title: "Is the tracking real-time?", content: "Yes, our systems sync with live GPS data." },
|
||||
{ id: "q2", title: "Can I integrate your API?", content: "Yes, our API is open for business integration." },
|
||||
{ id: "q3", title: "What support is available?", content: "24/7 dedicated account manager support." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our tracking and logistics services."
|
||||
@@ -364,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Support"
|
||||
title="Contact Our Logistics Experts"
|
||||
description="Need a custom integration or want to learn more about our tracking solutions? Get in touch today."
|
||||
@@ -377,14 +195,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LogiTrack"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user