Hotels (#304)

Author: polina-c

examples/travel_app/assets/booking_service/README.md

@@ -0,0 +1,27 @@
+# Hotel Image Generation Prompts
+
+This document contains the prompts used to generate images for the fictional "Dart Inn" and "Grand Flutter Hotel" for the travel app.
+
+## The Dart Inn
+
+### Core Prompt
+
+A beautiful, modern hotel named **'The Dart Inn'**. It features sleek, minimalist architecture with sharp, clean lines. The building has a subtle color palette of deep blues and teals, inspired by the Dart language logo, with glowing white accents. The scene is at dusk, with warm interior lights contrasting the cool exterior tones, creating a professional and inviting atmosphere.
+
+### Style & Format
+
+-   **Style:** Photorealistic, high-resolution, architectural photography.
+-   **Inspiration:** Use the Dart language logo for color and style inspiration.
+-   **Application:** The image is for a mobile app. Details should be clear but not overly complex, with the hotel name and any logos being large and easily visible.
+
+## The Grand Flutter Hotel
+
+### Core Prompt
+
+A stunning, vibrant hotel called **'The Grand Flutter Hotel'**. The architecture is expressive and fluid, with graceful curves and beautiful, layered balconies. The hotel is adorned with the bright, friendly blue of the Flutter logo, and its facade features a dynamic, colorful light display. The setting is a bright, sunny day, making the hotel look welcoming and full of creative energy.
+
+### Style & Format
+
+-   **Style:** Photorealistic, high-resolution, capturing a feeling of beauty and innovation.
+-   **Inspiration:** Use the Flutter logo for color and style inspiration.
+-   **Application:** The image is for a mobile app. Details should be clear but not overly complex, with the hotel name and any logos being large and easily visible.

examples/travel_app/assets/booking_service/dart_inn.png

@@ -74,7 +74,7 @@ class _TravelAppBody extends StatelessWidget {
   Widget build(BuildContext context) {
     final tabs = {
       'Travel': TravelPlannerPage(aiClient: aiClient),
-      'Widget Catalog': CatalogView(catalog: travelAppCatalog),
+      'Widget Catalog': const CatalogTab(),
     };
     return DefaultTabController(
       length: tabs.length,
@@ -105,3 +105,22 @@ class _TravelAppBody extends StatelessWidget {
     );
   }
 }
+
+class CatalogTab extends StatefulWidget {
+  const CatalogTab({super.key});
+
+  @override
+  State<CatalogTab> createState() => _CatalogTabState();
+}
+
+class _CatalogTabState extends State<CatalogTab>
+    with AutomaticKeepAliveClientMixin {
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return CatalogView(catalog: travelAppCatalog);
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+}

examples/travel_app/assets/booking_service/the_grand_flutter_hotel.png

@@ -10,6 +10,7 @@ import 'catalog/input_group.dart';
 import 'catalog/itinerary_day.dart';
 import 'catalog/itinerary_entry.dart';
 import 'catalog/itinerary_with_details.dart';
+import 'catalog/listings_booker.dart';
 import 'catalog/options_filter_chip_input.dart';
 import 'catalog/padded_body_text.dart';
 import 'catalog/section_header.dart';
@@ -30,6 +31,7 @@ final travelAppCatalog = CoreCatalogItems.asCatalog().copyWith([
   inputGroup,
   optionsFilterChipInput,
   checkboxFilterChipsInput,
+  listingsBooker,
   travelCarousel,
   itineraryWithDetails,
   itineraryDay,