Nota Parfum

A pitch landing page for Nota Parfum, a Moroccan perfume house bottling 24 inspired-by fragrances at 75 MAD per flacon with COD nationwide and Instagram/WhatsApp-led ordering. Built with the client's actual product line, prices, and verbatim French and Darija reviews. Seven sections — hero, manifesto, the emerald 'Le Rituel' pack offer, a tabbed 24-card collection, Fès atelier heritage, reviews, and WhatsApp contact — with the 24 SKUs typed in src/data and Vitest tests asserting catalogue integrity in CI.

Try the live demo Source on GitHub

24 typed SKUs

Catalogue

23/23 in CI

Tests

WhatsApp · COD

Funnel

Web

What Wasn't Working

An Instagram-first, WhatsApp-ordering, COD-nationwide fragrance business was pre-launch on the web with no site at all.

The Solution

How I Fixed It

A landing page with the real catalogue, prices, brand palette and verbatim FR/Darija reviews baked in; WhatsApp CTAs mirror the real Moroccan ordering path, and a quiet no-carousel hero positions the brand above commodity flash-sale tells.

Stack

Technologies Used

Astro 5

Tailwind 4

TypeScript

Bun

Vitest

Results

Key Outcomes

✓

Full 24-fragrance tabbed collection with honest 'inspired-by' positioning

✓

CI-enforced catalogue integrity: Vitest validates SKU data and built HTML

✓

Env-driven config retargets the same build to Pages, Vercel, or a custom domain

✓

Live on GitHub Pages via GitHub Actions

Want something like this?

Let's build it. I ship fast and I ship clean.

Try Live View Code Hire Me