CONCEPT 01|A ready-made template to own — not a client project|All product data is demo
The store template's home page at full length: hero, categories, a product grid and two feature sections
The home page — hero, categories, everyday essentials, feature sections. A live frame: the content inside moves as you scroll down. HOME · LIVE FRAME
The mega menu open over the page: three case categories with images, links and a New badge
Mega menu with images — three cards per menu, with a «New» badge on the latest. MEGA MENU
CONCEPT 01 · ready-made template Demo product data

MAX BOX.

Tech store template — Arabic RTL

An Arabic tech-accessories storefront, right to left — from the home page to the basket, built to global experience standards. It was not built for a client — it was built ready for whoever wants a store at this level under their own name and identity.

Arabic RTL from the ground up Next.js + TypeScript Saved basket Mega menu Material and colour picker Reviews section

Identity — pick a colour: it runs through the page identity at once, and through the whole template in the brands section below

The two options

Storefront in your name

A new name, identity and products on the ready-made structure

Storefront + system

An order engine and admin built to fit your operation

Request it in your name ↗ Try the store yourself

The trial is a live demo with sample data · ownership covers the code, the domain and the identity

WHY THIS TEMPLATE

A global benchmark, measured in pixels.
And Arabic from the ground up.

The template was built to measured parity with a global benchmark in tech-accessory retail: element positions and properties were measured in the benchmark and in the build, then adjusted until the difference came down to two pixels on the screens measured. And the Arabic here is not a translation laid over a foreign design — direction, typeface and detail were built right to left from the first line.

Measured parity ≤ 2px

A documented method: a computed comparison between the benchmark and the build on a 390px screen, down to a difference of two pixels or less.

True RTL

The structure, the grid, the menus and the numerals are built in Arabic from the ground up, not flipped from an English version.

Ready today

The storefront is built and running: four core screens with a basket, menus, material and colour pickers and a reviews section.

PRODUCT PAGE

A product page that sells, not just shows.

A photo gallery, material and colour pickers with a price per material, successive feature sections, information accordions, and a full reviews section with photos — the structure that made the global benchmark a standard in its category, available in Arabic.

The product page at full length inside a laptop: gallery, variants and reviews

The product page, full length — a live frame whose content moves as you scroll. PRODUCT PAGE · LIVE FRAME

IDENTITY SWITCH

One template. Four brands.

The name and the colour change; the structure stays as it is. The screenshots below come from the same live storefront after switching name and colour — even MAX BOX is only an identity laid on the template.

The product page in the MAX BOX identity: MAX BOX wordmark, black button and blue accent The same page in a green identity named ORBIT: the wordmark, the button and the accent have changed The same page in an orange identity named VOLT The same page in a purple identity named PULSE
Real screenshots after switching name and colour — the name in the wordmark, the logo colour, the buy button and the badges. REAL SHOTS · NAME & COLOR

You've seen it in four brands. Now picture it in yours.

WHAT'S INSIDE

What's inside the template

A basket that stays

It is stored locally in the browser and survives closing it — the visitor comes back and finds the basket as they left it.

Mega menu with images

Three image cards per menu, with sub-links and a «New» badge on the latest.

Material and colour picker

On the product page: a material choice with a price per material, and a colour picker — in the manner of the category's global stores.

A full reviews section

Stars, counters, a photo strip, a summary of opinions, detailed cards and a show-more button.

Badges and states

New, limited edition, best seller — ready on the cards and in the listings.

Four core screens

Home, products split into categories, a product page and a basket — a ready structure with room for more.

MOBILE FIRST

Mobile was measured on its own.

The small screen is not a shrunken copy: margins, type, buttons and the photo strip were measured at 390px with the same parity method. Two live frames whose content moves as you scroll.

The home page on mobile at full length
The product page on mobile at full length

Home and product page at 390px — two live frames tied to the scroll. RTL · MOBILE FIRST

MAKE IT YOURS

What changes to make it yours?

Name and logo

Your brand's wordmark replaces MAX BOX in the top bar, the footer and every screen.

Colours and accent

Your brand palette runs through the buttons, the badges and the states — as you saw in the switcher.

Products and categories

Your real catalogue, with its images, prices and categories, in place of the demo data.

Currency and payment

Your market's currency and the payment methods your customers actually use.

And the structure and the experience — the hard part — are already done.

BEYOND THE STOREFRONT

Where is the back-end system?

This template is the customer-facing storefront — from the home page to the basket. The order engine, the admin dashboard and the invoicing are built to fit each business when it needs them — as we built KOTOB Group a store running on a database and a domain they own outright.

The KOTOB story — a store they own, not rent ↗

A store, ready.
Waiting for your name.

A live walkthrough of the template is available on request — then we agree on the identity, the products and the scope.

Let's talk about your store ↗