About This Project
This project is a complete marketing and product catalog platform for a wholesale distributor in Sri Lanka. The site presents brand partners, categorized products, company information, and news updates in a clean, responsive interface tailored to B2B clients. Products, categories, brand partners, and news content are loaded dynamically from Firebase Firestore. The products page supports search, category and brand filtering, and pagination, while each product has a dedicated detail page with images, features, and inquiry actions. The site includes a contact form and product inquiry flow that writes submissions to Firestore, enabling centralized lead collection. SEO best practices were implemented across pages using metadata, OpenGraph, Twitter cards, and structured data.
Key Features
- ✓Multi-page marketing website (Home, About, Brands, Products, News, Contact)
- ✓Product catalog with filters, search, and pagination
- ✓Product detail pages with gallery and inquiry form
- ✓News listing and article pages
- ✓Contact form with Firestore submission
- ✓Responsive UI and modern design system
Project Gallery
3 images
Click on any image to view in full screen gallery mode
Tech Stack
Technical Highlights
- ▸Firestore-backed dynamic content (products, categories, news, brands)
- ▸Product filtering, search, and pagination
- ▸Dynamic routes for product and news details
- ▸Contact and inquiry submissions stored in Firestore
- ▸SEO metadata + JSON-LD structured data across pages