Tidal Use Cases
A coastal real estate use cases section with flowing wave aesthetics.
Features
- Coastal palette — Tidal teal (#0D9488) with sand (#D2B48C) accents
- Google Fonts: Tenor Sans + Assistant — Elegant serif headings with clean body text
- 4 use case cards — Buyers, Sellers, Agents, Investors with unique icons
- Feature checklists — Each card includes a list of key capabilities
- SVG wave separators — Flowing organic wave patterns between sections
- Accent bars — Alternating teal and sand top borders on cards
- Light/dark mode — Warm off-white light, deep ocean (#0B1D1D) dark
- Accessible contrast — All text meets WCAG AA minimum ratios
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter@/components/vue-ui/button — Button for CTAs@/components/vue-ui/badge — Badge for section label@/components/vue-ui/separator — Separator between card sectionslucide-vue-next — Home, DollarSign, Users, TrendingUp, CheckCircle, ArrowRight, Waves
Customization
- Colors: Replace teal/sand with your brand palette
- Use cases: Swap the 4 cards with your own scenarios
- Icons: Change lucide icons to match your domain
