Skip to content
NextClick

Concept build, Premium tier

Greenhouse.

Cafe and dining room, Jalan Kemuja, Bangsar. A room that is mostly glass and about two hundred plants, and a wall that folds away at eleven.

Open the live build
Greenhouse homepage at desktop width

The brief it was built to.

Concept brief: the photography is warm terracotta and timber, so the page is cool. Measured across all thirteen frames, 37.8% of every pixel is warm plaster and the foliage is a muted olive, not emerald. Echoing that would have produced the beige-and-brass surface every warm-craft brief lands on, so the interface is the glass and the photographs are the light coming through it.

  • Next.js
  • GSAP ScrollTrigger
  • Lenis
  • Three.js canopy
  • WebGL light shafts
  • Static rendering

Scroll folds the west wall away onto the terrace.

The one thing this room actually does is open. Its west side is not a window, it is a run of folding steel and glass, so a pinned section concertinas it away leaf by leaf. Each leaf is a vertical slice of one photograph, so the shut wall is a single continuous image; they hinge alternately, turn 82 degrees, and travel roughly their own width times their index, which is what gathers them into a stack at the jamb instead of leaving a row of evenly spaced slivers. A sheen crosses each face at the middle of its swing and each leaf darkens as it turns away, because a pane of glass that has turned edge-on to you is dark. Without that darkening the swung leaves and the terrace behind them sit at the same tone and it reads as a collage rather than a wall coming apart.

What a cafe or restaurant gets from this: a menu that is quick to read and quick to change, opening hours that mark today from the visitor's own clock, a private-dining page that answers the questions people actually message about, and a booking that lands on WhatsApp already written.

Measured, not claimed.

Largest Contentful Paint
72 ms
Cumulative Layout Shift
0
Median frame
9.3 ms
Anti-patterns found
0

Measured with Chromium tracing on the production build. The point is not the exact digits; it is that your site will ship with its own.

Message on WhatsAppNext build: The Coat Room