Cannafe — Cannabis Cafe React JS Template

Cannafe React serves up a cannabis cafe template as a fast, interactive React 18 application powered by Vite. Fourteen pages become composable functional components — a dynamic menu with category tabs, a booking form with real-time availability feedback, an image gallery with smooth transitions, and four blog layout options. This is the modern cafe website your cannabis lounge deserves.

React's state management makes the menu component shine: customers filter by category, view item details, and explore your cannabis-infused offerings without any page reloads. The booking component uses controlled inputs with custom validation hooks, while the gallery leverages React's portal system for a full-screen lightbox experience. Vite compiles everything into a sub-100KB initial bundle for instant first paint.

Key Features

• React 18 + Vite — Component-driven UI with lightning-fast build and development tooling
• Menu Component — Category-filtered menu display with animated item transitions
• Booking Form Component — Controlled form with custom useBooking validation hook
• Gallery Component — React portal-based lightbox with keyboard navigation support
• 3 Homepage Variants — Three cafe-themed landing components with unique hero sections
• 4 Blog Components — Archive, full-width, grid, and single post layout components
• React Router v6 — Seamless page transitions with nested route layouts
• CSS Modules — Scoped styling for conflict-free component presentation
• Responsive Images — Optimized image loading for food photography on all screens
• Free Lifetime Updates — React ecosystem updates and component refinements included

Who Is This Template For?

• React Developers — Build beautiful cannabis cafe websites in your favorite framework
• Cannabis Lounge Owners — Get an app-like website that impresses visitors instantly
• Hospitality Tech Builders — Use the booking component as a base for reservation systems
• Freelance Web Developers — Deliver high-quality cafe projects with React components
• CBD Cafe Brands — Launch a brand-forward digital experience built on React

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 — React 18, Vite, React Router v6
• 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
- React 18 + Vite application