feature: button "All" on homepage

This commit is contained in:
Benno Tielen 2024-12-17 16:28:47 +01:00
parent 8be0000e25
commit 14f97aea88
4 changed files with 35 additions and 18 deletions

View file

@ -11,3 +11,7 @@
display: flex;
justify-content: center;
}
.center {
text-align: center;
}

View file

@ -18,6 +18,8 @@ import { transformEvents } from '@/utils/dto/events'
import { ContactSection } from '@/compositions/ContactSection/ContactSection'
import { CollapsibleImageWithText } from '@/compositions/CollapsibleImageWithText/CollapsibleImageWithText'
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
import { Button } from '@/components/Button/Button'
import styles from "./styles.module.scss"
type HomeProps = {
events: Event[],
@ -85,32 +87,39 @@ export const Home = ({
<HR />
<Container>
{blog && blog.length > 0 &&
<Section>
<Title title={'Aktuelles'} color={"contrast"} />
<ImageCardSlider slides={blogToSlides(blog)} />
</Section>
}
<Section paddingBottom={'medium'}>
<Title
title={'Nächste Gottesdiensten'}
subtitle={'Komm einfach vorbei!'}
color={"contrast"}
align={'center'}
/>
<Section padding={'small'}>
<MassRow>
{worshipPerLocation.map(value => <MassTable key={value[0]} location={value[0]} masses={value[1]} />)}
</MassRow>
</Section>
</Section>
</Container>
<Section paddingBottom={'medium'}>
<Title
title={'Nächste Gottesdiensten'}
subtitle={'Komm einfach vorbei!'}
color={"contrast"}
align={'center'}
/>
<Section padding={'small'}>
<MassRow>
{worshipPerLocation.map(value => <MassTable key={value[0]} location={value[0]} masses={value[1]} />)}
</MassRow>
</Section>
<Section padding={'small'}>
<div className={styles.center}>
<Button
href={"/gottesdienst"}
size={"lg"}
>Alle Gottesdienste</Button>
</div>
</Section>
</Section>
<CollapsibleImageWithText
backgroundColor={'soft'}
title={'Über uns'}

View file

@ -0,0 +1,3 @@
.center {
text-align: center;
}

View file

@ -87,6 +87,7 @@ export default buildConfig({
},
db: postgresAdapter({
idType: "uuid",
push: false,
pool: {
connectionString: process.env.DATABASE_URI,
}