Vaazhai - Original taste of Tamil Nadu

This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing

What I Built

Vaazhai 🍃 — an animated, single-page tribute to the Tamil Nadu banana-leaf meal, one of the things I admire most about my own Tamil culture and tradition. Instead of a typical landing page with product photos, the entire "hero" is a hand-built CSS illustration of a full banana leaf spread — rice, sambar, rasam, poriyal, kootu, vada, payasam, pickle, curd, papadam, and banana — each dish rendered from gradients, shadows, and clip-paths, no images at all.

Beyond the hero, the page shares the history and ritual behind a banana-leaf meal: how it's traditionally served course by course (shown as a scroll-triggered animation), and a full bilingual (Tamil + English) menu.

Demo

Live: https://anupriya2508.github.io/Vaazhai/

Journey

This project came out of something personal, not an assignment. Growing up, eating off a banana leaf was never just a meal — it's an entire tradition: the order the dishes are placed, the way rice and ghee get mixed at the center, the pickle in the corner, the leaf itself instead of a plate. It's a part of Tamil culture I really admire, and I wanted to build something that captures that feeling and helps pass it on to the next generation, rather than let it just be background nostalgia.

The biggest challenge — and the most fun part — was building every dish purely in CSS. Getting the rice to look fluffy, the sambar to look like it's steaming, and the banana leaf itself to have a natural, asymmetric shape (rather than a generic rounded rectangle) took a lot of trial and error with clip-path, layered radial-gradients, and box-shadows.

I'm especially proud of the "How it's Served" section — a scroll-triggered sequence (using IntersectionObserver) that replays the order dishes traditionally land on the leaf, synced with a step list, and replayable on demand.

Honestly, this is more than a coding project to me — someday I'd genuinely love to open a hotel like this one, serving meals the traditional way. Building this page was my first small step toward that.