Platera Angular is a catering web template for caterers and event dining studios, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

The catering logic sits in injectable services. As a result, components stay small and easy to test. For instance, one service handles Quote Builder, and every component that needs it reuses it.

Home Page Components

• Weddings & Celebrations – a framed hero that opens to full bleed as you scroll.
• Corporate & Private Events – a docked bar checks a date and a headcount. In The Table Sets Itself.
• Private Dining & Tasting – a seven-course evening at home. In the Course Stack.

Catering Features And Services

• Quote Builder – guests, service style, menu tier, drinks per hour, rentals, crew and extras.
• Event Request – the same answers in four steps with a running estimate. Continue never blocks.
• Menus – course tabs, dietary filters and a search. Dishes add to “my menu”.
• Pricing & Packages – packages priced per guest with a minimum, recalculated by a guest slider.
• Partner Venues – the headcount against each room’s seated or standing capacity.
• Tastings & Dinners – every date in the next thirty days.

Catering Web Template Features

• Angular 17 standalone components for 31 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
• Light and dark mode on one switch, remembered between visits
• 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 catering web template in another stack? Platera 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.