// House thumbnail SVGs — stylized Dutch terraced houses
// 5 variants matching the screenshots' colorways
const HouseThumb = ({ variant = 'brick', size = 56 }) => {
const variants = {
// Warm brick row houses (Hyacinthenstraat)
brick: (
),
// Green front yard (Hoofdstraat)
green: (
),
// Blue-toned street (Rijksweg)
blue: (
),
// Leafy street (Cremerlaan)
leafy: (
),
// Grey/wintery (Roos en Beeklaan)
grey: (
),
};
return (
{variants[variant] || variants.brick}
);
};
// Larger version for the detail view (full width)
const HouseHero = ({ variant = 'brick' }) => (
);
// Better: render a larger version with more detail
const HouseHeroSvg = ({ variant = 'brick' }) => {
const variants = {
brick: (
),
green: (
),
blue: (
),
leafy: (
),
grey: (
),
};
return (
{variants[variant] || variants.brick}
);
};
Object.assign(window, { HouseThumb, HouseHeroSvg });