Burgundy Comparison Shelf
An elegant real estate property comparison block with a luxury aesthetic.
Features
- Deep burgundy (#881337) and warm gold (#D4A574) color palette on dark bg (#1A0A0A)
- Cormorant Garamond heading font for refined, high-end typography
- 3-column property comparison with gradient image placeholders
- Property badges (Featured, Exclusive, New Listing) and star ratings
- Feature grid: bedrooms, bathrooms, sqft, and garage per property
- Amenities comparison table with check/x indicators
- Clickable cards with ring highlight on selection
- Request Viewing CTA button per property
- Dark mode support with deeper background
- WCAG AA compliant contrast ratios
Dependencies
lucide-react for icons- Shadcn UI: Card, Badge, Separator, Button
Customization
- Replace property data with real listings
- Add more amenity comparison rows
- Swap gradient image placeholders with real property photos
- Adjust burgundy/gold palette to match your brand
- Connect CTA buttons to booking or inquiry forms
