// shared.jsx — Nav and Footer used on all pages
const SOCIAL = {
instagram: 'https://instagram.com/itshannahzhang',
linkedin: 'https://linkedin.com/in/hannahzhang0',
tiktok: 'https://tiktok.com/@itshannahzhang',
youtube: 'https://youtube.com/@itshannahzhang',
newsletter: 'https://nonlinearnews.com',
};
// Inline SVG icons — Lucide style, stroke-width 1.75
const IconInstagram = () => (
);
const IconLinkedIn = () => (
);
const IconTikTok = () => (
);
const IconYouTube = () => (
);
const IconMail = () => (
);
const IconMenu = () => (
);
const IconClose = () => (
);
const IconArrow = () => (
);
function Nav({ contactHref = '#contact', homeHref = 'index.html' }) {
const resolvedContact = contactHref === '#contact' ? (typeof window !== 'undefined' && window.location.pathname.endsWith('index.html') || window.location.pathname.endsWith('/') ? '#contact' : 'index.html#contact') : contactHref;
const [open, setOpen] = React.useState(false);
return (
);
}
function Footer() {
return (
);
}
Object.assign(window, {
Nav, Footer, SOCIAL,
IconInstagram, IconLinkedIn, IconTikTok, IconYouTube, IconMail, IconArrow, IconMenu, IconClose,
});