748a5814e7
Phase 1 (Logic): Add Dutch mounting constants to door-models.ts - STELRUIMTE=10mm (tolerance), HANGNAAD=3mm (gap per side) - WALL_THICKNESS=150mm (standard interior wall) - calculateMountingDimensions() derives frame/leaf from sparingsmaat Phase 2 (Visual): Replace LivingRoom with WallContainer in scene.tsx - 4-box wall construction with precise rectangular hole - Hole = doorLeafWidth + STELRUIMTE (visible 5mm gap per side) - Door sits INSIDE the wall, not in front of it Phase 3 (Detail): Reveal surfaces and door-type positioning - Plaster/stucco material on reveal edges (inner hole surfaces) - Taats: door centered in wall depth (pivot at center) - Scharnier/Paneel: offset toward front face - Dedicated fill light illuminating reveal depth - Baseboard (plint) on both sides of opening Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Stalen Deuren Configurator - Proinn.nl
Premium 3D configurator voor stalen deuren en kozijnen, gebouwd met React Three Fiber en Next.js.
🔗 Live Demo: proinn.youztech.nl
✨ Features
- 🎨 Premium 3D Visualizer - React Three Fiber met realtime updates
- ⚙️ Geavanceerde Configuratie - Deur types, dimensies, afwerkingen
- 📐 Slimme Berekeningen - Automatische dimensie validatie
- 🎯 Premium UI/UX - Shadcn/UI met responsive design
🚀 Quick Start
```bash npm install npm run dev ```
📦 Tech Stack
- Next.js 16 + React 19 + TypeScript
- React Three Fiber + Three.js
- Zustand + Tailwind CSS v4
- Shadcn/UI + Vercel
📄 License
© 2026 Proinn B.V.