The backend prices and authorises every order; the browser is never trusted with money.

1. 1The shopper opens checkout; saved addresses and any held coupons load, and the default address is auto-selected
2. 2Choosing card lazily downloads Stripe.js and adds the config-driven service fee; choosing Cash-on-Delivery skips it entirely
3. 3A coupon is applied from the shopper's rewards or typed in, and validated against the cart total by the backend
4. 4For card, the backend returns a payment secret, Stripe Elements collects the card, and a confirm call finalises the order; for COD the backend creates the order directly
5. 5The cart clears and an animated confirmation shows the order number and a what's-next timeline

A share link turns into a referred, verified account without leaving the buying flow.

1. 1A shopper arrives on a signup link carrying a referral code, which is captured and pre-filled
2. 2They enter a name, a phone number or email, and a password, validated inline
3. 3The backend sends a six-digit code; the UI advances to a verification step with resend
4. 4On verify the account is created, tokens are stored, the referrer is linked and a welcome coupon is granted
5. 5The shopper is returned to wherever they were — resuming checkout if mid-flow, otherwise home

A package QR closes the loop — confirming receipt, proving authenticity, and prompting a review.

1. 1On an order that is with the courier, the buyer taps scan-to-confirm (or marks it received manually)
2. 2The camera scanner opens, with a manual code or URL fallback, and decodes the package token
3. 3The backend checks the token is genuine and belongs to this order, then marks it delivered
4. 4A review prompt opens; the buyer rates each product received with stars and a comment
5. 5The order view refreshes to its delivered, reviewed state

How a storefront page is served fast and correct in either language and any currency.

1. 1Locale routes are prerendered at build with the right lang and direction baked into the HTML
2. 2A server component prefetches the above-the-fold data and dehydrates it into the page
3. 3The browser hydrates that cache and TanStack Query keeps it live without refetching what it already has
4. 4On mount a reconciler applies the visitor's saved currency and locale, invalidating only the affected queries so prices and translations update without a flash
5. 5Switching language flips the layout to RTL and swaps to Nastaliq fonts; switching currency refetches server-converted prices