Enhance Home page with new sections and image presets

Added new event images and introduced HomeEntrieWithImagePreset component for consistent image-text layouts. Updated Home.vue to include new sections for club values and events (Nikolausturnier, Wettkämpfe, Kinoabende) with tab navigation. Refactored carousel and improved HomeEntrie for better mobile/desktop title handling. Renamed CarouseWithTitle.vue to CarouselItemWithTitle.vue for clarity.

GUI/src/routes/Home.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
-import CarouseWithTitle from '@/components/CarouseWithTitle.vue';
+import CarouselItemWithTitle from '@/components/CarouselItemWithTitle.vue';
 import HomeEntrie from '@/components/HomeEntrie.vue';
+import HomeEntrieWithImagePreset from '@/components/HomeEntrieWithImagePreset.vue';
+import { ref } from 'vue';
+
+const tab = ref("1");
 </script>
 
 <template>
@@ -11,7 +15,7 @@ import HomeEntrie from '@/components/HomeEntrie.vue';
       <v-container
         id="main"
         :style="{
-          maxWidth: $vuetify.display.smAndDown ? '100vw' : '60vw',
+          maxWidth: $vuetify.display.smAndDown ? '100vw' : '70vw',
         }"
         fluid
       >
@@ -45,14 +49,93 @@ import HomeEntrie from '@/components/HomeEntrie.vue';
               hide-delimiter-background
               class="rounded-lg"
               cycle
-              interval="6000"
+              interval="8000"
             >
-              <carouse-with-title text="Werfen" image="/static/images/whatsJudo/throw.jpg"/>
-              <carouse-with-title text="fixieren am Boden" image="/static/images/whatsJudo/hold.jpg"/>
-              <carouse-with-title text="Trainieren aller Muskelgruppen" image="/static/images/whatsJudo/stabil.jpg"/>
+              <carousel-item-with-title text="Werfen" image="/static/images/whatsJudo/throw.jpg" />
+              <carousel-item-with-title
+                text="fixieren am Boden"
+                image="/static/images/whatsJudo/hold.jpg"
+              />
+              <carousel-item-with-title
+                text="Trainieren sämtlicher Muskelgruppen"
+                image="/static/images/whatsJudo/stabil.jpg"
+              />
             </v-carousel>
           </template>
         </home-entrie>
+        <home-entrie
+          title="Unsere Werte beim Judo"
+          extra-beside-text
+          :extra-width-percent="50"
+          title-in-split-right
+        >
+          <template #text>
+            Zu dem Spielen beim Judo die Werte wie <b>Respekt</b>, <b>Disziplin</b> und
+            <b>Selbstbehauptung</b> eine große Rolle und so werden auch diese Werte bei uns
+            gefördert.
+          </template>
+          <template #extra>
+            <v-timeline align="start" side="end">
+              <v-timeline-item dot-color="blue">
+                <h6 class="text-h6">Respekt</h6>
+              </v-timeline-item>
+              <v-timeline-item dot-color="green">
+                <h6 class="text-h6">Selbstbehauptung</h6>
+              </v-timeline-item>
+              <v-timeline-item dot-color="orange">
+                <h6 class="text-h6">Disziplin</h6>
+              </v-timeline-item>
+            </v-timeline>
+          </template>
+        </home-entrie>
+
+        <home-entrie title="Und sonst so?"></home-entrie>
+        <v-tabs color="#b62b2b" v-model="tab" :show-arrows="$vuetify.display.mobile">
+          <v-tab value="1">Nikolausturnier</v-tab>
+          <v-tab value="2">Wettkämpfe</v-tab>
+          <v-tab value="3">Kinoabende</v-tab>
+        </v-tabs>
+
+        <v-divider></v-divider>
+
+        <v-tabs-window v-model="tab">
+          <v-tabs-window-item value="1">
+            <home-entrie-with-image-preset
+              title="Nikolausturnier"
+              image="/static/images/nikolausturnier/total.png"
+            >
+              <template #text>
+                Ein Highlight im Jahreskalender ist unser alljährliches Nikolausturnier, bei dem
+                Judoka aller Altersgruppen zusammenkommen, um ihre Fähigkeiten zu messen und
+                gemeinsam Spaß zu haben.
+              </template>
+            </home-entrie-with-image-preset>
+          </v-tabs-window-item>
+          <v-tabs-window-item value="2">
+            <home-entrie-with-image-preset
+              title="Wettkämpfe"
+              image="/static/images/wettkampf/total.jpg"
+            >
+              <template #text>
+                Für diejenigen, die sich gerne messen wollen, bieten wir die Teilnahme an
+                Wettkämpfen auf verschiedenen Ebenen an – von lokalen Turnieren bis hin zu
+                nationalen Meisterschaften.
+              </template>
+            </home-entrie-with-image-preset>
+          </v-tabs-window-item>
+          <v-tabs-window-item value="3">
+            <home-entrie-with-image-preset
+              title="Kinoabende"
+              image="/static/images/kinoabend/total.jpg"
+            >
+              <template #text>
+                Bei unseren Kinoabenden schauen wir in lockerer Runde ausgewählte Filme — nicht nur
+                judo‑bezogene, sondern auch beliebte Klassiker und aktuelle Hits. Gemeinsam
+                entspannen, Snacks teilen und über Filme und Sport plaudern.
+              </template>
+            </home-entrie-with-image-preset>
+          </v-tabs-window-item>
+        </v-tabs-window>
       </v-container>
     </main>
   </v-container>