Logistics software landing page templateLogistics Software Landing Page With a Live Shipment Dashboard
Logistics software landing page template: a clean logistics software website template on a visible grid: the booking app as the hero (live route map, shipments table, an arrival time that updates), four jobs with working product pieces, a customer story with a chart, two honest plans and plain answers.
Features
- The app as the hero: a real map of Europe with each load drawn between its cities, a dense shipments table and a detail panel; pick a row to see its route
- A delayed load's arrival time updates a few seconds after the app scrolls into view
- Four jobs in an uneven grid, each with a working piece of product: carrier quotes, an SMS delay alert, a signed proof of delivery, an invoice checked line by line
- A customer story told with a number and a month-by-month chart
- Two plans side by side plus a row for larger shippers; every FAQ answer visible
- One accent colour, a hairline frame around every section, almost no motion
Best for: Logistics software, freight booking apps and transport SaaS that want a calm, credible site led by the product itself.
Installation
npm install motion lucide-react clsx tailwind-mergeThen copy the files from the Code tab into the same paths in your project, in TypeScript or JavaScript.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | WaybillContent | - | Everything the page says: brand, nav, hero, the app's shipments and route, features, customer story, plans, FAQ and footer. |
| className | string | - | Classes on the page. |
FAQ
Is the Logistics Software Landing Page With a Live Shipment Dashboard free to use?
Yes. Logistics Software Landing Page With a Live Shipment Dashboard is free to copy into your own projects. Open the Code tab and paste the files into your app.
Does Logistics Software Landing Page With a Live Shipment Dashboard work with Next.js and React?
Yes. It's a React client component made for the Next.js App Router, styled with Tailwind CSS and animated with Framer Motion (the motion package).
Can I use Logistics Software Landing Page With a Live Shipment Dashboard in JavaScript instead of TypeScript?
Yes. Every file comes in TypeScript and JavaScript. Switch the language in the Code tab.
What does Logistics Software Landing Page With a Live Shipment Dashboard need installed?
motion, lucide-react, clsx, tailwind-merge, plus the shared helpers from the Installation page.
Is Logistics Software Landing Page With a Live Shipment Dashboard accessible?
Every link and button is reachable by keyboard with a visible focus ring, and the animation stays still for visitors who ask for reduced motion.