Airbnb

Overview

Airbnb is a vacation-rentals marketplace homepage recreation by SonoJS. Built as static HTML, CSS, and vanilla JavaScript with local DM Sans. Pill tabs for All / Homes / Experiences / Services, Become a host chrome, Where · When · Who search bar, and horizontal listing carousels (Popular homes in Madrid, Great hotels, Stay in Prague, Available next month) with Guest favorite badges, ratings, nightly prices, and wish-heart saves. Carousel prev/next, tab switching, scroll-elevated nav, and reveal-on-view. Demo booking UI only - no search or payments backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Search + category pills

   Where / When / Who search bar with All · Homes · Experiences · Services tabs.

2. 02

   Listing carousels

   Madrid homes, hotels, Prague stays, and next-month picks with prev/next controls.

3. 03

   Wish hearts + badges

   Guest favorite chips, ratings, nightly prices, and save-to-wish pop animation.

4. 04

   Zero-build static

   index.html + styles.css + main.js with local DM Sans and listing JPGs - deploy anywhere static.

You get

• index.html + styles.css + main.js (Airbnb marketplace homepage)
• Carousel, tabs, wish buttons, scroll nav, reveal observer
• assets/images/listing-01…28.jpg + logo.svg
• Local DM Sans woff2