import { PageHeader } from '@/compositions/PageHeader/PageHeader'
import { Section } from '@/components/Section/Section'
import { Container } from '@/components/Container/Container'
import { Title } from '@/components/Title/Title'
import { P } from '@/components/Text/Paragraph'
import { DonationForm } from '@/components/DonationForm/DonationForm'
import { ClassifiedsFromApi } from '@/components/Classifieds/ClassifiedsFromApi'

export const dynamic = 'force-dynamic'

export default function Page() {
  return (
    <>
      <PageHeader
        title={'Mit anpacken und Gutes tun'}
        description={'Du möchtest dich engagieren und etwas bewegen? Super! In unserer Gemeinde gibt es viele Wege, wie du deine Talente einsetzen und  Gottes Liebe weitergeben kannst. Ob du Zeit und Energie einbringen,  finanziell unterstützen oder im Gebet verbunden sein möchtest – jeder Beitrag zählt und bereichert unsere Gemeinschaft.'}
      />

      <Section padding={'small'}>
        <Container>
          <Title
            title={'Aktiv mitgestalten'}
            color={'contrast'}
            fontStyle={'sans-serif'}
            size={'md'} />
          <P width={'3/4'}>
            Gemeinsam können wir mehr erreichen! Wie wäre es zum Beispiel mit der Mitarbeit bei der Wärmestube oder Essen ist fertig? Oder
            du unterstützt uns bei den Liturgischen Diensten. Auch bei der Organisation von Gemeinde-Events sind helfende Hände immer
            willkommen. Vielleicht entdeckst du ja dein Talent für den Kirchenchor oder möchtest woanders finanziell unterstützen?
          </P>

          <ClassifiedsFromApi />
          <br/>
          <Title
            title={'Finanziell unterstützen'}
            color={'contrast'}
            fontStyle={'sans-serif'}
            size={'md'} />
          <P width={'1/2'}>
            Mit einer Spende ermöglichst du die vielfältigen Aktivitäten unserer Gemeinde und trägst dazu bei, dass wir
            auch weiterhin Menschen in Not helfen können. Jeder Betrag, ob groß oder klein, ist wertvoll und kommt
            direkt dort an, wo er gebraucht wird.
          </P>
        </Container>
      </Section>

      <DonationForm />

      <Section padding={"small"} paddingBottom={"large"}>
        <Container>
          <Title
            title={'Im Gebet verbunden'}
            color={'contrast'}
            fontStyle={'sans-serif'}
            size={'md'} />
          <P width={'1/2'}>
            Das Gebet ist die stärkste Waffe des Christen. Es verbindet uns miteinander und mit Gott. Nimm an unseren
            Gebetsgruppen teil oder bete für die Anliegen der Gemeinde und der Welt in deinem persönlichen Gebet. Auch
            so
            kannst du helfen!
          </P>
          <P width={'1/2'}>
            Schau doch einfach mal im Pfarrbüro vorbei und informiere dich über die verschiedenen Möglichkeiten, dich zu
            engagieren. Wir freuen uns auf dich!
          </P>
        </Container>
      </Section>
    </>
  )
}