<template>
  <div class="chat-container">
    <header class="header">
      <router-link to="/" class="app-brand app-brand-link">
        <span class="app-brand-mark">S</span>
        <div class="app-brand-copy">
          <span class="app-brand-eyebrow">SingleChat</span>
          <h1>Ratgeber</h1>
        </div>
      </router-link>
      <HeaderAdBanner />
    </header>

    <main class="content-page">
      <h2>Die erste Nachricht im Chat: einfach und wirksam</h2>
      <p>
        Der Einstieg entscheidet oft, ob aus einem Match wirklich ein Gespraech wird. Gute erste Nachrichten sind kurz,
        freundlich und konkret. Vermeide austauschbare Einzeiler und beziehe dich auf ein Detail aus dem Profil.
      </p>
      <p>
        Viele Nutzer scheitern nicht an fehlender Sympathie, sondern an unklarem Einstieg. Wer den ersten Kontakt als
        kleine Einladung statt als Test versteht, bekommt haeufiger eine echte Antwort.
      </p>

      <h3>Ein guter Aufbau in drei Schritten</h3>
      <ol>
        <li>Begruessung mit Namen oder Nickname.</li>
        <li>Eine konkrete Beobachtung oder Frage, die nicht kopiert wirkt.</li>
        <li>Ein lockerer Abschluss, der eine Antwort leicht macht.</li>
      </ol>

      <h3>Wann eine Nachricht zu lang ist</h3>
      <p>
        Als Faustregel gilt: 1 bis 3 Saetze reichen am Anfang. Lange Monologe wirken schnell wie Copy-Paste. Besser ist
        eine kurze Frage mit echtem Bezug und Raum fuer die Antwort.
      </p>

      <h3>Beispiele fuer bessere erste Nachrichten</h3>
      <p>
        Statt „Hi, wie gehts?“ besser: „Hi Lara, du schreibst, dass du gerne reist - was war dein schoenster Ort in den
        letzten zwei Jahren?“
      </p>
      <p>
        Statt „Na?“ besser: „Hey Ben, dein Musikgeschmack klingt spannend. Eher ruhige Playlists oder energiegeladene
        Tracks beim Arbeiten?“
      </p>
      <p>
        Statt „Bist du echt?“ besser: „Hi, ich bin neu hier und mag klare Gespraeche. Worueber schreibst du gerne zuerst:
        Alltag, Freizeit oder Musik?“
      </p>

      <h3>Typische Fehler vermeiden</h3>
      <ul>
        <li>Zu lange Texte direkt am Anfang.</li>
        <li>Zu persoenliche Fragen in der ersten Nachricht.</li>
        <li>Mehrfaches Nachfassen ohne Antwort.</li>
        <li>Ironie ohne Kontext, die schnell falsch verstanden wird.</li>
      </ul>

      <h3>Wenn keine Antwort kommt</h3>
      <p>
        Nicht jede Nachricht fuehrt zu einem Gespraech. Das ist normal. Warte mit einem zweiten Kontakt mindestens etwas
        Zeit und formuliere freundlich und kurz. Danach gilt: respektvoll weiterziehen statt Druck aufbauen.
      </p>

      <h3>Kurzcheck vor dem Absenden</h3>
      <ul>
        <li>Ist die Nachricht konkret statt austauschbar?</li>
        <li>Ist sie freundlich und ohne Druck formuliert?</li>
        <li>Enthaelt sie eine Frage, auf die man leicht antworten kann?</li>
      </ul>

      <p>
        Mehr Tipps findest du auch in unserem
        <router-link to="/ratgeber/profil-tipps">Profil-Ratgeber</router-link> und auf der Seite
        <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
      </p>

      <p class="content-meta">
        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
      </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,
.content-page h3 {
  color: #18201b;
}

.content-page a {
  color: #245c3a;
}

.content-meta {
  margin-top: 18px;
  font-size: 12px;
  color: #637067;
}

.app-brand-link {
  text-decoration: none;
}
</style>
