Your stone is only visible in the showroom

A catalogue in three languages, Arabic included, and a quote request on each stone.

A run through the site, demo data: the home page scrolled top to bottom, the 3D carousel, the catalogue, a stone page switched to Arabic, then a quote request sent from the form.
The catalogue, demo data: the first row of stones with name and origin, rendered from the SQLite database.
A stone page, demo data: photo, versions, the quote request button and the description.
The same stone page in Arabic, demo data: the whole layout flips right to left, fonts included.
The quote form filled in, demo data: name, phone, project type and message, before sending.

The problem

A marble company needed its stones online in three languages, right-to-left Arabic included, and quote requests that never get lost.

What I built

A Next.js site with stone pages rendered from SQLite, 3D coverflow carousels and a quote form sent to Google Sheets. A missing translation breaks the build, so no page ships half translated.

Technical details

GSAP ScrollTrigger and Lenis driven by a single ticker
Translation completeness enforced by the type system
End-to-end harnesses in bash and Puppeteer, one switching language in a real browser
Swipe carousel that never steals the vertical scroll on mobile

Stack

Next.js 16
TypeScript strict
Tailwind 4
GSAP + Lenis
SQLite + Drizzle

The result

Product and local business data ready for Google, quote requests kept even if sending fails, and fully typed code with no any.

A similar project in mind?

Tell me about your business and when you need it. You get a proposal by email.

I want this system

More projects

Coded websites · Marble store, cash on deliverySelling marble online without building a heavy platformView the project