const { useState, useEffect, useRef } = React; const { Link, NavLink, useLocation } = ReactRouterDOM; const { COPY, CLIENTS } = window.AF_DATA; // ---------- Wordmark ---------- function Wordmark({ size = "md", inverse = false }) { const big = size === "lg"; const color = inverse ? "#F8F4ED" : "#1F1A14"; return ( Art & Frame + Signs ); } // ---------- Eyebrow ---------- function Eyebrow({ children, className = "" }) { return (
{children}
); } // ---------- Utility Bar ---------- function UtilityBar() { return (
McKinney, TX · Since 1994
Text us {COPY.phone}
); } // ---------- Navbar ---------- const NAV_LINKS = [ { to: "/what-we-do", label: "What We Do" }, { to: "/about-us", label: "About" }, { to: "/location", label: "Location" }, { to: "/are-you-a-business", label: "Business" }, ]; // External pages outside the hash router (static HTML at site root) const EXTERNAL_LINKS = [ { href: "/visualizer.html", label: "Visualizer" }, ]; function Navbar() { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); const loc = useLocation(); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); useEffect(() => { setOpen(false); }, [loc.pathname]); return (
{/* Mobile drawer */} {open && (
setOpen(false)}>
)}
); } // ---------- Footer ---------- function Footer() { return ( ); } // ---------- Image Placeholder ---------- function ImagePlaceholder({ label = "Photo", aspect = "4/5", note = "" }) { return (
{label}
{note &&
{note}
}
); } // ---------- Real Image with frame matting ---------- function FramedImage({ src, alt, aspect = "4/5", caption = "" }) { return (
{alt}
{caption &&
{caption}
}
); } // ---------- Client list block ---------- function ClientListBlock({ title = "Trusted by", showCategories = false, dense = false }) { return (
{title}
); } // ---------- Closure Notice ---------- function ClosureNotice({ tight = false }) { return (
Notice {COPY.closure} Sorry for the inconvenience.
); } // ---------- Section header for inner pages ---------- function PageHeader({ eyebrow, title, italicWord, lead }) { // title may include the italicWord; we'll split by it let parts = [title]; if (italicWord && title.includes(italicWord)) { const idx = title.indexOf(italicWord); parts = [title.slice(0, idx), italicWord, title.slice(idx + italicWord.length)]; } return (
{eyebrow}

{parts.length === 3 ? (<>{parts[0]}{parts[1]}{parts[2]}) : title}

{lead &&

{lead}

}
); } // ---------- Reveal on scroll ---------- function Reveal({ children, delay = 0, className = "" }) { const ref = useRef(null); const [shown, setShown] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { setShown(true); io.disconnect(); } }); }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return (
{children}
); } // ---------- Scroll restoration ---------- function ScrollToTop() { const { pathname } = useLocation(); useEffect(() => { window.scrollTo({ top: 0, behavior: 'instant' }); }, [pathname]); return null; } Object.assign(window, { Wordmark, Eyebrow, UtilityBar, Navbar, Footer, ImagePlaceholder, FramedImage, ClientListBlock, ClosureNotice, PageHeader, Reveal, ScrollToTop, });