Raven Content Gallery
A theater-inspired event gallery with dramatic dark aesthetics and crimson red accents.
Features
- 6 event cards in a responsive grid layout (1/2/3 columns)
- Gradient image placeholders unique to each event with spotlight hover effect
- Category badges (Classical, Electronic, Theater, Jazz, Rock, Film)
- Event details with date and venue using Calendar and MapPin icons
- "Get Tickets" buttons on each card with crimson styling
- Spotlight radial gradient effects for dramatic atmosphere
- Archivo Black display font for heavy impact headings
- Source Sans 3 body font for readable content
- Subscription CTA section with 5-star rating decoration
- Full light/dark mode support with WCAG AA contrast compliance
Dependencies
lucide-react for icons (Calendar, MapPin, Music, Ticket, Star, etc.)- Shadcn UI components: Button, Badge, Card, Separator
Customization
- Events: Modify the
events array to change names, dates, venues, and categories
- Colors: Adjust crimson palette (
#DC143C, #E53935) to match your brand
- Typography: Swap Archivo Black for another impact font
- Gradients: Modify card gradient values for different atmospheres
- Grid Layout: Change grid columns for different card arrangements
