A
Anonymous

Block Details Flats Section - Copy this React, Tailwind Component to your project

Create a Component for Block Details Page: Flats Section Title: Include a title that says "Flats of [Block Name]". Color Grading Info: In the top right corner, display color coding for flat availability: Booked: Red Under Process: Yellow Available for Booking: Green Flat Cards: Create a card for each flat with the following details: Flat Number Floor Number Total Price Approximate Booking Price (may vary at booking time) Flat Area Card Interaction: On hover, the card should flip to reveal a swiper or React slider showcasing images of the flat. Card Color: The card's background color should reflect the flat's availability status.

Prompt
Component Preview

About

BlockDetailsFlatsSection - Showcases flats with titles, color-coded availability, interactive cards with images, and pricing details. B. Get free template!

Share

Last updated 1 month ago