// app.jsx — root component + Tweaks panel
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply theme + density + gold intensity + font to
React.useEffect(() => {
const root = document.documentElement;
root.classList.toggle("theme-dark", !!t.dark);
root.classList.remove("dens-compact", "dens-spacious");
if (t.density === "compact") root.classList.add("dens-compact");
if (t.density === "spacious") root.classList.add("dens-spacious");
root.classList.remove("gold-subtle", "gold-bold");
if (t.goldIntensity === "subtle") root.classList.add("gold-subtle");
if (t.goldIntensity === "bold") root.classList.add("gold-bold");
root.classList.toggle("font-sans-display", t.displayFont === "sans");
}, [t.dark, t.density, t.goldIntensity, t.displayFont]);
// Meta Pixel — track WhatsApp / call / email clicks as Contact events
React.useEffect(() => {
// Pre-fill a friendly starter message on any bare WhatsApp link
const defaultMsg = "Hi Shi Yao, I'd like to find out more about my property options.";
document.querySelectorAll('a[href*="wa.me"]').forEach((a) => {
const href = a.getAttribute("href") || "";
if (!/[?&]text=/.test(href)) {
a.setAttribute("href", href + (href.includes("?") ? "&" : "?") + "text=" + encodeURIComponent(defaultMsg));
}
});
const onClick = (e) => {
const a = e.target.closest && e.target.closest("a[href]");
if (!a || !window.fbq) return;
const href = a.getAttribute("href") || "";
if (href.includes("wa.me") || href.startsWith("tel:")) {
fbq("track", "Contact", { method: href.includes("wa.me") ? "whatsapp" : "phone" });
} else if (href.startsWith("mailto:")) {
fbq("track", "Contact", { method: "email" });
}
};
document.addEventListener("click", onClick);
return () => document.removeEventListener("click", onClick);
}, []);
return (
<>
setTweak("dark", v)} />
setTweak("goldIntensity", v)} />
setTweak("displayFont", v)} />
setTweak("heroLayout", v)} />
setTweak("density", v)} />
setTweak("testimonialStyle", v)} />
);
}
ReactDOM.createRoot(document.getElementById("root")).render();