Every HTML template is free to download and use on unlimited sites. See how pricing works
ThemeVault

BayHome – Hotel & Travel Astro Template

The BayHome hotel design as an Astro 7 project: a page for every room, a three-step booking form with a live total, offers, a filterable gallery, Markdown news posts, SEO, and forms that post to your endpoint.

Try the live demo

Astro Template · single-site commercial license · included with Pro

  • Astro
  • Bootstrap 5
  • HTML
  • CSS
  • JS
  • Released Nov 2026
  • v1.0 · Nov 2026
bayhome astro · live demo
  • 19 pages+ 3 HTML emails
  • v1.0updated Nov 2026

The BayHome small-hotel design as an Astro 7 static-site project. The long home page keeps its rooms, offers, gallery, guest reviews, news and contact sections, and the inner pages cover rooms, booking, offers, the gallery, news and an FAQ. Rooms, reviews, photos and posts live in content files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.

  • A page for every room: each room in rooms.json gets /rooms/<id>/ with a five-photo mosaic that opens full size, key facts, highlights, amenities, house rules, its own guest reviews and a booking card that works out the price for your dates. The home page, the rooms page (with a For two / For families filter) and the booking form read the same list.
  • Three-step booking: dates and guests, a room, optional extras (breakfast in bed, a spa morning, airport transfer, late check-out) and the guest's details, with a live summary and estimated total. A room page's Reserve button carries its dates across.
  • News in Markdown: four posts ready to edit, newest first on the home page, plus an RSS feed.
  • Working forms: booking, contact and newsletter, with validation, posting to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own), one address per form if you like. Three matching HTML emails are included.
  • Your video: one setting in site.json puts your hotel film behind the play button.
  • SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data, sitemap, robots.txt and RSS. Photos are resized and served as WebP by astro:assets.
  • Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), self-hosted Roboto, Playball and Herr Von Muellerhoff fonts, Font Awesome 6, a UI kit of ten component pages, strict TypeScript with npm run check. Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host.

Includes a README, a CONTENT guide to every file and field, and an online documentation page with screenshots. Photos in the download are blurred placeholders for your own.

  • A page for every room with photos, amenities, house rules, reviews and a booking card, from one rooms.json
  • Three-step booking with extras and a live estimated total; ?room= and the room pages pre-fill it
  • Rooms page with a For two / For families filter and a filterable photo gallery with a lightbox
  • Four Markdown news posts, newest first on the home page, plus an RSS feed
  • Booking, contact and newsletter forms that post to Formspree, Netlify Forms or your own endpoint
  • SEO head, sitemap and WebP photos; astro check passes with 0 errors

Pages

Every page

See all 21 pages at a glance

Each page is built and ready, including the emails.

BayHome Astro on a phone

The home page on a phone, as it looks in the live demo.

Questions

About this template

What does the license cover?

One website, commercial use included. Read the license for the full terms.

Is BayHome Astro included with Pro?

Yes. Pro includes every format of every design, with the credit link removed, for $49.00₹2,999 a year as one payment.

Will I get updates?

Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.

Are the photos included?

The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.

Subscribe Us

Keep looking

View Similar Templates

All templates
From the blog

View Blog

Live preview

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.