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/layout/footer.tsx

@@ -3,37 +3,26 @@ import { Mail, Phone, Star, Facebook, Instagram, Linkedin, Youtube } from "lucid
 
 const contactInfo = [
   { icon: Mail, text: "info@proinn.nl", href: "mailto:info@proinn.nl" },
-  { icon: Phone, text: "085 - 1234 567", href: "tel:0851234567" },
+  { icon: Phone, text: "0165 311 490", href: "tel:0165311490" },
 ];
 
 const companyInfo = [
-  { label: "KVK", value: "12345678" },
-  { label: "BTW", value: "NL123456789B01" },
-  { label: "IBAN", value: "NL00 INGB 0000 0000 00" },
-];
-
-const locations = [
-  "Nunspeet",
-  "Veghel",
-  "Amsterdam",
-  "Rotterdam",
-  "Utrecht",
+  { label: "KVK", value: "85086991" },
+  { label: "BTW", value: "NL863503330.B01" },
 ];
 
 const proinnLinks = [
-  { label: "Projecten", href: "/projecten" },
+  { label: "Producten", href: "/producten" },
   { label: "Configurator", href: "/offerte" },
   { label: "Over ons", href: "/over-ons" },
-  { label: "Vacatures", href: "/vacatures" },
-  { label: "Showrooms", href: "/showrooms" },
+  { label: "Contact", href: "/contact" },
 ];
 
 const serviceLinks = [
-  { label: "Contact", href: "/contact" },
-  { label: "Kennisbank", href: "/kennisbank" },
-  { label: "Veelgestelde vragen", href: "/faq" },
-  { label: "Garantie", href: "/garantie" },
-  { label: "Onderhoud", href: "/onderhoud" },
+  { label: "Stalen binnendeuren", href: "/producten#binnendeuren" },
+  { label: "Stalen buitendeuren", href: "/producten#buitendeuren" },
+  { label: "Stalen kantoorwanden", href: "/producten#kantoorwanden" },
+  { label: "Maatwerk", href: "/producten#maatwerk" },
 ];
 
 const socialLinks = [
@@ -48,13 +37,16 @@ export function Footer() {
     <footer className="bg-[#1A2E2E]">
       {/* Main Footer */}
       <div className="mx-auto max-w-7xl px-4 pt-16 pb-12 sm:px-6 lg:px-8">
-        <div className="grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-5 lg:gap-8">
+        <div className="grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-4 lg:gap-8">
           {/* Col 1 - Logo & Contact */}
-          <div className="lg:col-span-1">
+          <div>
             <Link href="/" className="text-2xl font-extrabold tracking-tight text-white">
               PROINN
             </Link>
-            <div className="mt-6 space-y-3">
+            <p className="mt-4 text-sm leading-relaxed text-gray-400">
+              Handgemaakte stalen deuren, op maat geleverd en ge&iuml;nstalleerd vanuit Roosendaal.
+            </p>
+            <div className="mt-5 space-y-3">
               {contactInfo.map((item) => (
                 <a
                   key={item.text}
@@ -66,7 +58,10 @@ export function Footer() {
                 </a>
               ))}
             </div>
-            <div className="mt-5 space-y-2">
+            <p className="mt-3 text-xs text-gray-500">
+              Schotsbossenstraat 2, 4705AG Roosendaal
+            </p>
+            <div className="mt-4 space-y-1.5">
               {companyInfo.map((item) => (
                 <p key={item.label} className="text-xs text-gray-500">
                   <span className="text-gray-400">{item.label}:</span> {item.value}
@@ -75,24 +70,7 @@ export function Footer() {
             </div>
           </div>
 
-          {/* Col 2 - Locaties */}
-          <div>
-            <h4 className="mb-4 text-sm font-semibold text-white">Locaties</h4>
-            <ul className="space-y-2.5">
-              {locations.map((city) => (
-                <li key={city}>
-                  <Link
-                    href={`/showrooms/${city.toLowerCase()}`}
-                    className="text-sm text-gray-400 transition-colors hover:text-white"
-                  >
-                    {city}
-                  </Link>
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          {/* Col 3 - Proinn */}
+          {/* Col 2 - Proinn */}
           <div>
             <h4 className="mb-4 text-sm font-semibold text-white">Proinn</h4>
             <ul className="space-y-2.5">
@@ -109,9 +87,9 @@ export function Footer() {
             </ul>
           </div>
 
-          {/* Col 4 - Service */}
+          {/* Col 3 - Producten */}
           <div>
-            <h4 className="mb-4 text-sm font-semibold text-white">Service</h4>
+            <h4 className="mb-4 text-sm font-semibold text-white">Producten</h4>
             <ul className="space-y-2.5">
               {serviceLinks.map((link) => (
                 <li key={link.label}>
@@ -126,7 +104,7 @@ export function Footer() {
             </ul>
           </div>
 
-          {/* Col 5 - Trustpilot */}
+          {/* Col 4 - Trustpilot */}
           <div>
             <div className="rounded-2xl bg-[#243636] p-6">
               <p className="mb-3 text-xs font-medium uppercase tracking-wider text-gray-400">