Sienna Real Estate Content Grid
An earth-tone property listing grid with warm, natural aesthetics.
Features
- Filter tabs — All, Houses, Apartments, Condos with reactive filtering
- Property cards — Gradient image placeholders, specs, pricing
- Bed/Bath/SqFt — Icon-labeled property specifications
- Lora typeface — Humanist serif via Google Fonts
- Earth-tone palette — Sienna, terracotta, olive, beige
- Grain texture — SVG noise overlay for organic feel
- Dark mode — Deep warm tones with maintained contrast
- Tags — Featured, New, Price Drop badges on cards
Dependencies
@/components/vue-ui/card — Card, CardContent, CardFooter@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/tabs — Tabs, TabsList, TabsTrigger@/components/vue-ui/separator — Separatorlucide-vue-next — BedDouble, Bath, Maximize2, MapPin, ArrowRight icons
Customization
- Properties: Edit the properties array with your listings
- Colors: Swap sienna tones for other earth palettes
- Tabs: Add or remove property type filters
- Images: Replace gradient placeholders with actual images
