// components.jsx — small reusable bits shared across sections
const Stamp = ({ children, color="#7c1d1d", rotate=-6 }) => (
{children}
);
const Ticket = ({ children, color="#3f6b3a", bg="#d8e3cf" }) => (
{children}
);
const Squiggle = ({ color="#b94a16", width=120 }) => (
);
const PaperCorner = ({ color="#fbe7c4" }) => (
);
// Stylized marmita box illustration (top-down view) — used as placeholder + hero
const MarmitaBox = ({ dish, color="#7a2a1d", size=200, label="" }) => {
const id = "mb-" + Math.random().toString(36).slice(2,7);
return (
);
};
const KanjiTitle = ({ children, sub }) => (
コミダ・カゼイラ
{sub && {sub}}
);
const SectionLabel = ({ num, label, color="#7c1d1d" }) => (
§ {num}
{label}
);
const WhatsAppFloat = () => {
// Esconde o FAB quando a seção Final CTA está visível (ela já tem CTA WA grande).
const [hidden, setHidden] = React.useState(false);
React.useEffect(() => {
const target = document.querySelector(".cck-finalcta");
if (!target || !("IntersectionObserver" in window)) return;
const io = new IntersectionObserver(
([entry]) => setHidden(entry.isIntersecting),
{ threshold: 0.15 }
);
io.observe(target);
return () => io.disconnect();
}, []);
return (
WhatsApp
);
};
Object.assign(window, { Stamp, Ticket, Squiggle, PaperCorner, MarmitaBox, KanjiTitle, SectionLabel, WhatsAppFloat });