Back to Portfolio
Restaurant & Food Industry
TOFU ShalimarChinese & Thai Restaurant Showcase
A full multi-page digital experience built for TOFU Shalimar, a premier Chinese & Thai restaurant in Lahore. Designed around a dark, moody wok-fired identity with live digital menu pricing, portion toggles, photo gallery, and working reservation flow.
Web DesignReactLovableResponsive UIRestaurant Tech
Project Overview
An Editorial Digital Front for a Moody Wok-Fired Dining Experience
TOFU Shalimaris a renowned Chinese & Thai dining establishment in Shalimar, Lahore. The website was created to bring their physical dining atmosphere — deep charcoal walls, warm dish photography, and fiery red accent highlights — straight to the web browser.
It gives guests everything required for a seamless dining decision: 9 filterable menu categories with Single vs. Family portion pricing, a culinary story timeline, high-definition food gallery, table reservation forms, and instant WhatsApp ordering links.
Hero landing page with full-bleed food photography and dual CTAs
Signature Plates carousel showcasing top dishes with live PKR pricing
Digital menu across 9 categories (Starters, Soups, Chef's Special, Gravies, Rice & Noodles)
Single vs. Family portion pricing toggle with Chinese/Thai filter controls
About page featuring brand story, chef spotlight, and 2004–2026 timeline
Photo gallery depicting kitchen craft and dark dining room atmosphere
Tech & Architecture
FrontendReact, Vite, TypeScript, Tailwind CSS, Framer Motion
Design SystemDark Moody Theme (#1A1A1A), Wok-Red Accents, Gold Highlights
Portion & Filter EngineSingle vs. Family Pricing Toggle & Category Filters
Booking & Order FlowReservation Form UI + WhatsApp Direct Ordering Link
Live Showcasehttps://tofu-shamar-showcase.lovable.app/
Customer Journey
1Explore Menu
2Select Portion Size
3Reserve or Order via WhatsApp
What We Built
Feature Highlights & Architectural Craft
Every UI component was engineered to elevate the restaurant brand, drive reservations, and reduce friction for online food orders.
Portion-based price toggle engine
Enables customers to seamlessly switch between Single and Family portion pricing across all Chinese and Thai gravies.
Signature plates & carousel showcase
Highlights top chef recommendations with high-res food photography to drive higher order value.
Direct WhatsApp & reservation flow
Streamlines customer conversions by offering quick online table bookings and pre-filled WhatsApp ordering.
2004–2026 restaurant timeline & story
Establishes brand heritage and culinary authority through a interactive narrative of TOFU Shalimar's journey.
Moody wok-fired visual identity
Combines charcoal dark mode, red accents, and gold typography to mirror the physical dining room ambiance.
Mobile-first ordering UX
Optimized touch targets and sticky CTA bars for rapid mobile browsing and dining decisions.
Visual Showcase
Interface & Layout Showcase
Hero & Showcase
TOFU Shalimar — Editorial Hero Section & Signature Wok Showcase
1 / 4 — TOFU Shalimar — Editorial Hero Section & Signature Wok Showcase
9 Menu Categories Filterable
Single vs Family Price Toggle
Direct WhatsApp Order Link
Online Table Reservation UI
Want an editorial, high-converting digital presence for your restaurant or brand?
Talk to DevNex today to turn your menu and brand identity into an engaging customer platform.