Golden Hospitality Grid
An opulent content grid for hospitality websites — hotels, resorts, and luxury experiences.
Features
- 6 content cards — Responsive 1/2/3 column grid with image placeholders, ratings, and categories
- Image placeholders — Gradient-colored rectangles with category icons
- Star ratings — Gold-accent rating badges on each card
- Category badges — Rooms, Wellness, Dining, Business labels
- Elegant typography — Serif font family for headings
- Gold accent system — #c9a84c primary accent with cream background
- Dark mode — Stone-950 background with amber-500 accents
- Bottom CTA — Explore all experiences link
Dependencies
@/components/vue-ui/card — Card with full composition@/components/vue-ui/badge — Category and rating badges@/components/vue-ui/button — Action buttons@/components/vue-ui/separator — Decorative dividerslucide-vue-next — Icons
Customization
- Edit
amenities array for your property's offerings
- Adjust
placeholderColors for different image placeholder gradients
- Update font-family in heading styles for your brand serif font
- Replace placeholder areas with actual images
