// Albanna Conwood — neutral architectural placeholder photos. // Restrained, brand-coloured, material-led. Replace with real photography later. const Photo = ({ pattern, className = "", children, dark = false }) => (
{children}
); const fillStyle = { position: "absolute", inset: 0, width: "100%", height: "100%" }; // Palette const E = "#37857d"; const ED = "#2d6e67"; const LIGHT = "#f6f4ef"; const K = "#1a1918"; const S = "#898b8d"; const PhotoArt = ({ pattern, dark }) => { const sky = dark ? "#1d2122" : "#dadcdd"; const ink = dark ? LIGHT : K; const wall = dark ? "#2a2d2e" : "#e6e7e8"; const wallDk = dark ? "#1f2222" : "#cfd0d1"; if (pattern === "modern-villa") { return ( {/* horizon shadow */} {/* low long house */} {/* upper volume offset */} {/* deep eave shadow */} {/* floor-to-ceiling glazing rhythm */} {Array.from({length: 8}).map((_, i) => ( ))} {/* upper slot */} {/* reflecting pool */} {/* ground line */} ); } if (pattern === "courtyard-villa") { return ( {/* three pavilions */} {[80, 320, 560].map((x, i) => ( {/* arch openings */} ))} {/* connecting colonnade */} {Array.from({length: 12}).map((_, i) => ( ))} {/* ground */} ); } if (pattern === "stone-villa") { return ( {/* heavy stone block massing */} {/* stone coursing — horizontal lines */} {Array.from({length: 7}).map((_, i) => ( ))} {/* vertical block joints */} {Array.from({length: 8}).map((_, i) => ( ))} {/* deep slot windows */} {[260, 360, 460, 560].map((x, i) => ( ))} {/* ground */} ); } if (pattern === "shore-villa") { return ( {/* mansion volumes */} {/* eave shadows */} {/* observatory */} {/* glazing */} {Array.from({length: 9}).map((_, i) => ( ))} {/* sea */} {/* deck rail */} ); } if (pattern === "modernist-villa") { return ( {/* cantilevered volume */} {/* shadow under */} {/* lower volume offset */} {/* deep horizontal glass slot */} {/* support walls */} {/* sunken pool court */} {/* ground */} ); } if (pattern === "estate-villa") { return ( {/* multiple villas in a compound */} {[60, 240, 420, 600].map((x, i) => ( {/* windows */} ))} {/* path */} {/* boundary wall */} ); } if (pattern === "detail-rebar") { return ( {/* concrete formwork */} {Array.from({length: 14}).map((_, i) => ( ))} {/* rebar grid */} {Array.from({length: 12}).map((_, i) => ( ))} {Array.from({length: 16}).map((_, i) => ( ))} {/* tie wires (dots at intersections) */} {Array.from({length: 12}).map((_, r) => Array.from({length: 16}).map((_, c) => ( )) )} ); } if (pattern === "detail-stone") { return ( {/* stone slabs */} {Array.from({length: 5}).map((_, r) => ( {Array.from({length: 4}).map((_, c) => { const x = c * 200 + (r % 2 ? 40 : 0); return ( {/* veining */} ); })} ))} ); } if (pattern === "detail-mep") { return ( {/* services on a soffit — copper and steel runs */} {[80, 140, 220, 300, 360, 420].map((y, i) => ( ))} {/* hangers */} {Array.from({length: 12}).map((_, i) => ( ))} {/* ductwork rectangle */} {/* light gleam */} ); } if (pattern === "studio") { return ( {/* drafting paper / plan */} {/* plan-view villa */} {/* interior walls */} {/* dimension lines */} {/* north arrow */} {/* title block */} ); } if (pattern === "interior") { return ( {/* big window */} {/* floor — perspective */} {Array.from({length: 7}).map((_, i) => ( ))} {/* low sofa silhouette */} ); } // default — quiet wall return ( ); }; window.Photo = Photo;