Description
Luxury alpine resort with chapter-based storytelling, full-screen menu overlay, floating AI concierge with session-persistent chat, and step-based booking modal.
Prompt
Build a website for an exclusive boutique alpine resort in a car-free Swiss mountain village - the design should feel serene and luxurious with a warm stone/cream color scheme, refined serif-heavy typography with light font weights, and understated elegance throughout. The hero should be a full-screen auto-advancing image slider with three poetic tagline messages, left-side dot navigation, right-side slide counter, centered resort wordmark, and a hero booking bar with a "Book directly" dropdown showing direct-booking benefits.... The site should use a chapter-based storytelling structure with animated scroll-reveal sections: Chapter I for luxury suites with panoramic mountain views and plunge pool imagery, Chapter II for an alpine wellness spa with treatment descriptions and pool/sauna imagery on an alternating background tone, Chapter III for the restaurant with terrace dining and plated-dish photography, and a fourth chapter for curated alpine experiences and concierge-led excursions - each with animated fade-in on scroll and image hover scale effects. Create separate pages for: suites with 4 room types showing size in m2, CHF pricing, feature lists, and booking CTAs; spa with a facilities grid and treatment menu with pricing; restaurant with a full breakfast/lunch/dinner/dessert menu; experiences with seasonal activity categories; and a contact page with form and getting-there info. Include a full-screen menu overlay with navigation links in lowercase serif. Feature a floating AI concierge button that opens a centered chat drawer with a greeting, session-persistent conversation where guests can ask about dining, spa, suites, hiking, skiing, or the local area and receive tailored recommendations - closing and reopening the drawer preserves conversation history. Include a step-based booking modal with Dates, Room, and Details steps and a confirmation view. The header should transition from transparent to solid on scroll.