Blueways – Hotel & Resort Astro Template

The Blueways hotel and resort design, "Chart Room", as an Astro 7 static-site project: chart paper, ink navy and lagoon blue, Libre Caslon headlines and IBM Plex coordinates. Rooms, the menu, guest quotes and the gallery live in JSON 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 stay in rooms.json gets /rooms/<id>/ with a photo switcher, particulars, amenities, questions and a price box that totals the nights with taxes and hands the dates to the booking form. Six rooms, suites and villas are written and ready.
• One list, everywhere: the same rooms fill the filterable rooms page, the home page's room slider, the availability bar, the booking form's room list and the "Other stays" cards. Change a price once and every page follows.
• Reservations: dates, guests, room and extras with a running total, guest details and an in-page confirmation with a reference.
• The restaurant: opening hours, a tabbed menu from menu.json (breakfast, lunch, dinner, drinks) and a table-booking form.
• Three working forms: booking, table and contact, 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.
• SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data, sitemap and robots.txt. Photos are resized and served as WebP by astro:assets.
• Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), a gallery lightbox, a weekly-deal countdown, self-hosted Libre Caslon and IBM Plex fonts, Font Awesome 6, element pages as a style guide, 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.