Mesara Angular is an Angular template for event venues, built for a restaurant group with several venues under one brand, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The group logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles which room is open right now, and every component that needs it reuses it.

Home Page Components

• The Group – a hero slider with a quick booking form.
• Tonight – a live board of every room with its status and its next free table.
• Gifts & Gatherings – a gift-led hero, One Card, Six Rooms.

Group Features And Services

• Venue Finder – every room filtered by kitchen, neighbourhood, price and open now.
• Venue Details – one room’s story, hours with today marked, its menu, its events.
• Book A Table – one flow for every room.
• Private Dining – the private rooms with seated and standing capacity and minimum spend.
• Gift Cards – four designs, any amount from $25 to $1000.
• Events – events across the group on their own repeat rules.

Angular Template for Event Venues Features

• Angular 17 standalone components for 32 pages
• Typed models and services in TypeScript
• RxJS for shared state such as the cart, the theme and the language
• Lazy-loaded routes and the Angular CLI
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Working With The Angular CLI

Install Node 18 or newer and the Angular CLI. Then run npm install and ng serve. Later, ng build writes the production files.

Looking for this Angular template for event venues in another stack? Mesara also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Food & Restaurant Angular templates.

Built with Angular and TypeScript.