--- title: Real Estate Mega Menu Pro for HubSpot — Navigation for Property, PropTech & Brokerages description: Trust-forward HubSpot mega menu for residential brokerages, commercial real estate firms, and PropTech platforms. Property type/location/status filters, agent finder, neighborhood guides, mortgage tools, embedded viewing-request form. --- Marketplace · For Real Estate # The mega menu built for *property* A trust-forward navigation module for residential brokerages, commercial real estate firms, and PropTech platforms. Property type/location/status filters, agent finder, neighborhood guides, mortgage tools, embedded viewing-request form, and a multi-office locations switcher. Navy + champagne gold DM Sans × DM Serif Display Property-first submenus MLS-aware Live demo · canonical brokerage pattern ## Properties · Buy/Sell · Agents · Neighborhoods · Tools · About · Contact Seven top-level items mirroring the navigation patterns used by Compass, Redfin, Coldwell Banker, Sotheby's International Realty, and Zillow Premier Agent. Tabbed Properties panel (By Type / By Setting / By Strategy / Just Listed) with MLS listing cards inside the final tab. Image-forward Buy & Sell columns. Agent finder with a featured-broker sidebar card. Featured-neighborhoods grid with median price + active listings. Calculator hub. Embedded *Schedule a viewing* HubSpot form pinned in About. New listings dropping every Tuesday — be the first to know. Get notified [![Studio Nope](https://www.studionope.com/hs-fs/hubfs/studio-nope-logo.png?width=140&name=studio-nope-logo.png)](https://www.nopethemes.com/?hsLang=en) - Properties - Buy/Sell - Agents - Neighborhoods - Tools - About - Contact Schedule a Viewing By Type By Setting By Strategy Just Listed Single-Family Homes Detached residential Condos & Townhouses Attached & shared-amenity Luxury Estates $5M+ premium inventory New Construction Pre-build & completed Multi-Family Duplex, triplex, 4-plex Commercial Office, retail, mixed-use Land & Lots Build sites & acreage All property types Beachfront & Coastal Ocean views, beach access Mountain & Ski-in/out Resort & cabin properties Downtown & Urban City lofts & high-rises Suburban Family neighborhoods Lakefront Lake-side properties Historic Districts Heritage homes & landmarks Equestrian & Ranch Land & barns included All lifestyles Primary Residence Owner-occupied homes Buy-and-Hold Long-term rentals Fix-and-Flip Renovation opportunities Vacation Rental Short-term / Airbnb-ready 1031 Exchange Tax-deferred swaps Distressed / REO Foreclosures, short sales Off-Market Pocket listings & whisper deals All strategies ![Malibu home](https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=400&h=240&fit=crop) 127 Ocean Drive · Malibu $4,250,000 · 4bd · 3ba · 3,200ft² ![Austin home](https://images.unsplash.com/photo-1568605114967-8130f3a36994?w=400&h=240&fit=crop) 8 Maple Ridge Lane · Austin $1,890,000 · 5bd · 4ba · 4,100ft² ![NYC penthouse](https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=240&fit=crop) 42 Park Avenue · NYC $8,950,000 · 3bd · 3ba · 2,400ft² ![Beverly Hills](https://images.unsplash.com/photo-1565182999561-18d7dc61c393?w=400&h=240&fit=crop) Estate · Beverly Hills $28,500,000 · 9bd · 12ba All new listings For Buyers Property Search Filter by neighborhood, price, beds Mortgage Calculator Monthly payment + amortization Buyer's Guide Step-by-step playbook Get Pre-Approved Connect with lenders All buyer tools For Sellers List Your Property Get expert listing service Home Valuation Free comparative analysis Seller's Guide Maximize your sale price Find a Broker Match with a top seller's agent All seller tools For Investors Investment Analysis Cap rate, cash-on-cash, IRR Rental Yield Tool Compare rental returns by ZIP 1031 Exchange Defer capital gains, smartly Market Reports Quarterly investor briefings All investor tools Find an Agent By Neighborhood Local specialists By Language Multilingual agents By Specialty Luxury, investment, first-time Top Performers Award-winning brokers Browse all agents Join Our Team Open Positions Hiring Active hiring Agent Resources Tools & training Training & Mentoring Onboarding programs Commission Structure Splits & bonuses All career info Featured Agent ![Sarah Chen](https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&q=80) Featured Agent · Top 1% Sarah Chen — 14 years closing luxury homes in the Bay Area Coastal & Beach ![Malibu](https://images.unsplash.com/photo-1505691938895-1758d7feb511?w=400&h=240&fit=crop) Malibu Median $4.2M · 38 listings ![Sausalito](https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=240&fit=crop) Sausalito Median $2.8M · 24 listings All coastal neighborhoods Urban & Downtown ![Manhattan](https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=240&fit=crop) Manhattan · NYC Median $1.4M · 412 listings ![Austin downtown](https://images.unsplash.com/photo-1572883454114-1cf0031ede2a?w=400&h=240&fit=crop) Downtown · Austin Median $980K · 156 listings All urban neighborhoods Mountain & Resort ![Aspen](https://images.unsplash.com/photo-1551806235-6692f3c12dca?w=400&h=240&fit=crop) Aspen Median $7.8M · 19 listings ![Park City](https://images.unsplash.com/photo-1486325212027-8081e485255e?w=400&h=240&fit=crop) Park City Median $3.2M · 87 listings All resort neighborhoods Calculators Mortgage Calculator Monthly P&I + escrow Affordability How much can you borrow Rent vs Buy Break-even analysis Investment ROI Cap rate & cash-on-cash All calculators Resources Buying Guide End-to-end playbook Selling Guide Pricing & staging Investment 101 Yield, leverage, exit Glossary MLS, escrow, appraisal Knowledge base Account Saved Searches Your watchlists My Favorites Starred listings Property Alerts Get notified instantly Saved Documents Disclosures & inspections Account dashboard Company Our Story Founded on trust Awards Recognition & rankings Press In the news Careers Open positions Get in Touch Office Locations 12 offices across 3 states Email Sales sales@brokerage.com Email Support support@brokerage.com Schedule a Call 30-min consultation All contact options Schedule a viewing Tell us which property you're interested in — an agent will reach out within one business day to arrange a private tour. Licensed & accredited - NAR Member - MLS Listed - BBB Accredited - Realtor.com Partner - Inc. 5000 Brokerage - Properties By Type Single-Family Homes Condos & Townhouses Luxury Estates New Construction Multi-Family Commercial Land & Lots All property types By Setting Beachfront & Coastal Mountain & Ski-in/out Downtown & Urban Suburban Lakefront Historic Districts Equestrian & Ranch All lifestyles By Strategy Primary Residence Buy-and-Hold Fix-and-Flip Vacation Rental 1031 Exchange Distressed / REO Off-Market All strategies Just Listed ![Malibu home](https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=400&h=240&fit=crop) 127 Ocean Drive · Malibu ![Austin home](https://images.unsplash.com/photo-1568605114967-8130f3a36994?w=400&h=240&fit=crop) 8 Maple Ridge Lane · Austin ![NYC penthouse](https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=240&fit=crop) 42 Park Avenue · NYC ![Beverly Hills](https://images.unsplash.com/photo-1565182999561-18d7dc61c393?w=400&h=240&fit=crop) Estate · Beverly Hills All new listings - Buy/Sell For Buyers Property Search Mortgage Calculator Buyer's Guide Get Pre-Approved All buyer tools For Sellers List Your Property Home Valuation Seller's Guide Find a Broker All seller tools For Investors Investment Analysis Rental Yield Tool 1031 Exchange Market Reports All investor tools - Agents Find an Agent By Neighborhood By Language By Specialty Top Performers Browse all agents Join Our Team Open Positions Hiring Agent Resources Training & Mentoring Commission Structure All career info Featured Agent ![Sarah Chen](https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&q=80) Featured Agent · Top 1% Sarah Chen — 14 years closing luxury homes in the Bay Area - Neighborhoods Coastal & Beach ![Malibu](https://images.unsplash.com/photo-1505691938895-1758d7feb511?w=400&h=240&fit=crop) Malibu ![Sausalito](https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=240&fit=crop) Sausalito All coastal neighborhoods Urban & Downtown ![Manhattan](https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=240&fit=crop) Manhattan · NYC ![Austin downtown](https://images.unsplash.com/photo-1572883454114-1cf0031ede2a?w=400&h=240&fit=crop) Downtown · Austin All urban neighborhoods Mountain & Resort ![Aspen](https://images.unsplash.com/photo-1551806235-6692f3c12dca?w=400&h=240&fit=crop) Aspen ![Park City](https://images.unsplash.com/photo-1486325212027-8081e485255e?w=400&h=240&fit=crop) Park City All resort neighborhoods - Tools Calculators Mortgage Calculator Affordability Rent vs Buy Investment ROI All calculators Resources Buying Guide Selling Guide Investment 101 Glossary Knowledge base Account Saved Searches My Favorites Property Alerts Saved Documents Account dashboard - About Company Our Story Awards Press Careers Get in Touch Office Locations Email Sales Email Support Schedule a Call All contact options Schedule a viewing Tell us which property you're interested in — an agent will reach out within one business day to arrange a private tour. - Contact Schedule a Viewing Built for real estate · not retrofitted ## Seven things this menu does that a SaaS menu can't Residential brokerages, commercial real estate firms, and PropTech platforms need a navigation that filters listings the way buyers think (type / location / status / price), surfaces agent expertise, anchors local neighborhood knowledge, hands prospects a mortgage calculator without leaving the nav, and routes hand-raisers into a viewing request. Here's how Real Estate Mega Menu Pro covers each one. LISTING · 01 Tabbed browse-by-category panel Four tabs covering every way buyers search: By Type (Single-Family · Condos · Luxury · New Construction · Multi-Family · Commercial · Land), By Setting (Beachfront · Mountain · Downtown · Suburban · Lakefront · Historic · Equestrian), By Strategy (Primary · Buy-and-Hold · Fix-and-Flip · Vacation · 1031 · REO · Off-Market), and Just Listed — the last tab swaps in MLS-style listing cards with a FOR SALE tag. open "Properties" LISTING · 02 Image-forward Buy/Sell columns Three audience columns (For Buyers · For Sellers · Investors), each item paired with a 3:2 property photograph. Compact 3-per-column layout fits inside viewport, never overflows. open "Buy/Sell" LISTING · 03 Agent finder + featured-broker card Two columns to find an agent (by neighborhood, language, specialty, top performers) + a Join Our Team column. Pinned to the sidebar: one featured broker with photo, name, years experience, and a "Top 1%" tag. open "Agents" — see right rail LISTING · 04 Featured-neighborhoods grid Three columns by setting (Coastal & Beach · Urban & Downtown · Mountain & Resort) with two image-on-top neighborhood cards per column. Each card pairs a photo with the neighborhood name, median sale price, and active-listings count — the Compass / Sotheby's pattern. open "Neighborhoods" LISTING · 05 Mortgage & investment toolkit Calculator hub embedded in the nav (Mortgage · Affordability · Rent vs Buy · Investment ROI), plus a Resources column (Buying Guide · Selling Guide · Investment 101 · Glossary) and an Account column (Saved Searches · Favorites · Alerts · Documents). open "Tools" LISTING · 06 Embedded viewing-request form The About panel pairs Company info + Get-in-Touch links with a "Schedule a viewing" HubSpot form pinned in the sidebar. Hand-raisers go straight to the agent rotation — no contact-page deflection. open "About" — sidebar form LISTING · 07 Premium brokerage navy + champagne gold Pure white `#ffffff` + deep navy `#0f1e2e` + champagne gold accent `#c9a96e`. DM Sans body, DM Serif Display serif. Pill-shaped buttons + floating-label form inputs. all editor fields · zero hardcoded values Licensed & accredited · the credentials property buyers look for NAR Member MLS Listed BBB Accredited Realtor.com Partner Inc. 5000 Brokerage Documentation ## Setup & configuration guide Everything you need to configure Real Estate Mega Menu Pro for your residential brokerage, commercial real estate firm, or PropTech platform. --- ## Why a real-estate-specific mega menu? Generic mega menus can be shoehorned into property shapes — but they cost weeks of configuration and miss the affordances buyers and sellers expect on Compass, Redfin, Coldwell Banker, Sotheby's International Realty, and the brokerages featured on Realtor.com. Real Estate Mega Menu Pro ships property-native features that no generic mega menu has out of the box: tabbed property filters (type / location / status / price), image-forward Buy & Sell columns, an agent finder with a featured-broker sidebar card, a neighborhood grid backed by a Market Insights changelog, an embedded calculator hub, and a viewing-request HubSpot form pinned in the About panel. ## Getting started Real Estate 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. ### Installation 1. After purchase, the module appears in Design Manager under `marketplace-modules/Mega Menu 5 Pro.module`. 2. Open any page template in the Design Manager or Page Editor. 3. Drag **Real Estate Mega Menu Pro** from the module list into the top of your page. 4. To make it appear on every page, add it to your **header global partial** so it loads automatically across the site. ### Adding menu items In the module's **Content** tab, you'll find the **Menu Items** repeater. Each item has a **Type** field with three options: - **Link** — A simple navigation link, no dropdown. Use for *Contact*. - **Dropdown** — A single-column panel with a list of items. Each item has an icon, image, description, badge, and a link. Use for a multi-office *Locations* switcher. - **Mega** — A full-bleed multi-column panel with optional sidebar (featured agent card / promo / embedded form / video). Use for *Properties / Buy & Sell / Agents / Neighborhoods / Tools / About*. ### Mega item types for property #### Tabbed Properties filter Set **Menu item → Layout mode = Tabs** with four mega columns. Each column becomes a tab labelled with the column title (By Type / By Setting / By Strategy / Just Listed). The first three tabs are icon-row sub-filters (4–8 items per tab with icons and short descriptions). The final *Just Listed* tab swaps in image-bearing items, which Real Estate Mega Menu Pro automatically renders as horizontal MLS listing cards with a **FOR SALE** ribbon. Choose **Tab trigger = Hover** for instant feedback or **Click** for touch-heavy audiences. Replaces a "filters" page that prospects normally have to click into. #### Image-forward Buy & Sell panel Three audience columns (For Buyers · For Sellers · Investors). For each item, upload a 1:1 **Image** instead of choosing an icon — Real Estate Mega Menu Pro automatically renders these items as *property cards* (image on top, title, italic subtitle), not the standard icon row. Reads like a portfolio of homes. #### Agents panel (finder + featured broker) Two columns to filter agents (Find an Agent + Join Our Team) — and enable **Featured Content (Sidebar)** on the same item to pin one broker card to the right rail. The card takes a photo, a tag ("Featured Agent · Top 1%"), and an outcome headline ("14 years closing luxury homes…"). #### Neighborhoods panel (featured-neighborhoods grid) Three columns grouped by setting (Coastal & Beach · Urban & Downtown · Mountain & Resort), with two featured-neighborhood cards per column. Each card uses an uploaded image (rendered automatically as a vertical image-on-top card) plus the neighborhood name and a short stat line — median price and active-listings count. This is the Compass / Sotheby's pattern. Add more columns by setting (Suburban · Lakefront · Equestrian, etc.) to expand the grid. #### Tools panel (calculators + resources + account) Three icon-row columns: Calculators (Mortgage / Affordability / Rent vs Buy / Investment ROI), Resources (Buying Guide / Selling Guide / Investment 101 / Glossary), and Account (Saved Searches / Favorites / Alerts / Documents). Surfacing the calculator hub from the navbar removes one of the most common bounce points on brokerage sites. #### About panel (company + contact + viewing form) Pair a 2-column mega item (Company + Get in Touch) with an **Embedded Form (Sidebar)** pinned on the right. The form takes a HubSpot form ID, an inline title and description ("Schedule a viewing"), and a custom submit-button label. Lets prospects request a private tour directly from the nav — bypassing the Contact-page deflection. --- ## Promo banner A full-width strip above the navbar with a customizable message, link, and dismiss button. The leading dot has a pulsing emerald ripple animation that draws the eye without being noisy; ripple colour matches the link accent automatically. Dismissals are remembered in `localStorage` — bump the **storage key** field to re-show after a campaign refresh. - **Enable** — Toggle the strip on or off. - **Text / Link text / Link URL** — Message body, inline link text, and target URL. - **Dismissible** — Show or hide the × close button. - **Storage key** — Key used in `localStorage`. Default is `propertymm_promo_v1`. Change it to force the banner to re-appear for everyone (e.g. when you launch a new round of listings). - **Background / Text / Accent colors** — Three colour pickers. The default is ink `#1d1c1a` + white text + deep-emerald `#2c5e4a` for the link. The accent color also drives the ripple animation around the leading dot. - **Ripple animation** — Two staggered expanding rings, 2.4s loop, honors `prefers-reduced-motion`. ## Trust bar Anchor your licensing and accreditation credentials (NAR Member, MLS Listed, BBB Accredited, Realtor.com Partner, Inc. 5000…) at the bottom of every mega panel. Property buyers actively look for these signals before reaching out — surfacing them in nav saves a click into the about page. - **Enable** — Show or hide the bar across all mega panels. - **Heading** — Short eyebrow text (default: *Licensed & accredited*). - **Badges** — Repeater of label + icon (FontAwesome 5). Add 3–6 credentials. ## Search Toggle under **Content → Search**. When enabled, a search icon appears in the action bar. Clicking it reveals an inline field with the placeholder "Search by address, ZIP, neighborhood…" — wired to HubSpot's built-in search suggestions by default. ### ⌘K / Ctrl-K shortcut Tap `⌘K` (or `Ctrl-K` on Windows / Linux) anywhere on the page to open the navbar search. A visible `⌘K` hint inside the search trigger advertises the shortcut. Only active when Search is enabled. Toggle under **SaaS behavior → Enable ⌘K shortcut**. ## CTAs Add up to 3 buttons under **Content → CTAs**. The demo ships with *Schedule a Viewing* (primary ink) + *List Your Property* (secondary outline). Each button has text, URL, style (primary / secondary / ghost), and optional modal trigger. --- ## Style system Every visual property is controlled from the **Style** tab — no CSS editing needed. The real-estate palette is wired in by default; change any value to re-skin. ### Global Base values that cascade through the entire module: - **Font** — Body font for menu links, dropdown items, mega panels, mobile panel, forms. Defaults to *Inter Tight* from Google Fonts. - **Editorial accent font** — Serif used on column titles, sidebar titles, trust-bar heading, featured-card tags, changelog dates, and image-card subtitles. Defaults to *Playfair Display* from Google Fonts. Swap to any Google or system font; entire serif layer re-skins. - **Colors** — Heading `#1d1c1a`, text `#4a4744`, muted `#8b857d`, body bg `#f4ede3` (warm sand), cards bg `#ffffff`, border `#1d1c1a @ 12%`. ### Accent The module's accent color — used on column titles, hover indicators, icons, link underlines, and badges. Default is *deep emerald* `#2c5e4a` with hover `#1f4233` and a 12%-opacity light tint. Premium-real-estate colour out of the box; replace with your brand colour and the entire mega menu re-skins instantly. ### Nav bar Controls the top bar: - **Background type** — Light, Dark, Transparent, Custom Color, Gradient, or Background Image. The demo uses Custom `#ffffff` at 92% opacity over the sand body. - **Blur background** — Enable frosted-glass when the bar background has reduced opacity. - **Text colour / Hover colour** — Direct pickers. The demo uses ink `#1d1c1a` with an emerald hover. - **Width** — Container, Full, or Compact. The demo uses Full with the bar content centered to `1280px`. ### Menu links Top-level menu items: text colour, hover text, hover background, active indicator colour, font size, font weight, padding, and border radius. The demo uses Inter Tight 500 at 14px with an emerald hover and no radius for a clean editorial look. ### Dropdown panel The panel container (used by both dropdowns and mega panels): background colour (with opacity for glass effects), border, radius, shadow, padding, and gap between items. ### Dropdown items Style individual rows inside dropdowns and mega columns: text colour, description colour, hover bg, hover text, icon colour, icon size, image radius, padding, and border radius. Icons inherit the icon colour and size — the demo uses emerald icons at 18px. ### Mega menu Column-specific settings: column gap, column title colour (emerald by default), font size, weight, and text transform (uppercase). Combine with the Playfair Display serif inherited from the editorial layer for a magazine-style column eyebrow. ### Sidebar / Featured Style the right-rail content: background colour, border radius, featured-image radius, tag colour, and tag background. Drives the look of the featured-agent card and the embedded viewing-request form. ### Badges Small labels next to menu items or column items (Hiring, New, Beta, Free, AI): background, text colour, font size, border radius, vertical/horizontal padding. Five built-in style presets. ### Buttons (CTAs) Three variants for top-bar CTAs and panel CTAs: - **Primary** — Solid background, full colour control including hover states. Demo: ink-on-cream that flips to emerald on hover. - **Secondary** — Outlined/transparent with border, hover background. Demo: ink-outline. - **Ghost** — Text-only with hover tint. ### Forms (sidebar + mobile embedded HubSpot form) The "Schedule a viewing" form pinned in the About panel sidebar — and the same form rendered inside the mobile accordion — share one style group under **SaaS Polish → Form style**: - **Labels** — size, color, weight, letter-spacing, uppercase on/off. - **Inputs** — padding, font size, border radius, background, border, focus border + ring. - **Submit button** — background, text color, hover bg, padding, font size, weight, radius. - **Success state** — border color for the post-submit confirmation. - **Font family** — inherits from *Global → Font* automatically. ### Polish layer (glass · icons · hover · badges · sidebar · form · trust bar · promo banner) One unified group for the polish layer. Every value is editor-controllable — see the Style tab. --- ## Column layouts Inside any mega column, set **Column layout** to switch the rendering mode: - **List** (default) — Icon (or image) + title + description rows. When items carry an image, they automatically render as image-on-top property cards. - **Changelog teaser** — Version pill (mono) + date badge + 2-line description. Perfect for the Market Insights column. - **Integration logos grid** — 3×N grid of tiled cells with name labels. Useful for office locations, accreditation badges, or any flat taxonomy that doesn't need descriptions. ## Mobile behavior Below your tablet breakpoint (default 1024px), the navbar collapses into a mobile layout: - **Logo left, hamburger right** — Always, regardless of desktop logo position. - **Card-style panel** — Auto-sizes to its content with a max-height cap, then scrolls internally. - **Accordion items** — Top-level items with dropdowns become collapsible accordions on tap. - **Featured agent on mobile** — Renders as an image-on-top blog-style card. - **Embedded form on mobile** — Aligns to the same horizontal padding as the menu items so it reads as part of the accordion, not a separate card. - **CTA buttons** — Pinned at the bottom of the mobile panel (Schedule a Viewing + List Your Property). ## Animation Set under **Settings → Dropdown animation**: - **Morph** (default) — The dropdown wrapper smoothly morphs its size and position as you hover between menu items. Best for property menus because tabbed Properties + image-forward Buy & Sell + Neighborhoods grid have very different heights. - **Fade** — Simple fade in/out for each panel. - **Slide** — Subtle slide-down on open. - **Scale** — Soft scale-up entrance. ## Sticky scroll behavior When sticky navigation is enabled, two extra options become available: - **Shrink on scroll** — Padding reduces by 50% and the logo scales to 75% once the page scrolls past 50px. - **Transparent on top** — The nav starts fully transparent over hero imagery and transitions to its configured solid style on scroll. ## Keyboard navigation Full WCAG-friendly keyboard support: Tab to move focus, Arrow Left/Right between top items, Arrow Down to enter a panel, Arrow Up to back out, Escape to close, ⌘K to open search. ARIA attributes (`role="menubar"`, `aria-expanded`, `aria-haspopup`) included. ## Click-to-open mode Under **Settings → Open dropdown on**, switch to **Click**. Recommended for touch-heavy audiences (mobile-first listings) and pages where mega panels contain interactive content (the viewing-request form). ## Icons Both dropdown and mega items support an optional **Icon**. Icons render as inline SVGs from HubSpot's built-in *FontAwesome 5.0.10* set. - Pick "Solid" for filled icons, "Regular" for outlined. - Safe icon names for real estate: `home`, `building`, `key`, `map-marker-alt`, `globe`, `calculator`, `chart-line`, `trophy`, `gem`, `check-circle`, `handshake`, `briefcase`, `users`, `book`, `file-alt`, `envelope`, `phone`, `search`, `star`, `lock`. - Avoid `award`, `palette`, `microphone-alt`, `globe-europe` — not in the 5.0.10 bundle. --- ## Tips for brokerages - **Tab your property filters** — Buyers think along orthogonal axes (type / location / status / price). A flat list of 24 entries reads as scattered; grouped under 4 tabs reads as a working filter pane. - **Lead with property photography** — In the Buy & Sell panel, use real exterior shots, not stock interior renders. Prospects buy on visual confidence. - **One featured agent per panel** — Resist filling the sidebar with three competing brokers. A single broker with a real outcome ("14 years closing luxury homes") converts better. - **Pin the viewing form on About** — Most brokerage sites bury "Schedule a viewing" behind a property detail page. Pin a HubSpot form inside the About panel and you'll get hand-raisers from the navbar itself. - **Two CTAs, not five** — Schedule a Viewing + List Your Property covers both sides of the brokerage funnel. Add a Locations dropdown if you're a multi-office firm. - **Bump the storage key for new listing drops** — Change `propertymm_promo_v1` → `propertymm_promo_v2` whenever you ship a new Tuesday listing drop. Old dismissals reset. - **Don't over-style** — The Polish group lets you tune ~30 micro-details, but the default sand + emerald + Playfair pairing is the heaviest lift. Most brokerages only need to swap the accent colour for their brand. ## Tech Pure CSS and vanilla JavaScript. No GSAP, no Swiper, no external dependencies. Same architecture as Mega Menu Pro — battle-tested, SEO-friendly, performant. - **Live height measurement** — On every hover, the mega panel height is measured with `getBoundingClientRect()` so the wrapper sizes exactly to the active panel (important when one panel is a tabbed filter and the next is an image grid). - **Single source of truth** — Only the hover handler writes `wrapper.style.height`. Form embeds that grow async pick up the new height on the next hover. - **Trust bar visibility** — Hidden for dropdown panels (e.g. Locations), shown for mega panels. The height calc respects this. - **Font loading** — Both fonts (Inter Tight + Playfair Display) are HubSpot `font` fields with `load_external_fonts: true`, so the Google Fonts `` is injected automatically. - **Zero hardcoded design tokens** — Every color, font, padding, radius, shadow, blur, opacity, hover, and focus state used for primary design surfaces is wired to a `style.*` field. © Studio Nope · property mega menu