Add FAQ, Rules, and Safety pages with corresponding routes and SEO metadata

- Introduced new links in ImprintContainer.vue for FAQ, Rules, and Safety pages.
- Added FaqView, RulesView, and SafetyView components to handle the new routes.
- Implemented SEO metadata for the new pages in routes-seo.js and router/index.js.
- Updated server routes to include the new paths for proper handling in production.

These changes enhance the site's informational resources and improve SEO visibility for user inquiries.
This commit is contained in:
Torsten Schulz (local)
2026-03-27 14:15:37 +01:00
parent 6909c7c45c
commit 06182a4a95
10 changed files with 500 additions and 5 deletions

View File

@@ -0,0 +1,85 @@
<template>
<div class="chat-container">
<header class="header">
<div class="app-brand">
<span class="app-brand-mark">S</span>
<div class="app-brand-copy">
<span class="app-brand-eyebrow">SingleChat</span>
<h1>FAQ</h1>
</div>
</div>
<HeaderAdBanner />
</header>
<main class="content-page">
<h2>Häufige Fragen (FAQ)</h2>
<p>
Hier beantworten wir die häufigsten Fragen zu SingleChat. Wenn dir etwas fehlt, nutze bitte die
<router-link to="/feedback">Feedback-Seite</router-link>.
</p>
<h3>Wie starte ich?</h3>
<p>
Wähle einen Nicknamen, gib Alter, Geschlecht und Land an und starte den Chat. Du kannst danach Benutzer suchen
und Unterhaltungen beginnen.
</p>
<h3>Welche Daten sollte ich nicht teilen?</h3>
<p>
Bitte teile keine sensiblen Daten wie Telefonnummer, Adresse, EMail, Passwörter oder Zahlungsinformationen im
Chat. Auch wenn du anonym bleiben möchtest: Nutze einen Nickname, der keine Rückschlüsse auf deine Identität
zulässt.
</p>
<h3>Wie funktioniert der Bildaustausch?</h3>
<p>
Du kannst im Chat ein Bild senden. Bitte sende nur Inhalte, für die du die Rechte hast, und vermeide Inhalte,
die andere belästigen oder gegen unsere Regeln verstoßen.
</p>
<h3>Was kann ich bei Belästigung tun?</h3>
<p>
Blockiere den Benutzer und beende die Unterhaltung. Wenn es schwerwiegende Fälle sind (Spam, Drohungen,
strafbare Inhalte), melde es über Feedback mit möglichst genauen Angaben.
</p>
<h3>Warum sehe ich manchmal keine Anzeigen?</h3>
<p>
Anzeigen werden nur auf Inhaltsseiten eingeblendet, nicht im eigentlichen Chat. Zusätzlich kann es je nach
Region, Browser-Einstellungen oder Ad-Blockern sein, dass keine Anzeige ausgeliefert wird.
</p>
</main>
<ImprintContainer />
</div>
</template>
<script setup>
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
import ImprintContainer from '../components/ImprintContainer.vue';
</script>
<style scoped>
.content-page {
max-width: 980px;
margin: 0 auto;
padding: 20px 14px 36px;
line-height: 1.6;
color: #344038;
}
.content-page h2 {
margin: 0 0 10px;
color: #18201b;
}
.content-page h3 {
margin: 18px 0 6px;
color: #18201b;
}
.content-page a {
color: #245c3a;
}
</style>