What is Natura?

Natura is a mountain retreat website demo with seasonal storytelling, room booking, itinerary planning, and an AI concierge. It is a useful example of building a hospitality website with AI for nature, wellness, culinary, and experience-led travel.

Key features of Natura

Visitors can switch between summer and winter moods, explore rooms and experiences, open booking and contact modals, browse editorial sliders, ask the concierge trip-planning questions, and request itinerary-style recommendations for a stay.

How Natura was built

The source uses React Router pages, booking and concierge components, and AppDeploy backend routes for rooms, availability, bookings, itineraries, concierge history, concierge chat, and notifications. The backend stores bookings, itineraries, and chat history while calling AI for recommendations.

Prompt used to build Natura

Build a luxury boutique hotel website for a family-owned mountain retreat in the Colorado Rockies. The design should feel serene and elevated - dark forest green and warm cream palette, elegant thin serif typography with a script accent font for the brand name, and a full-height hero with oversized typographic treatment of the hotel name, animated rotating taglines, and an orange "Check Availability" CTA. Include a working Summer/Winter toggle that transforms the hero content, tagline set, and overall mood between seasons. Below the hero, add an editorial content slider with a large rounded image on the left, descriptive copy on the right, and arrow/dot controls cycling through wellness, hiking, culinary, and altitude retreat content. Create navigable pages for: Rooms & Suites with alternating two-column layouts for 4 room types showing size, view info, feature lists, nightly pricing, and "Book This Room" CTAs; plus dedicated pages for nature, culinary, experiences, and wellness - each as two-column image+text layouts that alternate sides. Include a guest reviews grid with star ratings, a sustainability commitment section, and a footer with booking/contact/map links. Add a "Plan Your Stay" page with a concierge-led planning concept, a headline like "Plan your stay in conversation," three planning highlight cards, a preview panel with a sample concierge exchange and suggested request pills, and a "Start Planning" CTA that opens a floating AI concierge drawer - a centered chat interface with quick-prompt chips and session-persistent conversation where guests can ask about dining, spa, rooms, hiking, or trip pacing and get tailored hotel-specific recommendations. Include a step-based booking modal with Dates, Room, and Details steps and a confirmation view. The floating navigation bar should smoothly transform from full-width at the top to a centered pill on scroll.

Live Natura demo

Open the live Natura app

See more Business apps