// ============================================================
// EditorialImage — full-bleed-ish SVG placeholders that read
// as editorial fashion photography. Used for hero, lookbook,
// collection covers, about, etc. No real photo? This is the
// gracious stand-in.
// ============================================================
function JmEditorialImage({ kind = 'hero-portrait', tone = 'warm', className = '' }) {
// Ảnh người mẫu thật (nếu đã chạy tools/cap-nhat-san-pham.ps1)
const photo = JM.photoFor ? JM.photoFor(kind) : null;
if (photo) {
return (
);
}
const palette = {
bg: tone === 'shadow' ? '#1C1412' : '#F2EDE8', // linen or espresso
skin1: tone === 'shadow' ? '#3F2E26' : '#E6CDB5',
skin2: tone === 'shadow' ? '#5B4438' : '#D6B597',
hair: tone === 'shadow' ? '#0F0B09' : '#3A2A20',
gold: '#B07A3F',
ember: '#C05C2A',
cream: tone === 'shadow' ? '#2D211B' : '#FAF8F5',
};
const labelText = '';
function render() {
switch (kind) {
case 'hero-portrait':
return (
{/* soft window light */}
{/* neck + shoulders */}
{/* head silhouette */}
{/* hair */}
{/* ear + earring */}
{/* necklace */}
);
case 'hand-ring':
return (
{/* draped fabric backdrop */}
{/* hand */}
{/* knuckle shadow */}
{/* ring on finger */}
);
case 'ear-stud':
return (
{/* close-up ear */}
{/* ear inner */}
{/* hair */}
{/* earring stud */}
{/* second earring (hoop) higher */}
);
case 'neck-pendant':
return (
{/* shoulders */}
{/* neck */}
{/* collarbone */}
{/* fine chain */}
);
case 'collection-vellum':
return (
{/* flat-lay tray */}
{/* pieces scattered */}
{Array.from({length: 8}).map((_,i)=>(
))}
);
case 'collection-fingerprint':
return (
{/* fingerprint mark */}
{[0,1,2,3,4,5,6,7,8].map(i => {
const r = 70 + i*36;
return ;
})}
);
case 'collection-thu':
return (
{/* arc light */}
{/* model in profile */}
{/* ear */}
{/* earring drop */}
{/* shoulder */}
);
case 'about-studio':
return (
{/* workbench */}
{/* lamp arm from top */}
{/* hands working */}
{/* tool */}
);
case 'editorial-styling':
return (
{/* model torso, three-quarter */}
{/* neck/face */}
{/* layered necklaces */}
);
default:
return ;
}
}
return (
);
}
window.JmEditorialImage = JmEditorialImage;