/* ============================================================
UI primitives — Lavender Eventos
============================================================ */
const { useState, useEffect, useRef } = React;
const WA = (msg) =>
`https://wa.me/${LV.contact.whatsapp}?text=${encodeURIComponent(msg || "Olá! Tenho interesse na Chácara Lavender Eventos.")}`;
/* ---- Rastreamento de conversão (Google Ads / GA4) ----
Não faz nada até você colar os IDs no data.js (analytics) e o gtag no .
Seguro: se o gtag não existir, apenas ignora. */
function track(name) {
try {
window.dataLayer = window.dataLayer || [];
const conv = (LV.analytics && LV.analytics.conversions) || {};
if (typeof window.gtag === "function") {
window.gtag("event", name + "_click", { event_category: "cta" });
if (conv[name]) window.gtag("event", "conversion", { send_to: conv[name] });
} else {
window.dataLayer.push({ event: name + "_click" });
}
} catch (e) {}
}
/* ---- Reveal on scroll ---- */
function Reveal({ children, className = "", delay = 0, as = "div" }) {
const ref = useRef(null);
const [vis, setVis] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
// already in view on mount? reveal right away
const r = el.getBoundingClientRect();
if (r.top < window.innerHeight * 0.92) { setVis(true); return; }
const io = new IntersectionObserver(
([e]) => { if (e.isIntersecting) { setVis(true); io.disconnect(); } },
{ threshold: 0.12 }
);
io.observe(el);
// safety: never let content stay hidden
const t = setTimeout(() => setVis(true), 1600);
return () => { io.disconnect(); clearTimeout(t); };
}, []);
const Tag = as;
return (
{children}
);
}
/* ---- Eyebrow label ---- */
function Eyebrow({ children, light = false }) {
return (
{children}
);
}
/* ---- Buttons ---- */
function Btn({ href, children, variant = "solid", onClick, target }) {
const base =
"group inline-flex items-center justify-center gap-2.5 px-7 py-3.5 text-[14px] tracking-wide font-medium rounded-full transition-all duration-300 whitespace-nowrap";
const styles = {
solid: "bg-forest text-cream hover:bg-forest-deep shadow-sm hover:shadow-md",
gold: "bg-gold text-forest-deep hover:brightness-105 shadow-sm",
outline: "border border-forest/30 text-forest hover:border-forest hover:bg-forest hover:text-cream",
ghostLight: "border border-cream/35 text-cream hover:bg-cream hover:text-forest-deep",
wa: "bg-[#1f8a4c] text-white hover:bg-[#19733f] shadow-sm",
};
return (
{children}
→
);
}
/* ---- Icons (stroke, 1.4) ---- */
const Ic = {
wa: (c = "currentColor") => (
),
insta: (c = "currentColor") => (
),
airbnb: (c = "currentColor") => (
),
pin: (c = "currentColor") => (
),
sun: (c = "currentColor") => (
),
bulb: (c = "currentColor") => (
),
};
Object.assign(window, { WA, track, Reveal, Eyebrow, Btn, Ic });