Luméa

An Arabic-first skincare storefront — an editorial split hero, an ingredients page, a journal and a skincare-ritual guide, with a working cart and checkout. A ready-to-publish React build, running from a folder.

Luméa is a skincare brand storefront — six cold-pressed, plant-based formulas and nothing hidden. Eight views cover the shop: an editorial home with a split hero, the shop and product detail, an ingredients page that names what goes in, a journal, a skincare-ritual guide, the cart and a checkout. Arabic is the default language and the site loads right-to-left on first paint; a browser-side translation layer keeps English one click away without a second copy of the content. The cart and checkout run in the browser, so the whole store works from a folder with no server behind it. It is a compiled React build tuned to run under a plain sub-path — corrected absolute asset paths, a routed BrowserRouter basename, El Messiri display over IBM Plex Sans Arabic body type, and an olive-and-cream palette that stays calm behind product photography.

What is inside

• Editorial split hero
• Shop + product detail
• Ingredients page
• Skincare-ritual guide
• Journal
• Working cart
• Checkout
• AR default, EN one click

Built with