/* ===== Zorky landing — app shell ===== */
const { useState, useEffect } = React;
const { Landing, LegalPage } = window;
const { useTweaks, TweaksPanel, TweakSection, TweakRadio } = window;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"theme": "light",
"accent": "red",
"corners": "apple"
}/*EDITMODE-END*/;
// On a fresh visit, follow the device: dark system → dark site, CIS lang → ru, es → es, else en.
const SYS_DEFAULTS = { ...TWEAK_DEFAULTS, theme: (window.detectDark && window.detectDark()) ? "dark" : "light" };
const NAV_IDS = ["features","how","cases","faq"];
/* Zorky logomark — background rect stripped, viewBox cropped tight to the glyph
so it lines up with the wordmark; height tracks the brand font-size via em */
function Logo({ h="0.94em" }){
return (
);
}
function MenuIcon({ open }){
return (
);
}
function LangSeg({ lng, setLng }){
return (
{["ru","en","es"].map(l=>(
))}
);
}
function ThemeSeg({ theme, setTheme }){
return (
{[["light","☀"],["dark","☾"]].map(([v,g])=>(
))}
);
}
function App(){
const [tw, setTweak] = useTweaks(SYS_DEFAULTS);
const [page, setPage] = useState("landing");
const [lng, setLng] = useState(() => (window.detectLang ? window.detectLang() : "ru"));
const [menu, setMenu] = useState(false);
window.__lang = lng;
const t = window.makeT(lng);
useEffect(()=>{
const b = document.body;
b.classList.toggle("dark", tw.theme==="dark");
b.classList.toggle("mono", tw.accent==="mono");
b.classList.toggle("sharp", tw.corners==="sharp");
}, [tw]);
// reveal-on-scroll
useEffect(()=>{
const obs = new IntersectionObserver((es)=>es.forEach(e=>{
if(e.isIntersecting){ e.target.classList.add("in"); obs.unobserve(e.target); }
}), { threshold:0.12, rootMargin:"0px 0px -8% 0px" });
document.querySelectorAll(".reveal:not(.in)").forEach(el=>obs.observe(el));
return ()=>obs.disconnect();
}, [page, lng]);
// keep and document title in sync with the active language (SEO/GEO)
useEffect(()=>{
const titles = {
ru:"Зоркий — offline-first инвентарь вещей для iOS и Android",
en:"Zorky — offline-first inventory for your things · iOS & Android",
es:"Zorky — inventario offline-first para tus cosas · iOS y Android"
};
document.documentElement.lang = lng;
document.title = titles[lng] || titles.ru;
}, [lng]);
const setTheme = (v)=>setTweak("theme", v);
const goTo = (id)=>{
setMenu(false);
const doScroll = ()=>{ const el=document.getElementById(id); if(el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 66, behavior:"smooth" }); };
if(page!=="landing"){ setPage("landing"); setTimeout(doScroll, 90); } else doScroll();
};
const home = ()=>{ setMenu(false); setPage("landing"); window.scrollTo({top:0, behavior:"smooth"}); };
const terms = ()=>{ setMenu(false); setPage("terms"); window.scrollTo({top:0}); };
const privacy = ()=>{ setMenu(false); setPage("privacy"); window.scrollTo({top:0}); };
const nav = t("nav");
return (
{page==="landing"
?
: }
setTweak("theme", v)} />
setTweak("accent", v)} />
setTweak("corners", v)} />
);
}
ReactDOM.createRoot(document.getElementById("root")).render();
window.Logo = Logo;