# Sabattus Shalomus Wireframes — To-Do / Roadmap

Next screens & interactions to build on top of the current wireframes
(**Hero Design.dc.html** + **Split Design.dc.html**, sharing the component set:
Menu · ContactButton · Title · GuideSection · Gallery · SocialFeed · CallOut ·
Booking · Weather · Reviews · Contact · ImagePlaceholder).

---

## 1 · Booking drawer
- Slide-over panel triggered from the **Booking** card ("Check availability").
- Holds the 2-month "Select check-in date" calendar, guest stepper, price summary.
- Overlay + scrim; closes on backdrop click / esc.

## 2 · Actual booking flow
- Multi-step: **Dates → Guests → Review → Confirm** (off-site handoff to Airbnb/VRBO).
- Wire the drawer's "Check availability" into step 1; carry selection through steps.
- Empty / selected / error states for each step.

## 3 · Attractions Guide page
- Dedicated page behind the **Attractions Guide** CallOut.
- Full "Our Personal Favorites" grid + the big Google My Maps embed, expanded.
- Per-spot detail (photo, description, map link, hours).

## 4 · House Manual page
- Dedicated page behind the **House Manual** CallOut.
- Sections: check-in/out, wifi, appliances, trash schedule, rules, emergency contacts.
- Download (PDF) affordance + "Ask Sabattus Bot" recurring helper.

## 5 · Photo gallery (Show all photos)
- Full-screen / full-bleed gallery behind the **Show all photos** button (both heroes).
- Grouped by room/area; lightbox on tap; counter.

---

_Status: wireframes are lo-fi greybox, component-labeled (black ⬡ component · grey ◇
subcomponent · violet ◆ unique). These items extend them into linked pages + flows._