Unify style

apps/panoramablick/app.vue

@@ -2,4 +2,21 @@
   <NuxtLayout>
     <NuxtPage/>
   </NuxtLayout>
-</template>
+</template>
+
+<script setup>
+const { add } = useToast()
+
+onMounted(() => {
+  add({
+    title: 'Privacy Notice',
+    description: 'We don’t use cookies or tracking. Enjoy your stay.',
+    timeout: 8000,
+    color: 'primary',
+    icon: 'i-heroicons-shield-check',
+    ui: {
+      position: "bottom-center"
+    }
+  })
+})
+</script>

apps/panoramablick/components/AppApartment.vue

@@ -44,7 +44,7 @@
                 size="md"
                 color="primary"
                 variant="solid"
-                trailing-icon="i-heroicons-globe-alt"
+                trailing-icon="i-heroicons-calendar-days"
             >
               {{ t('button.book') }}
             </UButton>

apps/panoramablick/components/AppFooter.vue

@@ -51,7 +51,7 @@
               size="md"
               color="primary"
               variant="solid"
-              trailing-icon="i-heroicons-globe-alt"
+              trailing-icon="i-heroicons-calendar-days"
           >
             {{ t('button.book') }}
           </UButton>

apps/panoramablick/i18n/locales/de.json

@@ -472,12 +472,12 @@
       "parents": {
         "title": "Monika & Norbert",
         "description": "Herzliche Gastgeber – immer mit einem Tipp zur Region parat.",
-        "image": "/family/monika-norbert.webp"
+        "image": "/family/monika-norbert.jpg"
       },
       "children": {
         "title": "Sabrina & Daniel",
         "description": "Jung, aktiv und voller Energie – Sohn Daniel und Tochter Sabrina bringen Schwung ins Haus.",
-        "image": "/family/sabrina-daniel.webp"
+        "image": "/family/sabrina-daniel.jpg"
       }
     }
   },

apps/panoramablick/layouts/default.vue

@@ -12,3 +12,5 @@
     </div>
   </UApp>
 </template>
+<script setup lang="ts">
+</script>

apps/panoramablick/pages/[[variant]]/book.vue

@@ -29,14 +29,14 @@ useHead({
     </div>
 
     <!-- SSR-safe: iframe appears only in the browser -->
-<!--    <ClientOnly>-->
+    <ClientOnly>
-<!--      <iframe-->
+      <iframe
-<!--          id="iframeCapCorn"-->
+          id="iframeCapCorn"
-<!--          src="https://www.capcorn.net/MasterReq?MB=1487&FL=17&LG=0"-->
+          src="https://www.capcorn.net/MasterReq?MB=1487&FL=17&LG=0"
-<!--          frameborder="0"-->
+          frameborder="0"
-<!--          width="100%"-->
+          width="100%"
-<!--          scrolling="auto"-->
+          scrolling="auto"
-<!--      />-->
+      />
-<!--    </ClientOnly>-->
+    </ClientOnly>
   </AppFlatSection>
 </template>

apps/panoramablick/pages/[[variant]]/contact.vue

@@ -36,7 +36,7 @@
 
         <p class="text-neutral-600 mb-4 max-w-prose">
           {{ t('contact.online-1') }}
-          <UButton :to="variantPath('book')" variant="outline" trailing-icon="i-heroicons-arrow-right">{{
+          <UButton :to="variantPath('book')" variant="outline" trailing-icon="i-heroicons-calendar-days">{{
               t('contact.online-2')
             }}
           </UButton>
@@ -63,7 +63,7 @@
                        :placeholder="t('contact.form.message')"/>
           </UFormField>
 
-          <UButton type="submit" color="primary" size="lg" class="w-full sm:w-auto">
+          <UButton type="submit" color="primary" size="lg" class="w-full sm:w-auto" trailing-icon="i-heroicons-paper-airplane">
             {{ t('contact.form.send') }}
           </UButton>
         </UForm>
@@ -126,7 +126,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
     toast.add({
       title: 'Fehler',
       description: 'Hotel-ID ist nicht konfiguriert!',
-      color: 'red'
+      color: 'primary'
     })
     throw new Error('Hotel ID not configured')
   }
@@ -144,7 +144,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
     toast.add({
       title: 'Nachricht gesendet',
       description: 'Vielen Dank – wir melden uns bald.',
-      color: 'green'
+      color: 'primary'
     })
 
     /* reset fields */
@@ -153,7 +153,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
     toast.add({
       title: 'Fehler',
       description: err?.data?.detail ?? err?.message ?? 'Nachricht konnte nicht gesendet werden.',
-      color: 'red'
+      color: 'primary'
     })
   }
 }

apps/panoramablick/pages/[[variant]]/index.vue

@@ -35,7 +35,7 @@
                        trailing-icon="i-heroicons-arrow-right">{{ t('button.apartments') }}
               </UButton>
               <UButton :to="variantPath('book')" color="secondary" variant="solid" size="xl"
-                       trailing-icon="i-heroicons-globe-alt">
+                       trailing-icon="i-heroicons-calendar-days">
                 {{ t('button.book') }}
               </UButton>
               <UButton :to="variantPath('contact')" color="secondary" variant="solid" size="xl"