A portfolio-forward navigation module for marketing, creative, and consulting agencies. Services with imagery, Industries-we-serve tabbed panel, featured case-study cards, team & careers, multi-office Locations switcher.
Six top-level items mirroring the navigation patterns used by Diamond/Elite HubSpot partners (SmartBug, New Breed, Aptitude 8, Huble) and the studios featured in HubSpot's Inspire gallery. Tabbed Industries panel (B2B SaaS / Healthtech / Fintech / Professional Services). Featured case-study cards with client logos. Dual Schedule a call + View work CTAs. Multi-office Locations dropdown.
Marketing & professional-services agencies need a navigation that leads with portfolio, signals industry specialization, surfaces team credibility, and routes prospects to the right office. Here's how Agency Mega Menu Pro covers each one.
#f5f1ec + ink #1a1614 + rust accent #c8553d. Inter Tight body, Fraunces serif column titles. Every value editable.Everything you need to configure Agency Mega Menu Pro for your marketing, creative, or consulting agency.
Generic mega menus can be shoe-horned into agency shapes — but they cost weeks of configuration and miss the affordances buyers expect on SmartBug, New Breed, Aptitude 8, Huble, Vye, and the agencies featured in HubSpot's Inspire gallery. Agency Mega Menu Pro ships agency-native features that no generic mega menu has out of the box.
Everything in regular Mega Menu Pro is here. Plus, all of the following are first-class, fully editor-configurable, and visible in the live demo above:
Services panel — three columns (Strategy & Brand · Web & Product · Growth & RevOps) where every capability item carries a 1:1 image, not an icon. The reading experience is closer to a portfolio grid than a feature list.
Industries panel uses tabbed layout — each tab is a vertical your studio specializes in (B2B SaaS, Healthtech, Fintech, Professional Services). Six to eight sub-niches per tab. Prospects self-segment without leaving the homepage.
The right-rail of any mega panel can show one or two case-study cards. Each card pairs an image (still from the work, hero shot, or client logo) with a tag like "Case study · B2B SaaS" and a one-line outcome.
The Work panel ships a dedicated 3×2 client-logos column. Repurposed from the integrations layout — but here, it's a portfolio signal.
About panel pairs studio info (Story, Approach, Team, Press) with a Careers column (Open roles · Internships · Freelance · Partner program), and pins a "Send brief" form in the sidebar so prospects can hand-raise from the nav itself.
Top-level Locations item is a dropdown — each entry is one office with its address as the description and a map-pin icon. Add a "Remote-first" entry with a globe icon for hybrid firms.
Warm cream #f5f1ec background, ink #1a1614 headings, rust-coral #c8553d accent. Inter Tight body, Fraunces serif on column titles and editorial cues. Trust bar with HubSpot Diamond Partner / Inc. 5000 / Clutch / Webby / AAAA credentials. Promo banner pre-filled with "Now booking Q3 engagements — limited capacity." Every value editor-editable.
Agency Mega Menu Pro is a standalone HubSpot module — no theme required. Drop it into the top of any page template, or add it to your header global partial so it loads site-wide.
marketplace-modules/Mega Menu 4 Pro.module.Below your tablet breakpoint (default 1024px), the navbar collapses to a hamburger that opens a card-style mobile panel. Top-level items become collapsible accordions; dual CTAs pinned at the bottom.
role="menu"; keyboard navigation (Tab, arrow keys, Enter).preventDefault.prefers-reduced-motion: reduce honored.Pure CSS and vanilla JavaScript. No GSAP, no Swiper, no external dependencies. Same architecture as Mega Menu Pro — battle-tested, SEO-friendly, performant.