LogisticsCore is a state-of-the-art web application designed for the modern logistics and transportation industry. Built with high-end aesthetics in mind, the platform bridges the gap between functional booking systems and premium user experiences.
Whether it's managing commercial freight, booking local pickup trucks in Dubai, or visualizing real-time global supply chains, LogisticsCore delivers an unparalleled digital experience using advanced web technologies like dynamic scroll-scrubbing backgrounds and glassmorphism UI.
- Logistics Companies looking for a premium online booking presence.
- Freight Forwarders needing a digital face for their operations.
- SaaS Developers seeking inspiration for highly interactive landing pages.
Experience a highly immersive 240-frame sequence acting as a seamless background video. As the user scrolls down the page, the video scrubs backward and forward perfectly synced to the scroll position, creating an interactive cinematic journey.
A highly stylized, dark-mode world map built with GSAP and SVG animations. It visualizes global shipping routes with glowing nodes and animated cargo paths, giving the application an "Active Command Center" feel.
Every component—from the booking form to the fleet showcase—is wrapped in meticulously crafted frosted-glass containers. This ensures high readability and a luxurious feel without hiding the beautiful background animations.
Built on the Next.js App Router and styled with Tailwind CSS, the application is incredibly lightweight, perfectly responsive across all devices, and optimized for maximum SEO performance.
| Category | Technology | Description |
|---|---|---|
| Framework | Next.js 15 (App Router) | Core React framework for SSR and routing. |
| Styling | Tailwind CSS v4 | Utility-first CSS framework for rapid UI building. |
| Language | TypeScript | Strongly typed programming for robust code. |
| Animations | GSAP & Framer Motion | Industry-standard libraries for scroll triggers and UI transitions. |
| Icons | Lucide React | Clean, scalable vector icons. |
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
Ensure you have the following installed on your local machine:
- Node.js (v18.x or newer)
- npm or yarn or pnpm
- Git
Clone the repository to your local machine:
git clone https://github.com/Code-By-Nithin/logistics-core.git
cd logistics-coreInstall the required dependencies:
npm installStart the development server:
npm run devOpen http://localhost:3000 in your browser to see the application running locally!
This project is configured for a completely static export, making it extremely simple to host for free on GitHub Pages.
- Install the deployment module:
npm install gh-pages --save-dev
- Build and push to your
gh-pagesbranch:npm run deploy
- Navigate to your GitHub repository settings, click on Pages, and ensure the source is set to the
gh-pagesbranch. Your project will be live instantly!
Designed and developed by Code-By-Nithin. If you have any questions, run into issues, or want to contribute, feel free to open an issue in this repository!