/* ============================================================ UI SHELL — Nav, Footer, shared components ============================================================ */ const { useState, useEffect, useRef, useMemo } = React; /* Icons */ const Icon = { menu: (p) => , x: (p) => , arrow: (p) => , play: (p) => , search: (p) => , calendar: (p) => , mapPin: (p) => , clock: (p) => , facebook: (p) => , instagram: (p) => , youtube: (p) => , phone: (p) => , mail: (p) => , chevron: (p) => , heart: (p) => , pin: (p) => , }; const BrandLogo = ({ height = 36, variant = 'default', stacked = true }) => { // Logo: "BETHANY" in blue (Avenir Black), "BAPTIST CHURCH" beneath (Avenir Heavy) // "BAPTIST CHURCH" always spans the full width of "BETHANY" const bethanyColor = '#0099FF'; const subColor = variant === 'light' ? '#FFFFFF' : '#666666'; // sizing: BETHANY takes ~73% of height, BAPTIST CHURCH ~18% (visual balance matching the logo) const bethanySize = height * 0.72; const subSize = height * 0.26; return ( BETHANY {'BAPTIST CHURCH'.split('').map((c, i) => ( {c === ' ' ? '\u00A0' : c} ))} ); }; // Kept for backwards compat in footer if needed const BrandMark = ({ size = 40 }) => (
); function TopBar() { return (
Sundays 11:00 AM & 6:30 PM · · 23–27 Gransha Road, Bangor, BT20 4TN
Give · Contact
); } function Nav({ route, onNav }) { const [drawerOpen, setDrawerOpen] = useState(false); const [megaOpen, setMegaOpen] = useState(false); const navMode = document.documentElement.getAttribute('data-nav') || 'horizontal'; return ( <>
setDrawerOpen(false)} style={{ gap: 0 }}> {navMode !== 'mega' ? ( ) : ( )}
Plan a Visit
{navMode === 'mega' && (
setMegaOpen(true)} onMouseLeave={() => setMegaOpen(false)}>
)}
{/* Mobile drawer */}
setDrawerOpen(false)}/>
{NAV.map(n => ( setDrawerOpen(false)}> {n.label} ))} Plan a Visit
); } function Sidebar({ route }) { return ( ); } function Footer() { return ( ); } function ServicesBar() { return (

Join us this Sunday

{SERVICE_TIMES.map((s,i) => (
{s.label}
{s.time}
{s.note}
))}
Plan a Visit
); } function VerseBlock() { return (
For we are his workmanship, created in Christ Jesus for good works, which God prepared beforehand, that we should walk in them.
— Ephesians 2:10
); } function PageHead({ crumbs, title, lede, chips }) { return (
{crumbs &&
{crumbs.map((c,i) => ( {i > 0 && /} {c.href ? {c.label} : c.label} ))}
}

{title}

{lede &&

{lede}

} {chips &&
{chips.map((c,i) => ( {c} ))}
}
); } Object.assign(window, { Icon, BrandMark, BrandLogo, Nav, Sidebar, Footer, ServicesBar, VerseBlock, PageHead });