e192f19e5f
🏗️ Architecture (@Logic-Architect): - Created lib/door-models.ts with exact manufacturing specs - PROFILE_WIDTH = 40mm, PROFILE_DEPTH = 40mm (real steel tubes) - GLASS_OFFSET = 18mm for proper centering - Physical parts system (stiles, rails, dividers, glass) - generateDoorAssembly() returns manufacturable parts list - Validation for structural integrity limits 🎨 Visuals (@3D-Visual-Lead): - Aluwdoors texture loading with vertical steel grain - MeshStandardMaterial: roughness 0.6, metalness 0.7 - Photorealistic glass: transmission 0.98, IOR 1.5 - RoundedBox with 2mm radius for all profiles - Suspense boundaries for progressive texture loading - Studio environment preset + enhanced contact shadows 🔧 Technical: - UseMemo for door assembly generation - mmToMeters() conversion utility - PhysicalPartComponent renderer - Backward compatibility with glass patterns - Fallback materials when textures fail 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.