SkyPost — Futuristic Delivery Landing Site with AI Chatbot
A polished React + Vite landing site for a futuristic logistics brand, with an animated video hero, services and tracking sections, and the SkyBot chat assistant wired to a webhook or AI provider.
Built by Redoan Uzzaman, Full-Stack Developer & AI Engineer.
Overview
SkyPost is a concept brand site for a futuristic delivery company, built to show a premium marketing front end paired with a conversational assistant.
What it includes
The single-page site opens with an animated hero over a background video and a floating pill-shaped navbar. Below it are a scrolling marquee and sections for services, business customers and parcel tracking, followed by a footer. The layout is fully responsive, and Framer Motion drives the entrance animations.
The SkyBot chatbot component sits on every page and renders replies as Markdown. It can work in two ways:
- Webhook mode: posts each message to a webhook, such as an n8n workflow, and shows the JSON reply. This keeps API keys on the server and avoids browser CORS problems.
- Direct mode: calls an AI provider directly.
A Vite development proxy is included for testing the webhook setup locally.
Engineering notes
The site is built with React 19, TypeScript and Vite and is split into focused components (Hero, Navbar, Services, Business, Tracking, Chatbot, Marquee, Footer). It is deployed as a static build on Netlify.
Key Features
- Animated video hero and floating pill navbar
- Services, business and parcel-tracking sections
- SkyBot chatbot with Markdown replies
- Webhook (n8n) or direct AI provider chatbot modes
- Framer Motion animations and responsive layout
- Static deployment on Netlify
Tech Stack
- React 19
- TypeScript
- Vite
- Framer Motion
- Tailwind CSS
- n8n
- Netlify
Want something like this built?
Redoan Uzzaman takes on AI, automation and full-stack projects for clients worldwide.