Nutmeg Hospitality Showcase
An elegant, earth-toned feature showcase block designed for boutique hotels and hospitality brands.
Features
- Alternating layout — Three sections with left-right alternating image/text arrangement
- CSS gradient areas — Large decorative gradients with dot overlay simulating photography
- Feature bullet cards — Each section has a card with star-icon bulleted highlights
- Amenity bar — Horizontal icon + label row for quick amenity scanning
- Warm color system — Cinnamon (#8b4513) and gold (#c8a87c) accents on cream backgrounds
- Dot pattern background — SVG polka-dot texture for tactile elegance
- Light/dark mode — Warm cream (#fdf6ee) light / dark brown (#0d0906) dark
Dependencies
lucide-vue-next — Star, Coffee, Wifi, Utensils, Sparkles, ArrowRight icons@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/card — Card, CardContent@/components/vue-ui/separator — Separator
Customization
- Sections: Replace
showcaseSections with your hotel's actual feature areas (rooms, dining, spa, activities)
- Gradients: Swap CSS gradients for actual images via
background-image: url(...)
- Colors: Adjust cinnamon/gold palette to match your property's branding
- Amenities: Update
amenityHighlights with your hotel's key amenities
- Fonts: Playfair Display and Josefin Sans loaded via Google Fonts
