// app.jsx — boots the combined single-page Motomelli site. Picks the page
// component for the current clean path and renders it inside the right chrome.
// Must load LAST (after every component module and router.jsx).
const ROUTES = {
"/": () => , // self-chromed (Hero + Footer)
"/compare": () => ,
"/about": () => ,
"/contact": () => ,
"/hoodies": () => ,
"/privacy": () => ,
"/terms": () => ,
"/cookies": () => ,
"/product": () => , // self-chromed
};
const NotFound = () => (
<>
404
Page not found.
That page doesn't exist (or moved). Let's get you back on the road.
Back home →
);
// Routes whose body keeps the dark base background from styles.css. Every
// other (secondary) page used `` before, so we
// apply that light background for them.
const DARK_BODY_ROUTES = new Set(["/", "/product"]);
const App = () => {
const route = window.useRoute();
// On first paint, honour an incoming hash (e.g. deep link to /#mm-sizecmp).
React.useEffect(() => {
if (window.location.hash) window.mmScrollToHash(window.location.hash);
}, []);
// Match the per-page body background the standalone pages used to set inline.
React.useEffect(() => {
document.body.style.background =
DARK_BODY_ROUTES.has(route.path) ? "" : "var(--mm-light-bg)";
}, [route.path]);
const render = ROUTES[route.path];
return render ? render() : ;
};
ReactDOM.createRoot(document.getElementById("root")).render();