Weefly — Cannabis Brand Angular Website Template

About This Item

Weefly Angular delivers a complete cannabis e-commerce experience inside Angular 11+’s robust component architecture. Every storefront page — from product browsing with sidebar filters to cart management, checkout processing, and user account dashboards — is a standalone TypeScript component backed by injectable services and Reactive Forms. Lazy-loaded feature modules keep the application performant while Bootstrap ensures pixel-perfect responsiveness on every device.

Two homepage components let you tailor the first impression, while three shop sidebar layouts and a dedicated checkout flow give customers a seamless purchasing experience. The service-oriented architecture means connecting a real inventory API, payment gateway, or user management backend requires only updating service endpoints — no component rewrites necessary.

Key Features

• Angular 11+ with TypeScript — Type-safe components, services, and route configurations
• 18 Page Components — Full dispensary e-commerce experience in Angular components
• 2 Homepage Components — Two distinct homepage designs for brand flexibility
• Shop Module — Product grid with full-width, left, and right sidebar configurations
• Product Detail Component — Image carousel, strain info, pricing, and add-to-cart
• Cart & Checkout Module — Multi-step checkout with Reactive Forms and order summary
• Account Dashboard — User profile component with account management features
• Blog Feature Module — Detail, sidebar, and two-column layouts as routed components
• Auth Module — Login and signup with Reactive Forms validation and route guards
• Injectable Cart Service — Centralized cart state management across all components
• Lazy-Loaded Routes — Feature modules loaded on demand for fast initial paint
• SCSS Architecture — Modular styles with variables and component-level scoping
• Angular Universal Ready — SSR-compatible structure for enhanced SEO
• Responsive Bootstrap — Mobile-first grid with consistent cross-device display

Who Is This Template For?

• Angular Developers — A dispensary e-commerce template with production-ready architecture
• Cannabis Tech Companies — Build POS or inventory integrations on a solid Angular base
• Development Agencies — Deliver dispensary sites with enterprise-grade TypeScript code
• Full-Stack Teams — Pair with Express, NestJS, or .NET APIs through Angular services
• Startup Founders — Launch a cannabis shop MVP with 18 ready-to-use components

Pages Included (18)

• index — Primary homepage with hero, product carousel, and dispensary info
• homepage-2 — Alternative homepage with different visual approach
• about — Dispensary story and values component
• shop / shop-left-sidebar / shop-right-sidebar — Three shop layout components
• shop-details — Product detail with image gallery and strain data
• cart — Cart component with injectable service state
• checkout — Multi-section Reactive Forms checkout component
• account — User account dashboard component
• blog-details — Blog article with comments
• blog-left-sidebar / blog-right-sidebar — Two sidebar blog components
• blog-two-col — Two-column blog grid
• contact — Contact form with map integration
• login — Login with Reactive Forms
• signup — Registration with validation
• 404 — Not-found component

Template At a Glance

• Category: Cannabis Shop, Dispensary
• Total Pages: 18
• Homepage Variations: 2
• Framework: Angular 11+ with Bootstrap
• Language: TypeScript
• Styling: SCSS with Bootstrap utilities
• Routing: Angular Router with lazy loading
• Responsive: Yes — Mobile, Tablet, Desktop
• Browser Support: Chrome, Firefox, Safari, Edge

Icons

• Font Awesome 5/6
• Flaticon (Cannabis Icons)

Fonts Used

• Google Fonts — Primary and secondary typefaces

Image Credit

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