---
hide_table_of_contents: true
---


import Banner from '@components/Banner'
import Card from '@components/Card'
import MailToButton from '@components/MailToButton'
import FAQList from '@views/FAQList'

<header className="max-w-3xl mx-auto text-center pb-16">
  <h1 className="h1 mb-4">Kontakt</h1>
  <p className="wtext-xl text-gray-600">Wenn Sie Unterstützung bei der Nutzung von FIT-Connect benötigen oder uns Feedback oder Anregungen mitgeben wollen, dann nutzen Sie bitte die entsprechenden Kontaktmöglichkeiten unten.</p>
</header>

<Banner>
  <Card title={'Benötigen Sie Hilfe?'} icon={'Support'}>
    <p className="text-gray-600 text-center">
      Haben Sie Probleme oder benötigen Sie Unterstützung bei der Anbindung? Dann kontaktieren Sie unseren Support.
    </p>
    <MailToButton label={'Unterstützung anfragen'} recipient={'fit-connect-support@fjd.de'}/>
  </Card>
  <Card title={'Fehler gefunden oder Anregungen?'} icon={'Bug'}>
    <p className="text-gray-600 text-center">
      Wenn Sie Feedback oder Anregungen zu unseren Schnittstellen oder zu unserer Dokumentation haben, dann sind Sie hier genau richtig.
    </p>
    <a className={'btn border border-yellow-400 text-gray-800 hover:text-yellow-600 hover:border-yellow-600 cursor-pointer'}
      target={'_blank'} href={'https://gitlab.opencode.de/fitko/feedback'}>
      Fehler melden
    </a>
  </Card>
  <Card title={'Sie wollen FIT-Connect nutzen?'} icon={'Send'}>
    <p className="text-gray-600 text-center">
      Sie wollen die FIT-Connect Infrastruktur für produktive Einsatzszenarien zur Übermittlung echter Verfahrensdaten nutzen?
    </p>
    <MailToButton label={'FITKO kontaktieren'} recipient={'fit-connect@fitko.de'}/>
  </Card>
</Banner>

<FAQList />