Cannafe — Cannabis Cafe Angular Template

Cannafe Angular brings the cannabis cafe template into the world of Angular 11+ — converting 14 hospitality-focused pages into a reactive single-page application. The menu component renders dynamic food and drink items, the booking component handles reservation submissions, and the gallery showcases your cafe atmosphere through Angular-powered lightbox interactions.

Angular's module system organizes the cafe, blog, and core functionality into distinct feature areas. The booking form uses Angular's reactive forms for real-time validation, while the menu component supports dynamic category filtering through pipe transforms. Three homepage variations demonstrate Angular's component reusability, and the blog module's four layout components show how a single data source can power multiple presentation styles.

Key Features

• Angular 11+ Framework — Component-based SPA with TypeScript and module organization
• Menu Component — Dynamic menu display with category filtering via Angular pipes
• Booking Component — Reactive form with date, time, and party size validation
• Gallery Component — Image gallery with Angular-powered lightbox and navigation
• 3 Homepage Components — Three cafe landing pages showcasing Angular component reuse
• Blog Module — Four layout components: archive, full-width, grid, and single post
• Angular Router — Client-side navigation with lazy-loaded cafe and blog modules
• SCSS Theming — Component-scoped styles with cafe-appropriate color variables
• Bootstrap Integration — Responsive grid and UI components within Angular architecture
• Free Lifetime Updates — Angular version upgrades and feature improvements included

Who Is This Template For?

• Angular Developers in Hospitality — Build cafe and restaurant SPAs with Angular's robust tools
• Cannabis Cafe Chains — Deploy a consistent web experience across multiple locations
• Digital Agencies — Deliver cannabis hospitality projects with enterprise framework backing
• CBD Lounge Tech Teams — Create reservation management interfaces with Angular forms
• Cannabis Event Companies — Power venue marketing sites with Angular components

Pages Included (14 Pages)

• Homepage — index, index-2, index-3
• Cafe — menu, book, gallery, about, contact
• Blog — blog, blog-archive-left, blog-full-width, blog-grid, blog-single-left, blog-single

Template At a Glance

• Category — Cannabis Cafe / CBD Lounge
• Total Pages — 14
• Framework — Angular 11+, Bootstrap, TypeScript
• Responsive — Yes, fully mobile-first
• Retina Ready — Yes
• Browser Support — Chrome, Firefox, Safari, Edge, Opera

Icons

• Font Awesome — Scalable vector icon library

Fonts Used

• Google Fonts — Free, open-source web fonts

Image Credit

• All images used in the preview are for demonstration only and are NOT included in the download package.

Changelog

Version 1.0 (Initial Release)
- Initial release with 14 pages
- Angular 11+ SPA architecture