import { PageHeader } from '@/compositions/PageHeader/PageHeader'
import { Section } from '@/components/Section/Section'
import { Container } from '@/components/Container/Container'
import { ClassifiedsFromApi } from '@/components/Classifieds/ClassifiedsFromApi'
import { P } from '@/components/Text/Paragraph'
import { ContactSection } from '@/compositions/ContactSection/ContactSection'
import Link from 'next/link'

export const dynamic = 'force-dynamic'

export default function Page() {
  return (
    <>
      <PageHeader
        title={'Kleinanzeigen'}
        description={'Du hast den Wunsch, dich einzubringen und gemeinsam etwas zu bewirken? Wunderbar! In unserer Gemeinde gibt es zahlreiche Möglichkeiten, deine Talente und Fähigkeiten sinnstiftend einzusetzen. Auf dieser Seite findest du aktuelle Kleinanzeigen für ehrenamtliche Tätigkeiten – vielleicht ist ja genau das Richtige für dich dabei?'}
      />

      <Section padding={'small'} paddingBottom={'medium'}>
        <Container>
          <ClassifiedsFromApi />
          <br />

          <h3>Etwas gefunden?</h3>
          <P width={'1/2'}>
            Du hast ein Projekt entdeckt, das dein Interesse geweckt hat? Zögere nicht, <Link href={"/kontakt"}>Kontakt</Link> aufzunehmen! Die
            jeweiligen Ansprechpartner/innen stehen dir gerne für Fragen zur Verfügung und freuen sich darauf, dich
            kennenzulernen.
          </P>

          <h3>Nichts dabei?</h3>
          <P width={'1/2'}>
            Kein Problem! Wir sind immer offen für neue Ideen und Initiativen. Wenn du eine Idee hast, wie du dich
            einbringen kannst oder ein Projekt starten möchtest, melde dich einfach bei uns. Gemeinsam finden wir eine
            Möglichkeit, deine Talente und Leidenschaften in unserer Gemeinde einzusetzen.
          </P>
        </Container>
      </Section>

      <ContactSection
        backgroundColor={'off-white'}
        title={'Noch Fragen?'}
        description={'Wir sind für dich da! Wenn du noch offene Fragen hast oder mehr über unsere ehrenamtlichen Möglichkeiten erfahren möchtest, schreib uns einfach. Wir freuen uns darauf, von dir zu hören!'}
        toEmail={"kontakt@dreikoenige.berlin"}
        />
    </>
  )
}