Web Platform · Logistics · 2026
Unit.pk
A multi-page marketing website for a Lahore freight-forwarding brand, with a validated quote-request API and an interactive trade-network map.
- Role
- Design & development
- Built with
- Next.js 15 · React 19 · TypeScript · Tailwind CSS · shadcn/ui · Framer Motion · React Hook Form · Zod
Screens
4 screenshots · 1920 × 1080
Overview
Unit.pk is a freight and logistics brand based in Lahore, offering road, sea and air freight, warehousing, customs clearance and special cargo. The website explains each service line and turns visitors into quote requests.
The problem
A logistics business needs a credible web presence that explains six different service lines clearly and makes it easy for importers and exporters to ask for a quote.
The solution
A Next.js site organised around the services, with dedicated Services, Company, Network and Contact pages, and a quote form validated in the browser and again on the server.
What I built
Quote request flow
React Hook Form with Zod in the browser, re-validated in a Next.js API route, with a honeypot spam trap and optional webhook forwarding.
Trade-network map
An interactive SVG map linking the Lahore hub to five regions, with a selectable active region.
Service architecture
Six service sections on a Services page, plus Company, Network and Contact pages, each with its own metadata.
Search-ready
Open Graph and Twitter cards, MovingCompany and FAQ structured data, and a generated sitemap and robots file.
How it’s built
- Security response headers (nosniff, frame options, referrer and permissions policies) configured in Next.js.
- Every visual — the tracking card, the network map — is drawn in code with CSS and SVG; the site ships no photos or raster images.
- Skip-to-content link and Framer Motion reveal animations.