Wisteria Real Estate Empty State
A gentle, inviting empty state block for real estate and property platforms.
Features
- SVG illustration — Decorative house outline with purple strokes
- Empty state message — Badge, heading, description, CTAs
- Dual CTAs — Primary browse button and secondary alerts button
- Secondary link — Talk to an agent inline link
- Suggestion cards — 3 popular search categories with icons and tags
- Wisteria palette — Violet-500/purple-500 primary, soft lilac backgrounds
- Decorative blur — Gradient background orb effect
- Responsive — Mobile-first with 3-column desktop grid
- Dark mode — Full zinc-950 dark variant
Dependencies
@/components/vue-ui/card — Card, CardContent@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separatorlucide-vue-next — Home, Search, MapPin, Heart, Plus, ArrowRight, Building, Key
Customization
- Searches: Edit the
popularSearches array for your categories
- Illustration: Replace the SVG with your custom illustration
- Colors: Swap violet/purple classes for your brand palette
- CTAs: Modify button labels and actions for your flow
