Diagnostics Elite is not a brochure. It is a bilingual (EN/AR) medical-technology platform — product pages, a clinical second-opinion intake, an embedded Sanity Studio, and a homepage that has to earn the next scroll.

The stack is Next.js 16 App Router + React 19 + next-intl, with Sanity 6 as the editorial brain and React Three Fiber as the visual nervous system. The hard problems were never “make it pretty.” They were: how do you put a glass brain on the hero without melting a recruiter’s laptop?

How do you pin a 7-step patient journey to the viewport, then navigate away in the App Router without ScrollTrigger leaving a ghost spacer? How do you run a dual-layer DICOM conveyor — raw scans on one side, AI overlays on the other — at 50px/s without 36 React re-renders a frame?

How do you make Arabic RTL feel native while a horizontal particle belt refuses to flip? And how do you let a non-engineer change every string in 21 namespaces without a redeploy, while the site still boots if Sanity is down?

I treated GPU time like money, scroll like state, and copy like data — then made the whole thing feel inevitable.