PG and hostel website with a 3D room and bed booking template

This PG and hostel website template is for paying guest and co-living operators with houses for working professionals and students. The hero is a room in real 3D: the visitor switches between single, double and triple sharing and the beds, desks and wardrobes move into place, and they can turn the AC on to see the price change. It ships with a fictional Pune co-living brand, sample rents and sample terms, so you can click through every page first.

The template has five pages:

• Home: the 3D room with the monthly rent including food, the houses, photos, amenities and sample resident notes.
• Rooms and prices: rooms across the houses with filters for gender, sharing, AC, budget and free beds, and a breakdown of rent, food and electricity.
• Food and amenities: the weekly veg and non-veg menu, amenities, house rules and security.
• Book a visit: an in-person or video visit form, and a three-step flow to reserve a bed with a token amount.
• Location: the houses on a drawn map with routes to tech parks, colleges and the metro, distances, and FAQs for parents and students.

The 3D runs in the browser with no app or plug-in. On phones, a tab bar at the bottom keeps all five pages one tap away.

The static version uses sample rooms, rents and terms, and bookings do not go anywhere yet. When we make it dynamic, your houses, rooms and free beds come from an admin panel, visit requests go to your CRM with a WhatsApp alert, residents pay the token and monthly rent online by UPI, and they can raise complaints from their own login.