Shared Package Library

HotelHeroGallery

Common

import HotelHeroGallery from "@dertour/ui/components/common/HotelHero/HotelHeroGallery"

packages/ui/src/components/common/HotelHero/HotelHeroGallery.tsx · not yet imported by any brand app

Internal to `HotelPage_Hero_Summary_001`: the gallery strip under the hero copy (Figma `gallery`). Two across on mobile, five across on desktop, no gutters, every tile a 5:3 crop. The tiles are the hero's **image switcher**: choosing one swaps the main photo above, and the chosen tile is marked with `aria-pressed` plus a brand outline. The "view all" roundel opens the full gallery — on desktop it is centred over the last tile, which carries a dark overlay behind it; on mobile it pins to the strip's bottom-right corner. With no `onSelectImage` the tiles render as static images, and with no `onViewAllImages` the roundel and its overlay are omitted rather than rendered inert.


Loading demo…