# travel_app

Application’s built-in travel fixtures; fresh browser profile; booking UI is a demo. Required public Roboto and Noto Symbols fonts are cached outside the original project.

## Animated WebP

![travel_app interaction demo](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/travel-app-interaction.webp)

![Travel app: Flutter mobile home, upcoming flights and hotel cards.](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/travel-home.webp)

![Travel app: hotel search filtered to Kyoto.](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/hotel-search.webp)

![Travel app: hotel actions bottom sheet; no booking or payment submitted.](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/hotel-bottom-sheet.webp)

![Travel app: Flutter ticket view and mobile navigation.](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/tickets.webp)

![Travel app: traveler profile and account navigation using built-in demo data.](/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/traveler-profile.webp)

## Reduced-motion HTML

```html
<!-- Copy this asset directory to /showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/. Demo data: Application’s built-in travel fixtures; fresh browser profile; booking UI is a demo. Required public Roboto and Noto Symbols fonts are cached outside the original project. -->
<picture>
  <source media="(prefers-reduced-motion: reduce)" srcset="/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/travel-home.webp">
  <img src="/showcase/travel_app/2026-09-10T11-00-57-811Z-0adc/travel-app-interaction.webp" alt="travel_app: Use the mobile Search navigation tab; Switch from flights to hotels; Filter hotels by Kyoto; Open hotel actions in a bottom sheet; Dismiss the hotel sheet using Escape; Switch to the Tickets tab; Switch to the Profile tab." width="390" height="844" loading="lazy" decoding="async">
</picture>
```