Overview
NOTARA is a complete landing page for a bespoke perfume atelier, built around a fictional, original brand. Near-white paper, deep ink and an iris violet accent pair a condensed display face with generated portrait and atelier imagery. The page opens from a single point into a framed hero, then moves through an atelier introduction with a statement that lights up as you scroll, a four-step method whose grid holds in place while the cards animate, a pinned sequence of perfumer cards, counting results and a booking card with a frosted glass bar. Built with React, TypeScript, Motion, Lenis, Tailwind CSS and Vite. From 1200 px the wide sections scale a fixed desktop composition to the window; below that they switch to stacked tablet and mobile layouts. With reduced motion turned on, smooth scroll stays off and the animations are skipped. Included: complete editable source, ready-to-serve static site, the generated images, customization and deployment instructions, and third-party license notices. This is a frontend design template; no real booking, payment or email service is connected.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
