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,80 @@
<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>Regeln</h1>
</div>
</div>
<HeaderAdBanner />
</header>
<main class="content-page">
<h2>Chat-Regeln</h2>
<p>
Damit SingleChat freundlich und sicher bleibt, gelten ein paar einfache Regeln. Wer wiederholt dagegen
verstößt, kann blockiert oder vom Chat ausgeschlossen werden.
</p>
<h3>1) Respekt</h3>
<p>
Keine Beleidigungen, Hassrede, Diskriminierung oder gezielte Belästigung. Unterschiedliche Meinungen sind okay
respektloser Umgang nicht.
</p>
<h3>2) Keine illegalen Inhalte</h3>
<p>
Keine strafbaren Inhalte, keine Aufrufe zu Gewalt, keine extremistischen Inhalte. Bei klaren Verstößen behalten
wir uns weitere Schritte vor.
</p>
<h3>3) Keine unerwünschte Werbung/Spam</h3>
<p>
Kein Spam, keine Massen-Nachrichten und keine automatisierten Werbe-Links. Partnerlinks sind nur nach Absprache
erlaubt.
</p>
<h3>4) Bilder</h3>
<p>
Sende nur Bilder, für die du die Rechte hast. Keine belästigenden Inhalte. Wenn dein Gegenüber keine Bilder
möchte, respektiere das.
</p>
<h3>5) Privatsphäre</h3>
<p>
Teile keine privaten Daten (Telefon, Adresse, EMail, Passwörter). Bitte respektiere auch die Privatsphäre
anderer und veröffentliche keine Chat-Inhalte außerhalb der Plattform.
</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;
}
</style>