A free, editorial-luxury boutique-hotel website template. Eight designed pages, a custom booking widget (date-range calendar + occupancy), scroll parallax, and a fully responsive, dropdown nav. Built with Next.js + Tailwind CSS.
Made by SUUR.
npm install
npm run devOpen http://localhost:3000.
Home, Rooms, Amenities, Gallery, Offers, Events, Weddings, Contact.
- Brand: the wordmark, palette (
#FBF9F4ivory /#1A1A1Aink /#A8884Fbrass), and fonts (Fraunces + Inter) are set insrc/app/layout.tsxand used via Tailwind arbitrary values throughout. - Images: replace the files in
public/images/(keep the filenames, or update the references in the page components). - Booking widget:
src/components/hotel-template/BookingBar.tsxis a UI shell — it posts nowhere. Wire it to your booking engine (SynXis, OPERA, Cloudbeds) by replacing the form handler. - Copy & rooms/offers data: edit the arrays at the top of each page in
src/app/.
SUUR will customize the brand, wire your real booking engine, and ship it for your property in a 5-day Sprint — 20 years designing for Marriott, Hard Rock, Loews, and Edition. → https://suur.io/hotel-website-template
MIT — see LICENSE. Use it, change it, ship it. Credit appreciated, not required.