Vesper: The Golden Hour Perfumes
Cinematic scroll-jacked landing page for a fictional fragrance brand, where a full-bleed video hero reveals an elliptical, scroll-driven orbit of product bottles as the user scrollsCustom orbit-carousel component with scroll-linked scaling, focus/blur transitions, and per-item label reveal, built from scratch on top of CSS offset-pathConverted from a single-file inline-Babel prototype into a fully componentized, production-ready codebaseOriginal brand identity, product line, and copywriting designed end-to-end (name, tagline, six product names/descriptions, nav, footer)Shipped with a private GitHub repo and a live Netlify production deployReact 19- Build fast, SEO-friendly apps with the App Router, Server Components and streaming
- Design reusable, type-safe component libraries that scale across teams
- Optimise Core Web Vitals — code-splitting, image optimisation, smart caching
- Wire up state management (Context, Zustand, Redux) without the boilerplate
Vite 8Framer MotionTailwind CSS- Rapid UI development with utility-first classes — no context switching
- Custom design systems with Tailwind config, plugins and tokens
- Dark mode, responsive variants and arbitrary values
Google FontsoxlintGitHub- Git branching strategies — Gitflow, trunk-based, conventional commits
- GitHub Actions, pull request reviews, protected branches and CODEOWNERS
Netlify