/* ============================================================ Digital Odyssey, site chrome: TopNav · CtaBand · Footer ============================================================ */ const NAV = [ ['Home', 'index.html', 'home'], ['Services', 'services.html', 'services'], ['Work', 'work.html', 'work'], ['About', 'about.html', 'about'], ['Contact', 'contact.html', 'contact']]; function TopNav({ active }) { const [open, setOpen] = React.useState(false); const [scrolled, setScrolled] = React.useState(false); const [narrow, setNarrow] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 16); onScroll();window.addEventListener('scroll', onScroll, { passive: true }); const mq = window.matchMedia('(max-width: 920px)'); const fn = (e) => setNarrow(e.matches);fn(mq);mq.addEventListener('change', fn); return () => {window.removeEventListener('scroll', onScroll);mq.removeEventListener('change', fn);}; }, []); React.useEffect(() => {document.body.style.overflow = open ? 'hidden' : '';}, [open]); return (
{!narrow && } {!narrow ?
:
}
{/* Mobile sheet */} {narrow &&
}
); } /* ---------- Pre-footer CTA band (always dark) ---------- */ function CtaBand({ title = "Let's talk growth.", body = "Tell us where you want to go. We'll map the route, paid, social, content, search, and own the execution.", primary = "Book a discovery call", primaryHref = "contact.html", secondary = "See the results", secondaryHref = "work.html" }) { return (

{title}

{body}
); } /* ---------- Footer ---------- */ const FOOT_COLS = [ ['Services', [['Performance Marketing', 'services.html'], ['AI Video Making', 'services.html'], ['AI Dashboards', 'services.html'], ['Web Design & Development', 'services.html'], ['Social Media Marketing', 'services.html'], ['Content Creation', 'services.html'], ['Graphic Design', 'services.html'], ['Video Making & Editing', 'services.html'], ['SEO', 'services.html'], ['Analytics & CRO', 'services.html']]], ['Company', [['About us', 'about.html'], ['Our work', 'work.html'], ['Careers', 'about.html'], ['Contact', 'contact.html']]], ['Resources', [['Growth Playbook', 'playbook.html'], ['Case studies', 'work.html'], ['FAQ', 'faq.html'], ['Book a call', 'contact.html']]]]; const SOCIALS = [['instagram', '#'], ['facebook', '#']]; function Footer() { const [email, setEmail] = React.useState(''); const [sent, setSent] = React.useState(false); return ( ); } Object.assign(window, { TopNav, CtaBand, Footer });