Marvel Collin / Projects
Sahabat Sentarum Landing Page
Sahabat Sentarum Landing Page is a 3D landing page for a building supply store, built by Marvel Collin for Sahabat Sentarum, Pontianak, Indonesia. It was built in Oct 2026 with React 19, TypeScript, Three.js, React Three Fiber and Vite. Role: Solo.
- Year
- Oct 2026
- Role
- Solo
- Stack
- React 19 · TypeScript · Three.js · React Three Fiber · Vite
- Client
- Sahabat Sentarum, Pontianak, Indonesia
- Result
- 14 tank types
A landing page for TB. Sahabat Sentarum, a building supply store in Pontianak, live at sahabatsentarum.my.id. The store sells the same tank and pipe brands as every other shop in town, so the copy sells the store instead of the product: delivery to the site, a free fitting with tanks, competitive prices, help with warranty claims, and the one official WhatsApp number shown as a scam warning, because fake accounts impersonate the shop.
One fixed WebGL canvas sits behind the page and draws the 3D product only inside the tiles marked as windows, using scissor rendering, so a single scene travels from the hero into the product picker and the final order card. The tank, pipe, fitting and sack models are built in code with React Three Fiber, and the picker covers 14 Jerapah tank types and sends a prefilled order to WhatsApp.
The 3D pauses whenever no window is on screen, caps the pixel ratio at 1.5 and drops to 1 when frames slow down, which halved the slow frames while scrolling on a throttled laptop. HardwareStore structured data, prerendered content, a sitemap and llms.txt make the store readable to search engines and AI assistants, and a service worker caches the app for repeat visits.
Outcome: 14 tank types.