CoLive Commons

CoLive Commons is a one-page website for co-living and PG rentals aimed at students and young professionals. The hero pairs a big headline and a room finder with an illustrated cut-away house. Below it come a scrolling perks band, room listings with filters, a monthly price breakdown, an amenities grid, resident quotes, house rules, an FAQ and a schedule-a-visit form, then the footer. Rooms can be filtered by sharing type, AC or non-AC and area, with a live count and an empty state; the hero finder applies the same filters. Each room has a pre-filled WhatsApp link, and its Book a visit button fills the visit form. The price breakdown updates line items, a stacked bar, the total and the deposit as you change room type, AC and extras. The visit form checks the details and opens a pre-filled WhatsApp message; nothing is sent to a server. The sample brand, Bengaluru areas, prices, resident names and text are placeholders that the studio replaces with the customer's own. The style is friendly and young: coral and mint on warm cream with sunshine yellow, Baloo 2 headings and Figtree body text, rounded cards, pill buttons, offset shadows and tilted stickers. Motion is gentle and stops for reduced-motion users, and the layout works from phones up. It suits co-living brands, PG and hostel owners, and student housing operators.