/* ============ WhatsApp helpers ============ */
function waLink(msg) {
const m = encodeURIComponent(msg || SITE.whatsappMsg);
return `https://wa.me/${SITE.whatsapp}?text=${m}`;
}
window.waLink = waLink;
/* ============ Floating WhatsApp plugin (every page, bottom-right) ============ */
function WhatsAppFloat() {
return (
);
}
/* ============ Mobile drawer ============ */
function Drawer({ open, onClose }) {
const links = [["Srivari Empire","#srivari"],["Our Legacy","#legacy"],["The Founder","#about"],["FAQ","#faq"],["Contact","#contact"]];
return (
);
}
/* ============ Tweaks config ============ */
const HEADING_FONTS = {
"Cormorant Garamond": "'Cormorant Garamond', Georgia, serif",
"Playfair Display": "'Playfair Display', Georgia, serif",
"Marcellus": "'Marcellus', Georgia, serif",
"EB Garamond": "'EB Garamond', Georgia, serif",
};
const GOLD_SETS = {
pitambar: ["#E8C24A","#C99A2E","#9A7416"],
saffron: ["#F0B429","#D08700","#9C6400"],
royal: ["#EBCF6A","#CBA52F","#9E7C1C"],
};
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"gold": ["#E8C24A","#C99A2E","#9A7416"],
"headingFont": "Cormorant Garamond",
"watermarks": true
}/*EDITMODE-END*/;
/* ============ APP ============ */
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [menu, setMenu] = React.useState(false);
// apply visual tweaks to CSS vars
React.useEffect(()=>{
const r = document.documentElement.style;
const g = Array.isArray(t.gold) ? t.gold : GOLD_SETS.pitambar;
r.setProperty("--gold-bright", g[0]);
r.setProperty("--gold", g[1]);
r.setProperty("--gold-deep", g[2]);
r.setProperty("--gold-line", g[1]+"8c");
r.setProperty("--font-display", HEADING_FONTS[t.headingFont] || HEADING_FONTS["Cormorant Garamond"]);
document.body.classList.toggle("no-wm", !t.watermarks);
},[t.gold,t.headingFont,t.watermarks]);
// scroll reveal
React.useEffect(()=>{
const els = document.querySelectorAll(".reveal");
const io = new IntersectionObserver((entries)=>{
entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add("in"); io.unobserve(e.target); } });
},{ threshold:0.12, rootMargin:"0px 0px -8% 0px" });
els.forEach(el=>io.observe(el));
return ()=>io.disconnect();
},[]);
return (
);
}
ReactDOM.createRoot(document.getElementById("root")).render();