/* @jsxRuntime classic */
/* global React, Logotype, Amp, Nav, HomePage, AboutPage, FaqPage, ContactPage, LangContext, T, ValGal, LangToggle */
const { useState: useStateApp, useEffect: useEffectApp } = React;
const Footer = ({ setRoute, lang, setLang }) => {
const t = T[lang];
return (
);
};
const PAGES = { home: HomePage, about: AboutPage, faq: FaqPage, contact: ContactPage };
const LABELS = { home:'01 Home', about:'02 About', faq:'03 FAQ', contact:'04 Contact' };
const App = () => {
const initial = (typeof location !== 'undefined' && location.hash || '').replace('#','');
const [route, setRouteRaw] = useStateApp(PAGES[initial] ? initial : 'home');
const [transitioning, setTransitioning] = useStateApp(false);
const [lang, setLangRaw] = useStateApp(() => {
try {
const stored = localStorage.getItem('vg-lang');
if (stored === 'en' || stored === 'es') return stored;
} catch (e) {}
return 'en';
});
const setLang = (l) => {
setLangRaw(l);
try { localStorage.setItem('vg-lang', l); } catch (e) {}
document.documentElement.setAttribute('lang', l);
};
useEffectApp(() => {
document.documentElement.setAttribute('lang', lang);
}, [lang]);
const setRoute = (id) => {
if (id === route || !PAGES[id]) return;
setTransitioning(true);
setTimeout(() => {
setRouteRaw(id);
window.scrollTo({ top:0, behavior:'instant' in window ? 'instant' : 'auto' });
if (typeof history !== 'undefined') history.replaceState(null, '', '#'+id);
requestAnimationFrame(() => setTransitioning(false));
}, 220);
};
useEffectApp(() => {
const onHash = () => {
const h = (location.hash || '').replace('#','');
if (PAGES[h] && h !== route) setRouteRaw(h);
};
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, [route]);
const Page = PAGES[route];
return (
);
};
Object.assign(window, { App });