Navigation: 3 mega menus (Events, Eat & Drink, Explore) with 2/3 link pane + 1/3 editorial spotlight panel. 2 simple dropdowns (Parking & Safety, About) with icon + label + description per row. Donate CTA styled as distinct button. Per SNA_Navigation_Strategy_OSA: mega menus trigger on hover (200ms open / 300ms close delay in production); editorial panels are CMS-managed single post references with fallback defaults; Explore groups subpages by section (Art & Culture, Shopping, Experiences, Stay); Shopping nav shows only Fashion, Gifts, and All Shopping (analytics-informed — other categories accessible via landing page); Events editorial panel uses NAVY background; Eat & Drink and Explore editorial panels use white background. Mobile: all menus convert to accordion drawers, editorial panels omitted.

§1 — Directory Header. Breadcrumb: Home › Business Directory. This is a utility page — not prominently featured in primary navigation or editorial content. Primarily linked from footer, About section, and internal admin/partner tools. H1 is plain and descriptive. Subhead sets expectations — this includes ALL member businesses, not just visitor-facing ones. Result count updates dynamically as filters are applied. Tone: institutional and functional. This page serves SNA members, partners, and residents more than casual visitors. It's the exhaustive inventory — the canonical list of everything in the district.

§2 — Category Navigation Strip.

§3 — Filter Bar. Intentionally simple — this is a utility directory, not a discovery experience. Three controls: (1) Search by name — text input with type-ahead. This is the primary interaction for people who know what they're looking for. Updates the grid in real time as the user types. (2) Open Now — toggle, only shown when hours data is available in the CMS. (3) SNA Member — toggle highlighting current Short North Alliance members (useful for internal partner communications). Sort defaults to A–Z (alphabetical is the natural expectation for a comprehensive directory). Other sort options: Newest, Category. All filter states are reflected in the URL query string: ?category=shopping&q=vintage&sort=az. This means any combination of category + search + filters is linkable and shareable. Mobile: search field expands to full width; toggles collapse into a compact row below. ★ "Open Now" requires accurate hours data — if unavailable for a business, that business is simply not affected by the filter (never hidden due to missing data).

§4 — Results Grid. Generic business card component designed to work across all 9 categories. Each card: photo placeholder, category badge (color-neutral, uppercase), business name, street address, short description, CTA. 3-column desktop, 2-column tablet, 1-column mobile. 12 cards shown per load to demonstrate category variety across the full directory. "Open" / "Closed" badge only when hours data is available. Entire card is clickable → business profile page. When a category chip is active, grid filters to only that category. When search text is entered, grid filters by name match. Filters are additive (AND logic). Default sort is A–Z for the full directory (unlike editorial pages which default to "Featured"). ★ The card intentionally includes a street address — this is a practical directory, and location matters for non-visitor categories (e.g., "where is the dry cleaner?"). The address is omitted on the Eat & Drink and Shopping directory pages because those are discovery-oriented. ★ With 214 businesses at 12 per load = ~18 loads. Most users will filter by category first, dramatically reducing the set.

§5 — Footer Note. Simple contextual footer explaining the directory's scope and providing a contact path for businesses not yet listed or needing updates. This serves a dual purpose: (1) transparency about what the directory includes, and (2) a lightweight intake funnel for new SNA member businesses. Links to a contact form or email — not a self-service CMS portal (that's a separate admin tool). ★ Consider adding "Last updated: [date]" to build trust in data accuracy. ★ The "Request a Listing Update" CTA could link to a Typeform, Google Form, or dedicated SNA admin contact page — TBD in implementation.