Add Ratgeber section with new routes and links

- Introduced a new "Ratgeber" link in ImprintContainer.vue for better user navigation.
- Added multiple routes for the Ratgeber section, including GuideHubView, GuideFirstMessageView, GuideProfileView, GuideSafetyView, and GuideRedFlagsView, enhancing content accessibility.
- Implemented SEO metadata for the new routes to improve search engine visibility and user engagement.

These changes collectively enhance the site's informational resources and improve navigation for users seeking guidance on chat-related topics.

client/src/router/index.js

@@ -6,6 +6,11 @@ import FeedbackView from '../views/FeedbackView.vue';
 import FaqView from '../views/FaqView.vue';
 import RulesView from '../views/RulesView.vue';
 import SafetyView from '../views/SafetyView.vue';
+import GuideHubView from '../views/GuideHubView.vue';
+import GuideFirstMessageView from '../views/GuideFirstMessageView.vue';
+import GuideProfileView from '../views/GuideProfileView.vue';
+import GuideSafetyView from '../views/GuideSafetyView.vue';
+import GuideRedFlagsView from '../views/GuideRedFlagsView.vue';
 
 const SITE_URL = 'https://www.ypchat.net';
 const DEFAULT_IMAGE = `${SITE_URL}/static/favicon.png`;
@@ -137,6 +142,15 @@ const safetySchema = {
   inLanguage: 'de-DE'
 };
 
+const guideHubSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'CollectionPage',
+  name: 'Ratgeber - SingleChat',
+  url: `${SITE_URL}/ratgeber`,
+  description: 'Ratgeber mit Tipps zu erster Nachricht, Profilgestaltung, Datenschutz und sicheren Gespraechen im Single Chat.',
+  inLanguage: 'de-DE'
+};
+
 const routes = [
   {
     path: '/',
@@ -234,6 +248,86 @@ const routes = [
       schema: safetySchema
     }
   },
+  {
+    path: '/ratgeber',
+    name: 'ratgeber',
+    component: GuideHubView,
+    meta: {
+      title: 'Ratgeber fuer privaten Single Chat - SingleChat',
+      description: 'Praxisnahe Ratgeberartikel zu Chat-Einstieg, Profiloptimierung, Sicherheit und Red Flags im Online-Chat.',
+      keywords: 'chat ratgeber, single chat tipps, profil tipps, sicher chatten, online chat red flags',
+      ogTitle: 'Ratgeber fuer privaten Single Chat - SingleChat',
+      ogDescription: 'Hilfreiche Leitfaeden fuer bessere Gespraeche und mehr Sicherheit im Chat.',
+      ogType: 'website',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: guideHubSchema
+    }
+  },
+  {
+    path: '/ratgeber/erste-nachricht',
+    name: 'ratgeber-erste-nachricht',
+    component: GuideFirstMessageView,
+    meta: {
+      title: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+      description: 'So gelingt die erste Nachricht im Single Chat: konkrete Beispiele, typische Fehler und einfache Vorlagen.',
+      keywords: 'erste nachricht chat, anschreiben tipps, chat beispiele, single chat einstieg',
+      ogTitle: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+      ogDescription: 'Konkrete Beispiele fuer einen natuerlichen und respektvollen Chat-Einstieg.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/profil-tipps',
+    name: 'ratgeber-profil-tipps',
+    component: GuideProfileView,
+    meta: {
+      title: 'Profil verbessern fuer bessere Chats - SingleChat',
+      description: 'Verbessere dein Chat-Profil mit klaren, ehrlichen Angaben und starte leichter passende Gespraeche.',
+      keywords: 'profil tipps chat, online profil verbessern, single chat profil',
+      ogTitle: 'Profil verbessern fuer bessere Chats - SingleChat',
+      ogDescription: 'Einfache Schritte fuer ein besseres Profil und passendere Unterhaltungen.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/sicher-chatten',
+    name: 'ratgeber-sicher-chatten',
+    component: GuideSafetyView,
+    meta: {
+      title: 'Sicher chatten und Daten schuetzen - SingleChat',
+      description: 'Datenschutz-Tipps fuer anonymes Chatten: Welche Informationen du teilen kannst und welche nicht.',
+      keywords: 'sicher chatten, datenschutz chat, anonym chat tipps',
+      ogTitle: 'Sicher chatten und Daten schuetzen - SingleChat',
+      ogDescription: 'Praktische Regeln fuer mehr Sicherheit und Privatsphaere im Online-Chat.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/red-flags',
+    name: 'ratgeber-red-flags',
+    component: GuideRedFlagsView,
+    meta: {
+      title: 'Red Flags im Online-Chat erkennen - SingleChat',
+      description: 'Warnzeichen bei Spam und Manipulation im Chat erkennen und richtig reagieren.',
+      keywords: 'red flags chat, online chat sicherheit, betrug chat erkennen',
+      ogTitle: 'Red Flags im Online-Chat erkennen - SingleChat',
+      ogDescription: 'Fruehe Warnsignale im Chat erkennen und sich wirksam schuetzen.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
   {
     path: '/mockup-redesign',
     name: 'mockup-redesign',