Each theme is a complete, working single-page front-end — not a mockup. Same brand, same content pulled from the live site, same WhatsApp ordering flow. Pick one and it becomes the new face of خمس نجوم.
One page, full storyhero, steps, products, quality, about, order
العربية & Englishfull RTL ⇄ LTR switch, remembered per visitor
WhatsApp orderingbuild an order, send it as a ready message
Vanilla HTML / CSS / JSno build step, no dependencies, works anywhere
01
Complete
Dark immersive storefront
The dramatic one. A full-bleed maroon hero with an auto-rotating four-slide banner inside a floating yellow circle, giant outlined watermark and a scrolling marquee. Products ride a one-row slider, quick view opens as a centered modal, and ordering happens in a slide-in drawer with a live WhatsApp message preview.
02
Complete
Bright editorial storefront
The airy one. A light editorial layout with a pill navigation bar, a morphing yellow blob hero with numbered slide tabs, and a dashed vertical preparation timeline. Products run on a snap-scroll rail over a maroon band, quick view slides in as a side sheet, and the order form is a paper receipt — steppers, item total and barcode — inside its own drawer.
03
Complete
Botanical organic storefront
The natural one. A forest-green and lime direction inspired by the thyme leaf itself — organic asymmetric “leaf” cards, a ring hero with floating leaves and a rotating 100%-natural badge, a deep-green steps band that flows out of the hero wave, and a fresh cream canvas throughout.
04
Complete
Bold spice storefront
The loud one. Charcoal, paprika red and amber — diagonal section cuts, offset-shadow bordered cards with zero softness, an ember-dotted hero with a spinning five-star badge, and a red marquee. Quick view slides in as a side sheet while the order drawer keeps the chips-and-preview flow.
