Astro 6 Demo Map

Tapa Hotel Preview

Explore the Tapa Hotel demo map. Each card represents a hospitality direction that can become a Webdevful Astro route, converted in focused tasks with shared components, typed content, and owned assets.

Showcase Built Demos

Built Route Status

Demo Indexes Ready To Review

Tapa Hotel Demo 4 index Open Index
Built batch 33 routes

Demo 4 Light sidebar batch

Full batch: index, layouts 2-13, about, rooms, rooms2, rooms3, room-details, spa-wellness, restaurant, services, facilities, pricing, gallery, team, faq, careers, news, news2, post, contact, 404, and coming-soon pages. Video hero routes index5 and index7 use owned Unsplash imagery.

demo4-light /demo4-light/
Open Index Open Layout 2 Open Layout 3 Open Layout 4 Open Layout 5 Open Video 2 Open Video 3 Open Slideshow 1 Open Slideshow 2 Open Slideshow 3 Open Parallax 1 Open Parallax 2 Open Parallax 3 Open About Open Rooms 1 Open Rooms 2 Open Rooms 3 Open Room Details Open Spa & Wellness Open Restaurant Open Gallery Open Services Open Facilities Open Pricing Open Team Open FAQ Open Careers Open News Open News 2 Open Post Open Contact Open 404 Open Coming Soon Source

Light Version

Tapa Hotel Demo 1 preview
Open Demo
Built /demo1-light/

Demo 1 Light - Fullscreen Multipage

Fullscreen hospitality homepage establishing the shared Webdevful demo shell.

Tapa Hotel Demo 1 Layout 2 preview
Open Demo
Built /demo1-light/index2/

Demo 1 Layout 2 Light - Rooms Feature Variant

Second fullscreen homepage layout in the Demo 1 source namespace, preserving the rooms2 carousel and booking surfaces.

Tapa Hotel Demo 1 Layout 3 preview
Open Demo
Built /demo1-light/index3/

Demo 1 Layout 3 Light - Flip Card Rooms Variant

Third fullscreen homepage layout in the Demo 1 source namespace, preserving the rooms3 flip-card carousel and booking surfaces.

Tapa Hotel Demo 1 Layout 4 preview
Open Demo
Built /demo1-light/index4/

Demo 1 Layout 4 Light - Rooms Carousel Variant

Fourth fullscreen homepage layout in the Demo 1 source namespace, preserving the rooms1 carousel with the expanded six-room sequence.

Tapa Hotel Demo 1 Video 1 preview
Open Demo
Built /demo1-light/index5/

Demo 1 Video 1 Light - Fullscreen Video Hero

First video-led homepage layout in the Demo 1 source namespace, preserving the fullscreen video hero and source interaction stack.

Tapa Hotel Demo 1 Video 2 preview
Open Demo
Built /demo1-light/index6/

Demo 1 Video 2 Light - Fullscreen Video Hero Alternate

Second video-led homepage layout in the Demo 1 source namespace, preserving the alternate video header and source interaction stack.

Tapa Hotel Demo 1 Video 3 preview
Open Demo
Built /demo1-light/index7/

Demo 1 Video 3 Light - Video Hero with Booking Card

Third video-led homepage layout in the Demo 1 source namespace, preserving the fullscreen video hero, right-side booking card, and source interaction stack.

Tapa Hotel Demo 1 Slideshow 1 preview
Open Demo
Built /demo1-light/index8/

Demo 1 Slideshow 1 Light - Kenburns Slideshow Hero

First slideshow-led homepage layout in the Demo 1 source namespace, preserving the Kenburns hero, booking surfaces, and source interaction stack.

Tapa Hotel Demo 1 Slideshow 2 preview
Open Demo
Built /demo1-light/index9/

Demo 1 Slideshow 2 Light - Kenburns Slideshow with Booking Bar

Second slideshow-led homepage layout in the Demo 1 source namespace, preserving the Kenburns hero, over-hero booking bar, and source interaction stack.

Tapa Hotel Demo 1 Slideshow 3 preview
Open Demo
Built /demo1-light/index10/

Demo 1 Slideshow 3 Light - Kenburns Slideshow with Booking Card

Third slideshow-led homepage layout in the Demo 1 source namespace, preserving the Kenburns hero, right-side booking card, and source interaction stack.

Tapa Hotel Demo 1 Parallax Image 1 preview
Open Demo
Built /demo1-light/index11/

Demo 1 Parallax Image 1 Light - Fixed Image Parallax Hero

First parallax-led homepage layout in the Demo 1 source namespace, preserving the fixed-image hero, booking surfaces, and source interaction stack.

Tapa Hotel Demo 1 Parallax Image 2 preview
Open Demo
Built /demo1-light/index12/

Demo 1 Parallax Image 2 Light - Parallax Hero with Booking Strip

Second parallax-led homepage layout in the Demo 1 source namespace, preserving the fixed-image hero, top booking strip, booking card, and source interaction stack.

Tapa Hotel Demo 1 Parallax Image 3 preview
Open Demo
Built /demo1-light/index13/

Demo 1 Parallax Image 3 Light - Parallax Hero with Booking Card

Third parallax-led homepage layout in the Demo 1 source namespace, preserving the fixed-image hero, right-side booking card, and source interaction stack.

Tapa Hotel Demo 1 Grid Background 1 preview
Open Demo
Built /demo1-light/index14/

Demo 1 Grid Background 1 Light - Grid Background Hero

First grid-background homepage layout in the Demo 1 source namespace, preserving the interactive room grid hero and source interaction stack.

Tapa Hotel Demo 1 Grid Background 2 preview
Open Demo
Built /demo1-light/index15/

Demo 1 Grid Background 2 Light - Grid Background Hero with Booking Strip

Final grid-background homepage layout in the Demo 1 source namespace, preserving the interactive room grid hero, booking strip, and source interaction stack.

Tapa Hotel Demo 1 Rooms 1 preview
Open Demo
Built /demo1-light/rooms/

Demo 1 Rooms 1 Light - Room Carousel Subpage

Rooms & Suites subpage in the Demo 1 source namespace, preserving the rooms1 carousel, pricing carousel, booking form, and source interaction stack.

Tapa Hotel Demo 1 Rooms 2 preview
Open Demo
Built /demo1-light/rooms2/

Demo 1 Rooms 2 Light - Room List Subpage

Rooms & Suites subpage in the Demo 1 source namespace, preserving the rooms2 one-up carousel/list pattern, booking form, pricing carousel, and source interaction stack.

Tapa Hotel Demo 1 Rooms 3 preview
Open Demo
Built /demo1-light/rooms3/

Demo 1 Rooms 3 Light - Flip Card Rooms Subpage

Rooms & Suites subpage in the Demo 1 source namespace, preserving the flip-card room grid, pricing carousel, booking form, and source interaction stack.

Tapa Hotel Demo 1 Services preview
Open Demo
Built /demo1-light/services/

Demo 1 Services Light - Services Subpage

Services subpage in the Demo 1 source namespace, preserving the alternating service rows, booking form, clients carousel, and footer utilities.

Tapa Hotel Demo 1 Pricing preview
Open Demo
Built /demo1-light/pricing/

Demo 1 Pricing Light - Pricing Subpage

Pricing subpage in the Demo 1 source namespace, preserving the light and dark pricing-card rows, booking form, clients carousel, and footer utilities.

Tapa Hotel Demo 1 Team preview
Open Demo
Built /demo1-light/team/

Demo 1 Team Light - Team Subpage

Team subpage in the Demo 1 source namespace, preserving the six-member team grid, booking form, clients carousel, and footer utilities.

Tapa Hotel Demo 2 preview
Open Demo
Built /demo2-light/

Demo 2 Light - Fullscreen Multipage

Second fullscreen direction in its own source namespace, separate from Demo 1 layout variants.

Tapa Hotel Demo 2 Layout 4 preview
Open Demo
Built /demo2-light/index4/

Demo 2 Layout 4 Light - Home Layout 4

Fourth homepage layout in the Demo 2 source namespace, preserving the rooms1 carousel, booking surfaces, and source interaction stack.

Tapa Hotel Demo 2 About preview
Open Demo
Built /demo2-light/about/

Demo 2 About Light - About Subpage

About page built from demo2-light/about.html and kept inside the Demo 2 source namespace.

Tapa Hotel Demo 2 Video 3 preview
Open Demo
Built /demo2-light/index7/

Demo 2 Video 3 Light - Video Hero with Booking Card

Video 3 homepage layout in the Demo 2 source namespace, preserving the fullscreen video hero, right-side booking card, and source interaction stack.

Tapa Hotel Demo 3 preview
Open Demo
Built /demo3-light/

Demo 3 Light - Sidebar

Sidebar-based light layout reserved for a later focused demo batch.

Tapa Hotel Demo 4 preview
Open Demo
Built /demo4-light/

Demo 4 Light - Sidebar

Alternate light sidebar composition for later component reuse.

Tapa Hotel Demo 4 Video 2 preview
Open Demo
Built /demo4-light/index6/

Demo 4 Video 2 Light - Video Hero Alternate

Second video-led homepage layout in the Demo 4 source namespace, preserving the alternate video header and source interaction stack.

Tapa Hotel Demo 4 Video 3 preview
Open Demo
Built /demo4-light/index7/

Demo 4 Video 3 Light - Video Hero with Booking Card

Third video-led homepage layout in the Demo 4 source namespace, preserving the fullscreen video hero, right-side booking card, and source interaction stack.

Tapa Hotel Demo 5 preview
Open Demo
Built /demo5-light/

Demo 5 Light - Toggle Menu Multipage

Toggle-menu light homepage with overlay navigation, slider-fade hero, and source interaction stack.

Tapa Hotel Demo 6 preview
View Source Reference
Planned /demo6-light/

Demo 6 Light - Toggle Menu Multipage

Additional light toggle-menu direction for a later focused demo batch.

Dark Version

Tapa Hotel Demo 1 preview
View Source Reference
Planned /demo1-dark/

Demo 1 Dark - Fullscreen Multipage

Dark visual system planned after the first light shell proves the shared architecture.

Tapa Hotel Demo 2 preview
View Source Reference
Planned /demo2-dark/

Demo 2 Dark - Fullscreen Multipage

Second dark fullscreen direction for a later theme-mode batch.

Tapa Hotel Demo 3 preview
View Source Reference
Planned /demo3-dark/

Demo 3 Dark - Sidebar

Sidebar dark layout planned after light and dark base behaviors are available.

Tapa Hotel Demo 4 preview
View Source Reference
Planned /demo4-dark/

Demo 4 Dark - Sidebar

Alternate dark sidebar direction for a later focused route batch.

Tapa Hotel Demo 5 preview
View Source Reference
Planned /demo5-dark/

Demo 5 Dark - Toggle Menu Multipage

Dark overlay-menu composition planned for later demo reuse.

Tapa Hotel Demo 6 preview
View Source Reference
Planned /demo6-dark/

Demo 6 Dark - Toggle Menu Multipage

Additional dark toggle-menu direction queued behind the first shell.

New Demos

Tapa Hotel Beach Resort Hotel preview
View Source Reference
Planned /beach-resort-hotel/

Beach Resort Hotel Oceanfront hospitality

Oceanfront direction for resort properties, beach stays, and leisure lodging brands.

Tapa Hotel Boutique Hotel preview
View Source Reference
Planned /boutique-hotel/

Boutique Hotel Urban boutique stay

Urban boutique direction for smaller premium stays and design-led properties.

Tapa Hotel Campground preview
View Source Reference
Planned /campground/

Campground Outdoor booking concept

Outdoor stay direction for campground, glamping, and nature booking concepts.

Tapa Hotel Countryside preview
View Source Reference
Planned /countryside/

Countryside Quiet escape layout

Quiet escape direction for rural stays, inns, and landscape-led lodging.

Tapa Hotel Mountain Hotel preview
View Source Reference
Planned /mountain-hotel/

Mountain Hotel Alpine lodge layout

Alpine direction for lodges, mountain hotels, and elevated resort brands.

Tapa Hotel Apartment Hotel preview
View Source Reference
Planned /apartment/

Apartment Hotel City centre apartment

Urban accommodation direction for serviced apartments and extended stays.

Tapa Hotel Wedding Center preview
View Source Reference
Planned /wedding/

Wedding Center Event venue pages

Venue direction for weddings, private events, and hospitality-led celebrations.

Tapa Hotel Hostel preview
View Source Reference
Planned /hostel/

Hostel Shared-stay travel

Shared-stay direction for hostels, social travel, and budget-conscious lodging.

Tapa Hotel Treehouse preview
View Source Reference
Planned /treehouse-hotel/

Treehouse Nature lodge concept

Nature-led direction for treehouse hotels, cabins, and secluded stays.

Tapa Hotel Winter & Ski Resort Hotel preview
View Source Reference
Planned /winter-ski-resort-hotel/

Winter & Ski Resort Hotel Ski resort hospitality

Snow-season direction for ski resorts, winter lodges, and alpine retreats.