// c-shell.jsx — shared chrome for the C direction across pages. // Provides CGlobalStyles, CNav, CFooter — used by the homepage and the // About / Leadership / Contact pages. function CGlobalStyles() { return ( ); } // ── Nav ───────────────────────────────────────────────────────── function CNav({ active = 'Home' }) { // Pretty URLs — CloudFront Function rewrites /about → /about.html at the edge. const items = [ ['Home', '/'], ['About', '/about'], ['Leadership', '/leadership'], ['Contact', '/contact'], ]; const [open, setOpen] = React.useState(false); React.useEffect(() => { document.body.classList.toggle('c-drawer-open', open); return () => document.body.classList.remove('c-drawer-open'); }, [open]); return (
{/* Mark 03 · Lockup */} 1686 Holdings Company
Get in touch
{/* Mobile drawer */}
1686 Holdings Company
Get in touch
contact@1686holdings.com
); } // ── Footer ────────────────────────────────────────────────────── function CFooter() { return ( ); } // ── Page-frame helper ─────────────────────────────────────────── // Page fills the viewport; each section keeps its content centered in a // 1440 design canvas via the c-content wrapper class. Decorations (orbs, // gradients) live outside that wrapper so they bleed to viewport edges. function CPage({ active, children }) { return (
{children}
); } Object.assign(window, { CGlobalStyles, CNav, CFooter, CPage });