/* app.jsx — router + mount */
function App() {
const [route, nav] = useRoute();
// Theme per route for nav
const theme = React.useMemo(() => {
switch (route) {
case '/eoani': return { fg: '#f5e6d3', navBg: '#1a0e0acc', rule: '#f5e6d322' };
case '/ketoi': return { fg: '#e8f4f8', navBg: '#050e1acc', rule: '#e8f4f822' };
case '/huvari': return { fg: '#e8faff', navBg: '#050b12cc', rule: '#00d9ff33' };
case '/thavari': return { fg: '#b8c5d6', navBg: '#050709e6', rule: '#b8c5d622' };
case '/human': return { fg: '#0a0e1a', navBg: '#f8f9facc', rule: '#0a0e1a26' };
default: return { fg: '#1a1814', navBg: 'rgba(243,239,230,0.88)', rule: '#1a181433' };
}
}, [route]);
const Page = React.useMemo(() => {
switch (route) {
case '/eoani': return PageEoani;
case '/ketoi': return PageKetoi;
case '/huvari': return PageHuvari;
case '/thavari': return PageThavari;
case '/human': return PageHuman;
case '/timeline':return PageTimeline;
case '/contact': return PageContact;
case '/about': return PageAbout;
default: return PageHome;
}
}, [route]);
// Mode transition
const [transitioning, setTransitioning] = React.useState(false);
const prev = React.useRef(route);
React.useEffect(() => {
if (prev.current !== route) {
setTransitioning(true);
const t = setTimeout(() => setTransitioning(false), 600);
prev.current = route;
return () => clearTimeout(t);
}
}, [route]);
return (
<>
);
}
function SiteFooter({ theme }) {
const { lang } = useLang();
return (
);
}
ReactDOM.createRoot(document.getElementById('root')).render(
);