Teda sells authentic luxury goods — bags, shoes, accessories from recognized global brands — and the brief was to make the storefront feel as considered as the products themselves. Products, brands, categories, and even the homepage's rotating banner are all managed through Firestore, so the catalog updates without a redeploy.

The homepage leads with a hero banner, then surfaces featured products (or the four most recent, if nothing's marked featured yet), organized by category — all rendered server-side in Next.js for fast first loads, with Tajawal as the Arabic type family throughout.

Catalog content is editable without touching code — brands, products, and the homepage banner all live in Firestore.