Concept · built with AI tools
Noori — Fine Dining Restaurant Template Candle-lit restaurant site with booking, ordering and admin
A sellable website template for Indian and South Asian fine-dining restaurants, demoed as a fictional Deccan dining room in Jubilee Hills, Hyderabad. Fourteen hand-coded pages carry their own reservation engine with deposits and a waitlist, an online ordering portal, gift cards, guest accounts and a password-protected PHP admin that stores everything in flat JSON files, so no database is needed.
- Status
- Concept · built with AI tools
- Type
- Template
- Category
- Restaurant website
- Version
- 1.0.0
- Built with
- HTML5, CSS3, Vanilla JavaScript …
This is a self-initiated concept, designed and built by Srini with AI tools. It is not a real company or client project.
The problem
Restaurant sites often hide menus in PDFs and hand bookings and orders to third-party widgets. Noori puts live, accessible text menus, a Resy-style booking page and an ordering portal on the restaurant's own site, while still letting the owner plug in OpenTable, Tock, Resy, SevenRooms, EazyDiner or District. It runs on static hosting, with full features on any PHP 7.4+ shared host.
Who it is for
Indian and South Asian restaurants (and the developers and agencies who build for them) wanting a premium, rebrandable site with booking and ordering built in; sold as a template.
Features
- Built-in reservation engine: Dining Room, Chef's Counter and Courtyard seatings with capacity, lunch and dinner slots, 30-day date strip
- Deposits per seating and for large parties, cancellation policy, occasion notes
- Notify waitlist for full slots, plus server-side overbooking protection
- Partner widgets: OpenTable, Tock, Resy, SevenRooms, EazyDiner, District or custom HTML
- Online ordering portal: start new order, one-tap reorder, pickup or delivery, ASAP or scheduled, fees and GST
- Gift card designer with live preview; guest accounts with order history
- Tasting, à la carte and bar menus as live text with diet filters, allergen and spice marks
- Password-protected PHP flat-file admin: menus, prices, sold-out toggle, gallery, hours, bookings, orders, enquiries, CSV export, automatic backups
- Private dining spaces, packages and enquiry form
- Restaurant, Menu and Breadcrumb schema, Open Graph, sitemap
- WCAG 2.1 AA: zero axe-core violations on every page
- Sticky Reserve / Order / Call bar on phones
Pages & screens
- Home
- Menus (Tasting / À la carte / Bar & Wine)
- Reservations
- Order online
- Private Dining
- Our Story
- Press
- Gallery
- Visit & Contact
- Gift Cards
- My Account
- Privacy
- Terms
- 404
- Admin (dashboard, menu & prices, tasting menus, categories, gallery, reservations, waitlist, orders, gift cards, enquiries, guest accounts, newsletter, settings, login)
Stack
- HTML5
- CSS3 (custom properties, Grid, clamp())
- Vanilla JavaScript (no jQuery, no build step)
- PHP 7.4 / 8.x API and admin
- Flat-file JSON storage with locking
- Self-hosted Cormorant Garamond + Manrope (OFL)
- Lucide and Bootstrap Icons
- Optional Python 3 build script for shared partials
How I built it with AI
Built by Srini with AI tools as a sellable template. He shared screenshots of a Resy booking page and an online-ordering portal as references, and asked for a Resy-style booking page with live slots, a waitlist 'Notify' option and deposits, plus an ordering portal with reorder, login/signup and gift cards. The AI wrote original HTML, CSS, JavaScript and the PHP flat-file admin, then packaged documentation, brand guide, licence and listing for sale.
Design highlights
- Highlight 01 — Candle-lit palette of deep green, cream and saffron with Cormorant Garamond headlines and italic accents, for a Michelin-minded mood
- Highlight 02 — Booking page modelled on Resy's pattern: seating tabs, date strip and a slot grid where full slots turn into Notify buttons
- Highlight 03 — Menus served as live text with diet filters and allergen keys instead of PDFs, for accessibility and SEO
- Highlight 04 — No database: settings, menus and bookings live in JSON files, so it runs on cheap PHP shared hosting or plain static hosting
- Highlight 05 — Settings-driven content: phone, address and hours changed once update every page