Shopping

The web shop is at http://localhost:3000. A mobile customer app should offer the same catalog and flows.

Home

On first visit the shop loads store settings, then shows:

• Promotional slides
• Featured aisles and brands
• Offers and collections
• Recipes (when published)
• Optional marketing popups

Customers can switch English / Arabic at any time. Content that exists in both languages follows the selected language.

Browse

Screen	What the customer does
Home	Scroll the feed and banners
Categories	Walk the aisle tree
Brands	Shop by brand
Collections	Open a curated group of products
Product	See detail, pick a variant, add to cart
Search	Find products by name or text
Offers	Browse active promotions
Recipes	Open a recipe and its ingredients

Product page

A product page shows name, images, price (and compare-at when on sale), stock, variants (size / weight), description, and reviews. The customer picks a variant and quantity, then adds to cart.

Unavailable or out-of-stock options should not be addable. What is in stock can change after the customer chooses a delivery area or a pickup branch.

Offers and recipes

Offers can apply automatically or through cart rules — for example free delivery, a percentage or fixed discount, or a free product. Recipes help customers add a set of ingredients in one go.

Delivery context

Prices and fees depend on where the order will go:

1. Choose delivery (map pin, saved address, or area) or pickup (branch).
2. The store assigns a serving branch and zone (fee, minimum order, estimated arrival).
3. Express may be offered for that zone.

Until a location is chosen, the cart can still accept items, but a delivery order cannot be completed.

Search and filters

Product listing supports:

• Aisle, brand, or collection
• Free-text search
• Tag
• In stock / on sale
• Price range
• Sort: newest, price, name, discount

Content pages

About, FAQ, contact, privacy, terms, and Pro are content and marketing pages. Pro membership is covered under Account.

Next

Cart and checkout