top of page

🔻 Dropdown Structure (Inside Hero)

Use hierarchical dropdowns that dynamically update based on user selections:

✍️ Functionality - Two Options (Developer Must Implement One) 

  • Vertical Menu Panel:

✅ 1st Choice: Dynamic Drop-down Flow

  • User selects from 1st dropdown → triggers new options in the 2nd

  • Example:

    • "Service Type" → "Property Cleaning"

    • Then triggers → "Condition" → "Vacant / Rented"

    • Then → "Zip Code" input

Each dropdown becomes more specific based on the previous selection.

✅ 2nd Choice: Full List (Indented Categories)

  • Display all categories, sub-categories, and niches in one scrollable list

  • Use indentation for visual structure (like fields in real estate forms):

    • Property Services

      • 🧹 Cleaning

        • 🏚️ Vacant Property

      • 🛠️ Handyman

        • 🧰 Emergency Services

  • 1st and 2nd choice; both; indented categories.

🚨 NON-NEGOTIABLE: HERO SECTION DROPDOWNS MUST BE IMPLEMENTED

If we experienced limitations with Wix — where dropdown filters couldn't be embedded into the hero section — that does not justify the same issue happening in Bubble. Bubble offers significantly more layout and conditional logic flexibility than Wix.

✅ Instruction to Developer: If for any reason you cannot fit the dropdown filters directly into the HERO section, that’s not a blocker — you must still implement them one way or another. Bubble allows for:

  • Floating groups

  • Modals

  • Custom layout containers

  • Overlapping elements

  • Conditional visibility

  • Slide-ins / Drawers

If it can’t be done the exact way we visualized in Wix, it can still be done in Bubble — that’s the point. We chose Bubble so we don’t face those same platform limitations.

💡 Backup Integration Options (if fitting inside the hero visually becomes a UI problem):

  1. Slide-in filter panel from right or left side
    → Opens when user clicks “Filter Services” or “Find a Provider”

  2. Popup filter modal
    → Triggered on landing or by clicking a compact floating button

  3. Inline stacked dropdowns underneath hero
    → Appears just below the fold but styled to feel like part of the top section

  4. Collapsible filter pills
    → Compact dropdowns that expand when clicked (like Fiverr mobile)

💬 Developer Note:

Bubble is designed for this level of logic. If it was a problem on Wix — it should be fixable here. Not fitting is not a valid reason for these filters to be excluded from the Hero experience.

📋 Category Fields to Include:

  • Property Service Provider A–Z

  • Field / Service Type

  • Property Condition

  • Vacancy Status

  • Price or Budget Range

  • Demographics (optional)

  • Input ZIP Code

🔊 Optional Sound Element:

  • Background sound option:

    • Adult bike pedaling forward / backward

    • Can be toggled on/off by user

    • Only plays if user interacts (not autoplay)​.

bottom of page