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

@@ -11,7 +11,23 @@
<HeaderAdBanner />
</header>
<FeedbackPanel />
<main class="feedback-page">
<section class="feedback-copy">
<h2>Öffentliches Feedback</h2>
<p>
Diese Seite ist für Vorschläge, Fehlerberichte und Ideen gedacht. Bitte schreibe nur Inhalte, die du auch
öffentlich sehen möchtest. Wir moderieren grob (Spam/Beleidigungen/illegaler Inhalt wird entfernt).
</p>
<h3>Tipps für gutes Feedback</h3>
<ul>
<li>Beschreibe kurz, was du erreichen wolltest und was stattdessen passiert ist.</li>
<li>Falls möglich: Browser/Device, Zeitpunkt und konkrete Schritte.</li>
<li>Keine privaten Daten posten (Telefon, Adresse, EMail, Passwörter).</li>
</ul>
</section>
<FeedbackPanel />
</main>
<ImprintContainer />
</div>
@@ -22,3 +38,35 @@ import FeedbackPanel from '../components/FeedbackPanel.vue';
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
import ImprintContainer from '../components/ImprintContainer.vue';
</script>
<style scoped>
.feedback-page {
max-width: 1100px;
margin: 0 auto;
padding: 18px 14px 30px;
}
.feedback-copy {
background: #ffffff;
border: 1px solid #d7dfd9;
border-radius: 14px;
padding: 16px 16px 12px;
margin-bottom: 16px;
}
.feedback-copy h2 {
margin: 0 0 8px;
color: #18201b;
}
.feedback-copy h3 {
margin: 14px 0 8px;
color: #18201b;
}
.feedback-copy p,
.feedback-copy li {
color: #344038;
line-height: 1.55;
}
</style>