// Hand-crafted SVG / CSS "3D" art for Capital Home Solutions
// Claymation-style soft rounded shapes. Navy + gold palette.
// Real photo house (Unsplash) — replaces the isometric SVG
const IsoHouse = ({ size = 360, variant = "rehabbed", fill = false, hero = false }) => {
let src;
const R = window.__resources || {};
if (variant === "distressed") src = R.distressedHouse || "assets/distressed-house.jpg";
else if (hero) src = R.heroHouse || "assets/hero-house.webp";
else src = R.rehabbedHouse || "assets/rehabbed-house.png";
if (fill) {
return (
);
}
return (
);
};
// Keep the old SVG as a fallback (not used by default now)
const IsoHouseSVG = ({ size = 360, variant = "rehabbed" }) => {
const isDist = variant === "distressed";
return (
);
};
const CoinStack = ({ size = 220 }) => {
// Photorealistic stack of $100 bills + gold coin
const w = size;
const h = size * 0.9;
return (
);
};
// Real family photo (Unsplash) — replaces the illustrated scene
const FamilyScene = ({ width = 520 }) => {
return (
);
};
// Original illustrated fallback (unused)
const FamilySceneSVG = ({ width = 520 }) => {
return (
);
};
// Mini floating key / cash / paperwork icons
const KeyIcon = ({size=24,color="currentColor"}) => (
);
const CashIcon = ({size=24,color="currentColor"}) => {
// Realistic US-bill inspired icon with portrait oval, corner numerals, and engraving lines
return (
);
};
const ClockIcon = ({size=24,color="currentColor"}) => (
);
const HouseIcon = ({size=24,color="currentColor"}) => (
);
const HandIcon = ({size=24,color="currentColor"}) => (
);
const DocIcon = ({size=24,color="currentColor"}) => (
);
const HeartIcon = ({size=24,color="currentColor"}) => (
);
const ArrowRight = ({size=16}) => (
);
const CheckIcon = ({size=16,color="currentColor"}) => (
);
const XIcon = ({size=16,color="currentColor"}) => (
);
Object.assign(window, { IsoHouse, CoinStack, FamilyScene, KeyIcon, CashIcon, ClockIcon, HouseIcon, HandIcon, DocIcon, HeartIcon, ArrowRight, CheckIcon, XIcon });