Van-Rental Marketing Site (Next.js + TypeScript)
A van/mobility rental brand
Overview
A production-minded marketing website for a van/mobility rental brand (modeled on heggo.app), built with Next.js, TypeScript, and Tailwind, with animated sections via Framer Motion. The codebase is intentionally structured for maintainability and easy hand-off to future developers.
The Challenge
The brand needed a fast, responsive, visually accurate marketing site that future developers could understand and update without friction, emphasizing a clean component architecture and centralized, editable content.
What We Built
A Next.js App Router project (src/app/) with a clear components/ library, Header, Hero, Services, Comparison, FAQ, Card, Section, Button, Footer, and a single config/content.ts that centralizes all copy so non-developers can edit text in one place. Sections include a hero with CTAs, a 4-card services grid, a HEGGO-vs-traditional-transport comparison table, an animated FAQ accordion, and a contact footer. The repo ships extensive docs (PROJECT_OVERVIEW.md, DEVELOPMENT.md, QUICKSTART.md) for maintainability.
Technologies & Approach
Next.js + TypeScript for type-safe, SEO-friendly pages; Tailwind CSS for styling; Framer Motion for smooth section/accordion animations. Content is decoupled from components via a single config module to make updates trivial. Pairs with heggo_localization for multi-language content.
Outcome / Impact
Delivered a responsive, animated, well-documented marketing site with a content-config architecture that lowers the cost of future edits and developer onboarding.
Capabilities Demonstrated
- Maintainable Next.js + TypeScript marketing sites
- Component-driven UI with centralized content config
- Animated, accessible UI sections (Framer Motion)
- Documentation-first, hand-off-ready delivery