export const metadata = {
  title: "Destek | Menulio",
};

export default function SupportPage() {
  return (
    <main style={{ maxWidth: 720, margin: "0 auto", padding: "48px 20px 80px", lineHeight: 1.7 }}>
      <h1 style={{ fontSize: 28, marginBottom: 8 }}>Destek</h1>
      <p style={{ marginBottom: 24 }}>
        Menulio hakkında bir sorunuz mu var, teknik bir sorunla mı karşılaştınız? Size yardımcı olmaktan
        memnuniyet duyarız.
      </p>

      <h2 style={{ fontSize: 20, marginTop: 24, marginBottom: 12 }}>İletişim</h2>
      <p>
        E-posta: <a href="mailto:destek@menul.io">destek@menul.io</a>
      </p>

      <h2 style={{ fontSize: 20, marginTop: 32, marginBottom: 12 }}>Sık Sorulan Sorular</h2>
      <ul>
        <li>
          <strong>Menümü nasıl yayınlarım?</strong> Mobil uygulamada menü fotoğrafınızı çekin, AI otomatik
          olarak dijitalleştirsin, sonucu gözden geçirip &quot;Yayınla&quot; butonuna basın.
        </li>
        <li>
          <strong>QR kodum değişir mi?</strong> Hayır, menünüzü güncellediğinizde veya domain değiştirdiğinizde
          QR kodunuz aynı kalır.
        </li>
        <li>
          <strong>Aboneliğimi nasıl iptal ederim?</strong> App Store veya Google Play hesap ayarlarınızdan
          aboneliği yönetebilirsiniz.
        </li>
      </ul>
    </main>
  );
}
