/* shell.jsx — shared header, drawer, footer, tweaks, page shell. Loaded on every page. Exports window.FINE_SHELL = { PageShell }. */ /* global React, ReactDOM */ const { useState, useEffect, useMemo, useRef } = React; const { NAV, VALUES, CONTACTS } = window.FINE_DATA; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "language": "en", "accent": "#ed1c24" }/*EDITMODE-END*/; const ACCENT_MAP = { "#ed1c24": "#c01219", // FINE red (brand default) "#ff8200": "#f68e13", // bright orange "#b78b3a": "#d9b573", // warm gold "#4b4735": "#737060", // olive (brand neutral) "#2e7d32": "#43a047", // forest }; function applyAccent(hex) { const deep = ACCENT_MAP[hex] || hex; const root = document.documentElement.style; root.setProperty("--orange", hex); root.setProperty("--orange-deep", deep); } /* ---------- hooks ---------- */ function useTweaks(defaults) { const STORE_KEY = "fine_tweaks"; const [t, setT] = useState(() => { try { const saved = JSON.parse(window.localStorage.getItem(STORE_KEY) || "{}"); return { ...defaults, ...saved }; } catch (e) { return defaults; } }); const set = (k, v) => { const patch = typeof k === "string" ? { [k]: v } : k; setT(s => { const next = { ...s, ...patch }; try { window.localStorage.setItem(STORE_KEY, JSON.stringify(next)); } catch (e) {} return next; }); try { window.parent.postMessage({ type: "__edit_mode_set_keys", edits: patch }, "*"); } catch (e) {} }; return [t, set]; } function useReveal() { useEffect(() => { if (!("IntersectionObserver" in window)) { document.querySelectorAll(".reveal").forEach(e => e.classList.add("in")); return; } const io = new IntersectionObserver((entries) => { entries.forEach(en => { if (en.isIntersecting) { en.target.classList.add("in"); io.unobserve(en.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" }); const observeAll = () => { document.querySelectorAll(".reveal:not(.in)").forEach(el => io.observe(el)); }; observeAll(); // Re-observe any .reveal elements that get added dynamically (e.g. when // a card collapses and the 3-card row remounts). const mo = new MutationObserver(() => observeAll()); mo.observe(document.body, { childList: true, subtree: true }); return () => { io.disconnect(); mo.disconnect(); }; }, []); } function useScrolled(thr = 30) { const [s, setS] = useState(false); useEffect(() => { const h = () => setS(window.scrollY > thr); window.addEventListener("scroll", h, { passive: true }); h(); return () => window.removeEventListener("scroll", h); }, [thr]); return s; } /* ---------- Header / Drawer ---------- */ function Header({ active, lang, setLang, onMenu }) { const scrolled = useScrolled(50); return (
FINE Auditing
); } function Drawer({ open, onClose, lang, setLang }) { if (!open) return null; return (
FINE Auditing
); } /* ---------- Footer (shared on every page) ---------- */ // FormSubmit endpoint — submissions arrive in this inbox. // First submission triggers a one-time confirmation email (must be opened // from a deployed https:// URL, not file:// or the preview iframe). // Hashed token for info@fineaudit.vn (keeps the raw address out of page source). const FORM_ENDPOINT = "https://formsubmit.co/ajax/d2f6485351ffd488b460b6c199a4feff"; function FooterContactForm({ lang }) { const [name, setName] = useState(""); const [email, setEmail] = useState(""); const [message, setMessage] = useState(""); const [sent, setSent] = useState(false); const [sending, setSending] = useState(false); const [error, setError] = useState(""); const submit = async (e) => { e.preventDefault(); setError(""); setSending(true); try { const res = await fetch(FORM_ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify({ name, email, message, language: lang === "en" ? "English" : "Vietnamese", _subject: "Website enquiry — " + (name || "FINE Auditing"), _template: "table", _captcha: "false", }), }); const data = await res.json().catch(() => ({})); if (!res.ok || data.success === "false") { throw new Error(data.message || "Request failed"); } setSent(true); setName(""); setEmail(""); setMessage(""); } catch (err) { setError(lang === "en" ? "Could not send. Please email info@fineaudit.vn directly." : "Không thể gửi. Vui lòng gửi trực tiếp đến info@fineaudit.vn."); } finally { setSending(false); } }; if (sent) { return (
✓

{lang === "en" ? "Message received" : "Đã nhận tin nhắn"}

{lang === "en" ? "Thank you — we've logged your enquiry and will respond within one business day." : "Cảm ơn bạn — chúng tôi đã ghi nhận yêu cầu và sẽ phản hồi trong vòng một ngày làm việc."}

); } return (