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.

See the screensAsk about this templateBuild something like this
Noori — Fine Dining Restaurant Template: cover screen
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.

01The 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.

02Who 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.

03Features

  • 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

04Pages & 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)

05Stack

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

06How 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.

07Design 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