Garnet Error Vault
A dramatic, moody 404 error page designed for hospitality and hotel platforms.
Features
- Massive "404" text rendered in semi-transparent garnet red
- Decorative keyhole SVG centered over the 404 numerals
- Subtle door frame outline border decoration
- Grain/noise texture overlay for atmospheric depth
- Hotel-themed copy: "Room Not Found" with reservation language
- Primary CTA: "Return to Lobby" with garnet styling
- Secondary CTA: "Contact Concierge" with outline style
- Error reference card with mock booking number
- Footer navigation links
- Bodoni Moda serif typography for luxury hotel feel
- Dark-first design with garnet red (#991B1B, #B91C1C) accents
Dependencies
lucide-react for ArrowLeft and Phone icons- Shadcn
Button component
Customization
- Adjust garnet color values (#991B1B, #B91C1C) to match your brand
- Edit the hotel-themed copy and booking reference
- Replace the keyhole SVG with a custom illustration
- Modify CTA button actions and labels
- Add actual navigation links to the footer
