Alsabouh — Elevating Spaces with Timeless Luxury

Alsabouh Group has spent nearly four decades building a reputation among architects and designers as a source for the rarest marble, granite, and stone — but a company built on relationships and showroom visits had no digital front door that matched the caliber of the materials themselves.

The catalog itself is the hardest part to translate online: five distinct material collections, each with its own texture, finish, and story, aimed at a B2B and B2C audience that expects to see and feel quality before they'll request a quote.

We built a single scroll-driven experience that treats the product catalog like an editorial spread rather than a grid of SKUs — a full-bleed hero, an animated brand story ("Crafting Excellence Since 1988") with counted-up stats (35+ years, 1,000+ projects, 500+ clients, 25+ countries), a services section walking through global sourcing and in-house fabrication (cutting, polishing, carving, sizing), a parallax showcase of the five core collections — Marble, Granite, Porcelain & Tiles, Exotic Wood, and Quartz — and a projects gallery of real installations across Dubai and beyond.

Built with Next.js, Framer Motion, and Tailwind CSS v4, with a glossy, dark-mode-first luxury palette designed to sit alongside architectural photography rather than compete with it.

The result is a discovery layer that gives Alsabouh a digital presence worthy of the material itself — built to be sent directly to them as a finished concept, live at its own URL. On its own it's a product-discovery and lead-generation site: every path leads to a quote request or consultation booking.

The architecture is deliberately built so that layer can grow into the full e-commerce platform outlined in Alsabouh's own product roadmap — quote-based bulk ordering, customization options (size, finish, edge profile), and a complete cart-to-checkout flow for both B2B and B2C buyers.