Resort Astro Theme is a premium Astro template for resorts, boutique hotels, lodges, holiday villas and wellness retreats. It gives your property a calm, photo-led website that loads fast, ranks well, and turns visitors into booking enquiries.
Most hotel websites are slow, cluttered and hard to update. This theme takes the opposite approach. Every page is pre-rendered as static HTML with Astro 7, so it loads almost instantly on any device. Your rooms, experiences, and offers live in simple data files, so you can update prices or add a new villa without touching the layout.
Why choose this Resort Astro Theme?
Guests decide in seconds whether a resort feels right. The theme opens with a full-screen hero, a clear booking bar, and generous photography. Spacious layouts, soft typography and a lime-and-forest palette create a relaxed, premium feel that suits lakeside retreats, beach resorts, mountain lodges and eco stays alike.
Behind the design is a structure built for conversions. Each room page answers the questions guests ask before they book. An availability search sends dates and guest numbers straight into a prefilled enquiry form. Strong calls to action appear on every page without feeling pushy.
Features of the Resort Astro Theme
35 ready-made pages
You get a complete hotel website, not just a homepage. The theme includes:
- Homepage with hero, availability search, featured rooms, amenities, testimonials, and journal
- About, Amenities, Dining, Offers and Location pages
- Rooms & Villas listing with category filters
- Individual room and suite pages generated from one data file
- Experiences listing and detail pages for spa, dining, tours and family activities
- Filterable photo gallery with an accessible lightbox
- Booking enquiry, Contact and FAQ pages
- Journal (blog) with pagination, plus Privacy, Terms and a custom 404 page
Room and suite pages that sell the stay
Every room page includes a Swiper.js photo gallery with synced thumbnails, key facts (guests, beds, size, view), highlights and amenity icons. A sticky booking panel shows the indicative price, check-in and check-out times, and a date picker. Related rooms appear below to keep guests exploring. To add a room, copy one entry in rooms.ts. The page, the menu link and the listing card are created automatically.
Booking enquiry flow and booking engine integration
The availability search validates dates and guests. It blocks past dates and makes sure check-out comes after check-in. It then hands the details to the booking page, where the enquiry form is prefilled. Connect Formspree, Web3Forms, Netlify Forms, or your own API by setting a single URL. Already use a booking engine such as Cloudbeds, SiteMinder or Mews? Add its URL and map the parameter names, and searches go straight to your reservation system.
Experiences, dining and offers
Showcase what makes your property special. Experience pages cover spa rituals, chef’s table dinners, kayak tours, forest trails and kids’ clubs, each with an at-a-glance fact card. The dining page presents restaurants and bars. The offers page lists packages with inclusions, terms and pricing.
Gallery, journal and FAQ
The gallery uses a CSS-grid mosaic with category filters and a lightbox that works with the keyboard. The Markdown-powered journal supports categories, tags, reading time, previous and next links and related posts. The FAQ page uses native accordions and adds FAQPage structured data automatically.
Built for speed, SEO and accessibility
This hotel Astro theme is engineered for Core Web Vitals and search visibility:
- Performance: static output, no UI framework, responsive images with srcset, lazy loading, and self-hosted, preloaded fonts. Tested pages scored 97–99 on Lighthouse mobile performance, with zero layout shift.
- Technical SEO: canonical URLs, Open Graph and Twitter cards, an XML sitemap, robots.txt, an RSS feed and JSON-LD for WebSite, your business (Resort, Hotel or LodgingBusiness), BreadcrumbList, BlogPosting and FAQPage.
- Accessibility: a skip link, accessible dropdown and mobile menus, visible focus states, labelled forms and WCAG AA colour contrast. axe-core reports zero violations on every template, and tested pages score 100 for Lighthouse accessibility.
- Responsive design: layouts tested from 320px phones to 1920px desktops, with no horizontal scrolling.
Easy to customise
You do not need to be an Astro expert to make the theme your own:
- Change the resort name, contact details, social links and currency in one config file.
- Swap colours and fonts in a single design-tokens stylesheet
- Replace photos in one image registry, used by every page.
- Edit rooms, experiences, offers, dining, gallery and FAQs in typed data files
- Write journal posts in Markdown.
A detailed README walks you through installation, customisation, booking integration, forms and deployment.
Deploy anywhere
The theme builds to plain static files. Deploy to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any Apache or LiteSpeed host; .htaccess files are included. A single BASE_PATH setting lets you run the site from a sub-folder such as example.com/resort/.
Who is this theme for?
- Resorts, spas and wellness retreats
- Boutique hotels, inns and guesthouses
- Holiday villas, lodges, cabins and glamping sites
- Agencies and developers building hospitality websites for clients
What’s included
- Full Astro 7 source code with TypeScript
- 35 pages and reusable components
- Seven sample journal articles
- Demo logo, favicons, and a design-tokens stylesheet
- Detailed documentation
The demo photos come from Pexels and are not bundled. Replace them with your own photography before launch.
Ready to give your property a website as relaxing as a stay? Get the Resort Astro Theme today and launch a fast, beautiful, enquiry-ready resort website.
