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

export default function ContactPage() {
  return (
    <>
      <PageHeader
        title={"Kontakt"}
        description={"Haben Sie Fragen, Anregungen oder möchten Sie mit uns in Kontakt treten? Dann sind Sie hier genau richtig."}
      />

      <Section padding={"small"}>
        <Container>
          <Title title={"Pfarrei Heilige Drei Könige"} size="md"></Title>
          <P width={"1/2"}>
            Briesestraße 13<br/>
            12053 Berlin <br/>
            030-6889120 <br/>
            kontakt@dreikoenige.berlin
          </P>
          <P width={"1/2"}>
            <strong>Geöffnet:</strong><br/>
            Mo. 09 – 13 Uhr <br/>
            Di. 12 – 15 Uhr <br/>
            Do. 10 – 14 Uhr
          </P>
        </Container>
      </Section>

      <ContactSection
        title={"Kontaktformular"}
        description={"Füllen Sie einfach unser Kontaktformular aus und wir werden uns umgehend mit Ihnen in Verbindung setzen. Oder senden Sie uns eine Nachricht auf kontakt@dreikoenige.berlin"}
      />
    </>
  )
}