Everything you need to know before clicking through the prototype. Nothing here is in production — this is for design review only.
All 17 pages are built and clickable. The site is fully responsive — open it on your phone and it'll work. The topbar collapses on mobile. The booking button (every "Book Now" / "Check Availability" CTA) opens the real Cloudbeds booking widget for property xdZJ14 — that part works end-to-end. Promo codes pre-fill via the data-promo attribute, so clicking Use code · 2NIGHTS20 actually opens Cloudbeds with the discount applied.
Every page uses the same fonts, color system, and layout grid. The visual language is locked. What's still open for discussion: room rates, room descriptions, exact policies, and the final photography for the spaces we haven't shot yet.
A few things on the site are placeholders so you can see the layout — they're not the final answer.
data-reveal attribute triggers a gentle fade-in as you scroll. No parallax, no fancy GSAP transitions, no scroll-jacking. That's a design choice — we can layer more in if you want it.You called the bar a "real showpiece" and the #1 priority for prominence — so it got its own page (/bar), its own slate-dark section on the homepage, and a callout on every room page's amenities. It's visually the most ambitious moment on the homepage, and intentionally so.
Everywhere else the site is warm cream and chocolate. The bar section flips to --c-slate-deep (a deep green-charcoal) because that's the actual feel of the room — caramel velvet and brass against shadow. The contrast pulls your eye there.
The Midweek Reset banner on the homepage sits low — after the rooms and the bar, before the reviews. Reason: people scrolling that far are already considering booking. That's the moment to nudge with a code, not earlier when they're still deciding if they like you.
The current site has one /events page that tries to be everything. The new structure splits into /weddings, /corporate-retreats, /retreats, with a shared /group-inquiry form. Better for SEO, better for clarity, and lets each page sell in the right voice for that audience.
On index.html the top nav fades in over the hero image. On every subpage it sits solid against a dark blur. Same component, different state. Subtle, but reads as more polished.
Hover over any room card on the homepage or rooms index — the card lifts, the photo zooms slightly. Small interaction, but it's the difference between a card that feels static and one that feels clickable.
When you click any "Book Now" button, Cloudbeds loads inside an overlay modal on top of the current page. The user never leaves The Burgundy. Smaller bounce, more polish, and they come back to the right context after booking.
The bar page calls out "open to guests and locals" and treats it as a destination on its own. Reason: the bar is a marketing tool for the hotel. Locals who try the bar talk about it; that talk fills the rooms. The page sells both at once.
The current photo set covers the rooms beautifully (especially the recent Gianna Christina shoot and the additional editor pulls), but a handful of property features have no photography yet:
Until those exist, I've made the existing rooms work double-duty by using burgundy-d8.jpg (the wide exterior) wherever a "property at large" photo is needed.
xdZJ14 at launchburgundy-2406.jpg, 2404, 1928, 1932) are actually the new common-area bar you've been talking about — not a styled in-unit bar. Want to make sure I'm not selling something I shouldn't be.Open index.html in any browser. Click around. Try the booking flow — it really opens Cloudbeds. Try the navigation. Try resizing your browser to mobile-narrow to see how it collapses. The fonts will load from Google. The images will load from the local folder.
If something feels off — wrong word, weird photo placement, broken link — write it down and we'll fix it. This is review-grade, not launch-grade. The point is to get to "yes that's the direction" before we wire anything to production.
Built with the audit, the brand profile, the photo curation manifest, and what you've told me in person. — Claude