Mendinghub Angular is a wedding vendor Angular template for wedding vendor directories and planners, written in TypeScript on Angular 17. Each page is a standalone component. The Angular CLI handles serving, building and testing.

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

Home Page Components

• Home 1 – a hero search with category icons, featured vendors and how-it-works steps.
• Home 2 – a full-width hero with overlay search and category filter tabs.
• Home 3 – a split-screen hero with a map preview and top-rated vendors.

Directory Features And Services

• Map View – listing cards beside a live Leaflet map with themed markers.
• Listing Details – three layouts, one with tabs for overview, gallery, packages and reviews.
• Compare Listings – vendors side by side on price, location, rating and availability.
• Agencies & Vendors – agency and vendor archives with profile pages.
• Submit Listing – a multi-step wizard with map pin placement and file upload.
• Saved Listings – a profile with submitted and saved listings.

Wedding Vendor Angular Template Features

• Angular 17 standalone components for 33 pages
• Typed models and services in TypeScript
• RxJS for shared state such as the theme
• Lazy-loaded routes and the Angular CLI
• 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 wedding vendor Angular template in another stack? Mendinghub also comes as HTML5, React, Vue and WordPress. Every format is in the developer bundle at 20% off. Browse more Wedding Angular templates.

Built with Angular and TypeScript.