'use client'

import Link from 'next/link'
import { Heart } from 'lucide-react'
import { LegalPage } from '@/components/legal/legal-page'
import { legal } from '@/config/legal'

export default function UnterstuetzenPage() {
  return (
    <LegalPage
      title="Freiwilliger Unterstützungsbeitrag"
      version={legal.documents.terms.version}
      publishedAt={legal.documents.terms.publishedAt}
      draft={false}
      intro={`${legal.projectName} wird grundsätzlich kostenlos angeboten. Freiwillige Beiträge helfen bei der Finanzierung von Hosting, Infrastruktur und Weiterentwicklung.`}
    >
      <section>
        <p>
          Ein Beitrag ist <strong>freiwillig</strong> und erfolgt ohne Anspruch auf eine bestimmte Gegenleistung.
          Daraus entsteht insbesondere kein Anspruch auf Funktionen, Support, Verfügbarkeit, bevorzugte Behandlung
          oder eine bestimmte Weiterentwicklung.
        </p>
        <p>
          Zahlungs- und Transaktionsgebühren des eingesetzten Zahlungsanbieters (Stripe) können vom Beitrag
          abgezogen werden. {legal.projectName} stellt keine steuerlich abzugsfähige Spendenbescheinigung aus,
          solange keine entsprechende behördliche Anerkennung besteht.
        </p>
        <p>
          Es handelt sich um eine <strong>einmalige Zahlung</strong>; es wird keine automatisch wiederkehrende
          Zahlung eingerichtet. Angaben zur Zahlungsabwicklung enthält die{' '}
          <a href="/datenschutz">Datenschutzerklärung</a>.
        </p>
      </section>

      <section>
        <h2>Beitrag leisten</h2>
        <p>Auf der Zahlungsseite kannst du einen Betrag wählen. Die Zahlung erfolgt über Stripe.</p>
        <Link
          href="/spenden"
          className="not-prose inline-flex items-center gap-2 rounded-lg bg-red-600 hover:bg-red-700 text-white px-5 py-2.5 font-semibold no-underline print:hidden"
        >
          <Heart className="w-4 h-4" /> Zur Zahlungsseite
        </Link>
      </section>

      <section>
        <h2>Versehentliche Zahlung</h2>
        <p>
          Falls eine Zahlung versehentlich erfolgt ist, melde dich bitte unter <strong>{legal.supportEmail}</strong>{' '}
          zur Prüfung einer Rückerstattung.
        </p>
      </section>
    </LegalPage>
  )
}