feat: Latest production version with interior scene and glass

Includes room interior with floor, walls, glass you can see through,
and all uncommitted production changes that were running live.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

components/offerte/step-contact.tsx

@@ -1,12 +1,13 @@
 "use client";
 
-import { useFormContext } from "@/components/offerte/form-context";
+import { useConfiguratorStore } from "@/lib/store";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { User, Mail, Phone, MessageSquare } from "lucide-react";
 
 export function StepContact() {
-  const { formData, updateData } = useFormContext();
+  const { name, email, phone, note, setName, setEmail, setPhone, setNote } =
+    useConfiguratorStore();
 
   return (
     <div>
@@ -24,8 +25,8 @@ export function StepContact() {
           <Input
             id="name"
             placeholder="Uw volledige naam"
-            value={formData.name ?? ""}
-            onChange={(e) => updateData({ name: e.target.value })}
+            value={name}
+            onChange={(e) => setName(e.target.value)}
             className="h-11 focus-visible:ring-brand-orange"
           />
         </div>
@@ -40,8 +41,8 @@ export function StepContact() {
               id="email"
               type="email"
               placeholder="naam@bedrijf.nl"
-              value={formData.email ?? ""}
-              onChange={(e) => updateData({ email: e.target.value })}
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
               className="h-11 focus-visible:ring-brand-orange"
             />
           </div>
@@ -55,8 +56,8 @@ export function StepContact() {
               id="phone"
               type="tel"
               placeholder="06 1234 5678"
-              value={formData.phone ?? ""}
-              onChange={(e) => updateData({ phone: e.target.value })}
+              value={phone}
+              onChange={(e) => setPhone(e.target.value)}
               className="h-11 focus-visible:ring-brand-orange"
             />
           </div>
@@ -72,8 +73,8 @@ export function StepContact() {
             id="note"
             rows={3}
             placeholder="Bijv. specifieke wensen, RAL-kleur, plaatsing..."
-            value={formData.note ?? ""}
-            onChange={(e) => updateData({ note: e.target.value })}
+            value={note}
+            onChange={(e) => setNote(e.target.value)}
             className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2"
           />
         </div>