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>
This commit is contained in:
Ubuntu
2026-03-01 14:50:31 +00:00
parent 748a5814e7
commit 3d788740cb
110 changed files with 162553 additions and 13070 deletions

View File

@@ -1,5 +1,5 @@
/**
* Asset mapping for Aluwdoors textures
* Asset mapping for Proinn textures
* Maps configurator state values to texture file paths
*/
@@ -8,49 +8,49 @@ export type GlassTexture = 'blank' | 'brons-tint' | 'grijs-tint' | 'mat-blank' |
export type HandleType = 'beugelgreep' | 'geen' | 'hoekgreep' | 'maangreep' | 'ovaalgreep';
export type DividerType = 'platte-roede' | 't-roede';
const TEXTURE_BASE = '/textures/aluwdoors';
const TEXTURE_BASE = '/textures/proinn';
/**
* Metal texture mapping
*/
export const metalTextures: Record<MetalTexture, string> = {
antraciet: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-antraciet.jpg`,
beige: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-beige.jpg`,
brons: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-brons.jpg`,
goud: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-goud.jpg`,
zwart: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-zwart.jpg`,
ral: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-ral-keuze.jpg`,
antraciet: `${TEXTURE_BASE}/proinn-metaalkleur-antraciet.jpg`,
beige: `${TEXTURE_BASE}/proinn-metaalkleur-beige.jpg`,
brons: `${TEXTURE_BASE}/proinn-metaalkleur-brons.jpg`,
goud: `${TEXTURE_BASE}/proinn-metaalkleur-goud.jpg`,
zwart: `${TEXTURE_BASE}/proinn-metaalkleur-zwart.jpg`,
ral: `${TEXTURE_BASE}/proinn-metaalkleur-ral-keuze.jpg`,
};
/**
* Glass texture mapping
*/
export const glassTextures: Record<GlassTexture, string> = {
'blank': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-blank.jpg`,
'brons-tint': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-brons.jpg`,
'grijs-tint': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-grijs.jpg`,
'mat-blank': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-blank.jpg`,
'mat-brons': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-brons.jpg`,
'mat-zwart': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-zwart.jpg`,
'blank': `${TEXTURE_BASE}/proinn-glaskleur-blank.jpg`,
'brons-tint': `${TEXTURE_BASE}/proinn-glaskleur-brons.jpg`,
'grijs-tint': `${TEXTURE_BASE}/proinn-glaskleur-grijs.jpg`,
'mat-blank': `${TEXTURE_BASE}/proinn-glaskleur-mat-blank.jpg`,
'mat-brons': `${TEXTURE_BASE}/proinn-glaskleur-mat-brons.jpg`,
'mat-zwart': `${TEXTURE_BASE}/proinn-glaskleur-mat-zwart.jpg`,
};
/**
* Handle SVG mapping
*/
export const handleSVGs: Record<HandleType, string> = {
beugelgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-beugelgreep.svg`,
geen: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-geen.svg`,
hoekgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-hoekgreep.svg`,
maangreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-maangreep.svg`,
ovaalgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-ovaalgreep.svg`,
beugelgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-beugelgreep.svg`,
geen: `${TEXTURE_BASE}/proinn-fineer-handgreep-geen.svg`,
hoekgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-hoekgreep.svg`,
maangreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-maangreep.svg`,
ovaalgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-ovaalgreep.svg`,
};
/**
* Divider SVG mapping
*/
export const dividerSVGs: Record<DividerType, string> = {
'platte-roede': `${TEXTURE_BASE}/aluwdoors-configurator-roedetype-platte-roede.svg`,
't-roede': `${TEXTURE_BASE}/aluwdoors-configurator-roedetype-t-roede.svg`,
'platte-roede': `${TEXTURE_BASE}/proinn-roedetype-platte-roede.svg`,
't-roede': `${TEXTURE_BASE}/proinn-roedetype-t-roede.svg`,
};
/**
@@ -100,26 +100,17 @@ export function getGlassMaterial(glassType: GlassTexture): GlassMaterialProps {
}
/**
* Aluwdoors extracted color scheme
* Proinn color scheme
*/
export const aluwColors = {
// Primary action color (from CSS analysis)
primary: '#b1de6e', // Pistachio green
primaryDark: '#9fcd5b',
// Dark backgrounds
darkest: '#1b2221',
export const proinnColors = {
primary: '#C4D668',
primaryDark: '#b5c75a',
darkest: '#1A2E2E',
dark: '#2b3937',
darkMedium: '#3e4b49',
// Light backgrounds
light: '#e0e5e5',
lightest: '#f0f3f3',
// Neutral
lightest: '#F5F5F3',
gray: '#868c8b',
// Accent/Error
error: '#e74242',
errorDark: '#c40c0c',
} as const;