feature: magazine page

This commit is contained in:
Benno Tielen 2025-09-03 13:12:54 +02:00
parent 59bf5cd55b
commit efb676a8b0

View file

@ -0,0 +1,58 @@
import { PageHeader } from '@/compositions/PageHeader/PageHeader'
import { Container } from '@/components/Container/Container'
import { Row } from '@/components/Flex/Row'
import { Col } from '@/components/Flex/Col'
import Image from 'next/image'
import styles from '@/compositions/PublicationAndNewsletter/styles.module.scss'
import { Section } from '@/components/Section/Section'
import { fetchLastMagazine } from '@/fetch/magazine'
import { Button } from '@/components/Button/Button'
import { P } from '@/components/Text/Paragraph'
export default async function MagazinePage() {
const magazine = await fetchLastMagazine();
const magazine_url = magazine && typeof magazine.document === "object" ? magazine.document.url || undefined : undefined;
const magazine_cover = magazine && typeof magazine.cover === "object" ? magazine.cover : undefined;
return (
<>
<PageHeader
title={"Pfarrei-Magazin Nordlicht"}
description={"Unser Pfarrei-Magazin „Nordlicht“ erscheint viermal im Jahr und informiert Sie über alles Wichtige aus unserem Gemeindeleben. Freuen Sie sich auf interessante Berichte, spirituelle Impulse, einen Überblick über kommende Termine und Geschichten von Menschen aus unserer Mitte."}
>
</PageHeader>
<Section padding={"small"}>
<Container>
<Row alignItems={"center"}>
<Col>
{magazine_url && magazine_cover && magazine_cover.url &&
<a href={magazine_url} target={'_blank'}>
<Image
className={styles.image}
src={magazine_cover.url}
width={magazine_cover.width || 500}
height={magazine_cover.height || 600}
alt={'Pfarreimagazin Ausgabe'}
unoptimized={true}
/>
</a>
}
</Col>
<Col>
<P width={"3/4"}>
Bleiben Sie auf dem Laufenden! Hier finden Sie die aktuelle Ausgabe unseres Pfarrei-Magazins Nordlicht mit allen Berichten und Terminen aus der Gemeinde.
<br/><br/>
</P>
<Button size={"lg"} target={"_blank"} href={magazine_url}>Nordlicht herunterladen</Button>
</Col>
</Row>
</Container>
</Section>
<Section>
</Section>
</>
)
}