// src/app.jsx — composes everything and wires Tweaks const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "warm", "fontSize": 15, "navStyle": "glass", "heroVariant": "A", "insightDensity": "3-col" }/*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [booking, setBooking] = React.useState(false); const visibility = window.DATA.moduleVisibility || {}; const show = (key) => visibility[key] !== false; // Apply palette to React.useEffect(() => { document.documentElement.setAttribute("data-theme", t.palette); }, [t.palette]); React.useEffect(() => { document.documentElement.style.setProperty("--base-fs", t.fontSize + "px"); document.body.style.fontSize = t.fontSize + "px"; }, [t.fontSize]); // Body class for insight density (toggles grid columns) React.useEffect(() => { document.body.dataset.insightDensity = t.insightDensity; }, [t.insightDensity]); // Hero copy variants const heroVariants = { A: [ "把AI从概念变成", { em: "项目" }, "，", { br: true }, "从项目变成", { em: "收入" }, "。" ], B: [ "战略是老板的，", { br: true }, "执行是", { em: "AI" }, "的。" ], C: [ "在AI泡沫和", { em: "实战" }, "之间，", { br: true }, "我选择实战。" ], }; React.useEffect(() => { window.DATA.hero.title = heroVariants[t.heroVariant] || heroVariants.A; }, [t.heroVariant]); const onBook = () => setBooking(true); const onJump = (id) => { const el = document.getElementById(id); if (el) window.scrollTo({ top: el.offsetTop - 30, behavior: "smooth" }); }; return ( <> {show("nav") &&