/* global React */
// LocaliseImmo Landing — character illustrations (sage + peach, geometric flat)
// Theme: loupe (magnifying glass), jumelles (binoculars), parcelles, clé
const ILLU = {
// sage tones
sageDark: '#5C8A6F',
sage: '#8AB89A',
sageLt: '#B6D4BF',
sageBg: '#D6E7DC',
cream: '#FAF7EF',
creamWarm: '#EFE4D1',
// peach accent
peachDark: '#C77858',
peach: '#E89878',
peachLt: '#F4C5AF',
peachBg: '#F9DCC9',
// ink + skin
ink: '#2E3530',
inkSoft: '#4A5550',
skin: '#E8C9A8',
skinDark: '#C9A57F',
shirt: '#6F9F84',
hair: '#3E4A44',
white: '#FFFFFF',
};
// ─────────────────────────────────────────────────────────────
// REFINED ILLUSTRATIONS — Storyset "pana" / "cuate" style
// SVG sources recolored to sage palette. Animated variants (GIF) available
// via the `animated` prop — same scene, ambient looping motion.
// ─────────────────────────────────────────────────────────────
const ILLU_BASE = './assets/illustrations/';
function HeroIllustration({ animated = false } = {}) {
const src = ILLU_BASE + (animated ? 'anim-location-search.gif' : 'illu-location-search.svg');
return 
;
}
function Step1Illustration({ animated = false } = {}) {
const src = ILLU_BASE + (animated ? 'anim-address.gif' : 'illu-address.svg');
return ;
}
function Step2Illustration({ animated = false } = {}) {
const src = ILLU_BASE + (animated ? 'anim-location-search.gif' : 'illu-location-search.svg');
return ;
}
function Step3Illustration({ animated = false } = {}) {
const src = ILLU_BASE + (animated ? 'anim-directions.gif' : 'illu-directions.svg');
return ;
}
// ─────────────────────────────────────────────────────────────
// LEGACY HAND-DRAWN HERO — kept as fallback (named HeroIllustrationLegacy)
// in case we ever want to switch back. Not exported.
// ─────────────────────────────────────────────────────────────
function HeroIllustrationLegacy() {
return (
);
}
// ─────────────────────────────────────────────────────────────
// LEGACY STEP ILLUSTRATIONS (kept as fallback, not exported)
// ─────────────────────────────────────────────────────────────
function Step1IllustrationLegacy() {
return (
);
}
// ─────────────────────────────────────────────────────────────
// STEP 2 — On scanne les parcelles (binoculars / jumelles)
// ─────────────────────────────────────────────────────────────
function Step2IllustrationLegacy() {
return (
);
}
// ─────────────────────────────────────────────────────────────
// STEP 3 — Vous identifiez la vraie parcelle (key + parcel found)
// ─────────────────────────────────────────────────────────────
function Step3IllustrationLegacy() {
return (
);
}
// ─────────────────────────────────────────────────────────────
// CARTOGRAPHIC VARIANTS — same scenes, no characters, parcel-only
// ─────────────────────────────────────────────────────────────
function HeroCartography() {
return (
);
}
function Step1Cartography() {
return (
);
}
function Step2Cartography() {
return (
);
}
function Step3Cartography() {
return (
);
}
Object.assign(window, { HeroIllustration, Step1Illustration, Step2Illustration, Step3Illustration, HeroCartography, Step1Cartography, Step2Cartography, Step3Cartography, HeroIllustrationLegacy, Step1IllustrationLegacy, Step2IllustrationLegacy, Step3IllustrationLegacy });