Zehri Biryani House
The Soul of Pakistani Spice.
Overview
A Pakistani restaurant celebrating the rich flavors of biryani. Featuring a dynamic menu, online ordering, and reservation system, designed to capture the essence of Zehri's culinary heritage.
A restaurant site for a Pakistani biryani house — built around celebrating the richness and heritage of biryani culture.
Features a dynamic menu, online ordering, and reservation system with a visual identity rooted in Pakistani culinary tradition.
The design captures the spice, warmth, and depth of the cuisine through typography choices, color, and layout structure.
Stack
UI / Frontend
Inspiration
Biryani isn't just food — it's culture. Wanted a site that carried that weight rather than presenting it like a fast food menu.
Structure
Composition
Framework
React + Tailwind v4 + Vite, deployed to Cloudflare Workers.
How it works
Brand & Design
Color palette and typography rooted in Pakistani cultural aesthetics.
Menu Architecture
Biryani variations, sides, and drinks structured in config.
Ordering Flow
Cart, customization, and order summary.
Reservation System
Table booking with date/time selection.
Deploy
Ship to Cloudflare Workers.
More projects
Monolith
A satirical marketing/landing page for a fictional high-performance CLI framework ("Build. Strip. Repeat."), leaning into the exaggerated confidence and jargon of dev-tool marketing sites. Includes a simulated terminal demo component and a fabricated contributor/community section to sell the bit.
Vesper Rooms
A highly interactive, Awwwards-style architectural portfolio application built with React and Vite. It leverages GSAP and Lenis for advanced scroll-linked animations, horizontal pinning, and buttery smooth physics. The platform features dynamic randomized masonry grids, state-managed interactive accordions, and a custom cinematic error page.
Lumina Botanica
A premium landing page concept for a fictional high-end botanical and floral arrangement brand. Built around a glassmorphism aesthetic with frosted-glass UI over dynamic gradient backgrounds, a filterable bento-box product catalogue, a Pinterest-style masonry community board, and custom CSS animations (floating blobs, infinite marquees). Imagery is hotlinked from Unsplash/Pexels with lazy loading and fixed aspect ratios to avoid layout shift.
Serenify
Serenify is a front-end marketing/demo landing page for a fictional mood-and-productivity app, combining email, tasks, and daily mood check-ins into one dashboard. It ships with 8 live-switchable mood themes (4 light, 4 dark) built on an OKLCH analogous-hue color system that re-tints the entire UI instantly. The dashboard mockup is genuinely interactive — folders, a reading pane, a compose modal, and todos/mood state that persist to localStorage — rather than a static screenshot. It's deployed as a Cloudflare Worker that serves the static Vite build and layers on security headers (CSP, HSTS) plus a lightweight health-check route.