All drops
Ironridge Constructions screenshot
ConstructionconstructionPBRrigged GLBday-to-night

Ironridge Constructions

We build what holds.

A living construction site as a scroll film. A truck hauls, a loader digs, a tower crane raises a building floor by floor, day turns to night and a blueprint scan reveals the structure. PBR terrain, rigged machines, GTAO and bloom.

Next.js 16React 19three.jsGSAPLenisTailwind v4gltf-transformmeshoptimizer
PROMPT.md
Build "Ironridge Constructions", a cinematic scroll-driven site for an infrastructure builder. Next.js 16 + raw three.js + GSAP ScrollTrigger + Lenis.

The hero is a full 3D construction site and the whole page is one continuous film: stage.progress runs 0 to 1 and every visual is a pure function of it, so scrolling back rewinds.

Scroll beats:
1. Dawn over raw terrain, dust in the air.
2. Haul: a dump truck drives in, a wheel loader digs and loads it.
3. Frame: a tower crane lifts steel and the building rises floor by floor.
4. Process: blueprint scan, a cyan wireframe sweep reveals the structure.
5. Projects: six case studies over a slow orbit.
6. Night: the finished tower lights up, then contact.

PBR terrain with Poly Haven CC0 textures, rigged GLB machines optimised with gltf-transform + meshopt, GTAO + bloom, dust particles. Palette: concrete grey, safety amber #f5a524.