/* AmorSaúde — Agenda Aberta poster (Stories vertical + WhatsApp quadrado) */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "formato": "Vertical (Stories)", "especialidade": "Oftalmologia", "dias": "08, 09, 10", "mes": "Junho", "urgencia": "Vagas para os próximos dias", "headline": "Agenda aberta", "cta": "Garanta seu horário e cuide da sua saúde!", "whatsapp": "(49) 99177-9006", "telefone": "(49) 3191-1077", "accent": "#E94B3C" }/*EDITMODE-END*/; const TEAL = "#1f9aa1"; const TEAL_DEEP = "#127077"; const INK = "#33474f"; /* ---- tiny inline icons (simple shapes only) ---- */ function CalIcon({ size = 46, color = "#fff" }) { return ( ); } function WhatsIcon({ size = 34, color = "#fff" }) { return ( ); } function PhoneIcon({ size = 32, color = "#fff" }) { return ( ); } function AppIcon({ size = 32, color = "#fff" }) { return ( ); } function GlobeIcon({ size = 32, color = "#fff" }) { return ( ); } function DayChip({ day, mes, accent, w = 176, dayFont = 82, mesFont = 24 }) { return (
{mes}
70 ? "12px 0 16px" : "10px 0 13px" }}>{day}
); } function ContactRow({ icon, label, value, iconSize = 58, valueFont = 32, labelFont = 22 }) { return (
{icon}
{label} {value}
); } function KickerPill({ text, fontSize = 28, pad = "15px 32px" }) { return (
{text}
); } function LogoBlock({ w }) { return ( AmorSaúde ); } /* ---------- Vertical (Stories / Status) — 1080x1920 ---------- */ function VerticalPoster({ t, accent, days, mesAbbr }) { return (

{t.headline}

Atendimento em
{t.especialidade}
{days.map((d, i) => )}

{t.cta}

Marque seu horário
} label="WhatsApp" value={t.whatsapp} /> } label="Telefone fixo" value={t.telefone} /> } label="Aplicativo" value="Cartão de TODOS" /> } label="Site" value="www.amorsaude.com.br" />
); } /* ---------- Quadrado (WhatsApp) — 1080x1080 ---------- */ function SquarePoster({ t, accent, days, mesAbbr }) { return (

{t.headline}

Atendimento em
{t.especialidade}
{days.map((d, i) => )}

{t.cta}

Marque seu horário
} label="WhatsApp" value={t.whatsapp} iconSize={50} valueFont={26} labelFont={18} /> } label="Telefone fixo" value={t.telefone} iconSize={50} valueFont={26} labelFont={18} /> } label="Aplicativo" value="Cartão de TODOS" iconSize={50} valueFont={26} labelFont={18} /> } label="Site" value="www.amorsaude.com.br" iconSize={50} valueFont={26} labelFont={18} />
); } /* ---- Persistência local (Cloudflare standalone, sem host de editor) ---- */ const LS_KEY = "amorsaude-agenda-tweaks"; function loadSavedTweaks() { try { return JSON.parse(localStorage.getItem(LS_KEY)) || {}; } catch (e) { return {}; } } function App() { const initialDefaults = React.useMemo(() => ({ ...TWEAK_DEFAULTS, ...loadSavedTweaks() }), []); const [t, setTweakRaw] = useTweaks(initialDefaults); // Persiste cada alteração no navegador para sobreviver ao reload. const setTweak = React.useCallback((keyOrEdits, val) => { setTweakRaw(keyOrEdits, val); try { const edits = (typeof keyOrEdits === 'object' && keyOrEdits !== null) ? keyOrEdits : { [keyOrEdits]: val }; localStorage.setItem(LS_KEY, JSON.stringify({ ...loadSavedTweaks(), ...edits })); } catch (e) { /* ignore */ } }, [setTweakRaw]); const accent = t.accent || "#E94B3C"; const mesAbbr = (t.mes || "").trim().slice(0, 3).toUpperCase(); const days = (t.dias || "").split(",").map(d => d.trim()).filter(Boolean).slice(0, 4); const square = t.formato === "Quadrado (WhatsApp)"; React.useLayoutEffect(() => { const p = document.getElementById('poster'); if (!p) return; p.style.width = "1080px"; p.style.height = square ? "1080px" : "1920px"; if (window.fitPoster) window.fitPoster(); }, [square]); return ( {square ? : } setTweak('formato', v)} /> setTweak('especialidade', v)} /> setTweak('dias', v)} /> setTweak('mes', v)} /> setTweak('urgencia', v)} /> setTweak('headline', v)} /> setTweak('cta', v)} /> setTweak('whatsapp', v)} /> setTweak('telefone', v)} /> setTweak('accent', v)} /> ); } ReactDOM.createRoot(document.getElementById('poster')).render();