Dewdrop Social Wall
A gentle, welcoming social proof section for hospitality and travel brands.
Features
- Badge header — "Guest Experiences" badge with heart icon
- Headline — "Loved by Travelers Worldwide" in Josefin Sans
- Stats row — 4.9★ Rating, 12,000+ Reviews, 98% Would Recommend, 45 Countries
- Masonry grid — 6 review cards with CSS columns layout, varying heights
- Pastel tints — Each card has a subtle colored background (aqua, mint, lavender, peach)
- Review details — Star ratings (★), review text, guest name, stay type badge, date
- Platform badges — TripAdvisor, Booking.com, Google, Expedia
- Dark mode — Full dark: variant support with deep teal palette
- Typography — Josefin Sans (display headings) + Quicksand (body)
Dependencies
@/components/vue-ui/card — Card, CardContent, CardHeader
@/components/vue-ui/badge — Badge
@/components/vue-ui/separator — Separator
lucide-vue-next — Star, Quote, Globe, Heart
Customization
- Reviews: Edit
reviews array to change content and pastel tints
- Stats: Modify
stats array for different metrics
- Platforms: Update
platforms array for different review sites
- Colors: Swap aqua (#B2DFDB) for any pastel accent color