fix: design feedback

This commit is contained in:
Benno Tielen 2024-12-04 11:39:03 +01:00
parent 5d640eb93e
commit 7b8ac0a634
6 changed files with 8 additions and 12 deletions

View file

@ -16,7 +16,6 @@ export default async function HomePage() {
return ( return (
<Home <Home
schema={"contrast"}
events={events?.docs || []} events={events?.docs || []}
worship={worship?.docs || []} worship={worship?.docs || []}
blog={blog?.docs || []} blog={blog?.docs || []}

View file

@ -53,6 +53,7 @@ export default function MarriagePage() {
</Section> </Section>
<ContactSection <ContactSection
backgroundColor={"off-white"}
title={"Bei uns heiraten?"} title={"Bei uns heiraten?"}
description={"Gerne! Wir freuen uns, wenn Sie sich für den Bund der Ehe entscheiden. Der Sakrament der Ehe ist ein besonderes Zeichen der Liebe Gottes und die Kirche bietet Ihnen einen feierlichen und würdevollen Rahmen, um sich das Ja-Wort zu geben. Sprechen Sie uns an, wir begleiten Sie gerne bei den Vorbereitungen und gestalten mit Ihnen einen unvergesslichen Traugottesdienst."} description={"Gerne! Wir freuen uns, wenn Sie sich für den Bund der Ehe entscheiden. Der Sakrament der Ehe ist ein besonderes Zeichen der Liebe Gottes und die Kirche bietet Ihnen einen feierlichen und würdevollen Rahmen, um sich das Ja-Wort zu geben. Sprechen Sie uns an, wir begleiten Sie gerne bei den Vorbereitungen und gestalten mit Ihnen einen unvergesslichen Traugottesdienst."}
/> />

View file

@ -63,6 +63,7 @@ export default function BaptismPage() {
/> />
</Section> </Section>
<ContactSection <ContactSection
backgroundColor={"off-white"}
title={'Wagst du den Schritt?'} title={'Wagst du den Schritt?'}
description={'Vielleicht hast du schon lange mit dem Gedanken gespielt, dich taufen zu lassen. Oder die Frage taucht gerade zum ersten Mal in dir auf. Egal, wo du stehst: Die Taufe ist ein Angebot, eine Einladung. Eine Einladung, Teil der großen Familie der Christen zu werden, Gottes Liebe zu erfahren und deinen Glauben gemeinsam mit anderen zu leben. Nimm Kontakt mit uns auf für ein Gespräch!'} description={'Vielleicht hast du schon lange mit dem Gedanken gespielt, dich taufen zu lassen. Oder die Frage taucht gerade zum ersten Mal in dir auf. Egal, wo du stehst: Die Taufe ist ein Angebot, eine Einladung. Eine Einladung, Teil der großen Familie der Christen zu werden, Gottes Liebe zu erfahren und deinen Glauben gemeinsam mit anderen zu leben. Nimm Kontakt mit uns auf für ein Gespräch!'}
/> />

View file

@ -52,7 +52,6 @@ export const ImageCardSlider = ({slides}: ImageCardSliderProps) => {
})}> })}>
<Arrow <Arrow
direction={"left"} direction={"left"}
schema={"contrast"}
onClick={() => setPage(page - 1)} onClick={() => setPage(page - 1)}
/> />
</div> </div>
@ -71,7 +70,6 @@ export const ImageCardSlider = ({slides}: ImageCardSliderProps) => {
})}> })}>
<Arrow <Arrow
direction={"right"} direction={"right"}
schema={"contrast"}
onClick={() => setPage(page + 1)} onClick={() => setPage(page + 1)}
/> />
</div> </div>

View file

@ -10,7 +10,6 @@ export default meta
export const Default: Story = { export const Default: Story = {
args: { args: {
schema: 'base',
events: [ events: [
{ {
id: '1', id: '1',

View file

@ -19,7 +19,6 @@ import { transformEvents } from '@/utils/dto/events'
import { ContactSection } from '@/compositions/ContactSection/ContactSection' import { ContactSection } from '@/compositions/ContactSection/ContactSection'
type HomeProps = { type HomeProps = {
schema: 'base' | 'contrast',
events: Event[], events: Event[],
worship: Worship[], worship: Worship[],
blog: Blog[], blog: Blog[],
@ -46,7 +45,6 @@ const sortWorship = (worship: Worship[]) => {
export const Home = ({ export const Home = ({
schema,
events, events,
worship, worship,
blog, blog,
@ -89,7 +87,7 @@ export const Home = ({
{blog && blog.length > 0 && {blog && blog.length > 0 &&
<Section> <Section>
<Title title={'Aktuelles'} color={schema} /> <Title title={'Aktuelles'} color={"contrast"} />
<ImageCardSlider slides={blogToSlides(blog)} /> <ImageCardSlider slides={blogToSlides(blog)} />
</Section> </Section>
} }
@ -99,7 +97,7 @@ export const Home = ({
<Title <Title
title={'Nächste Gottesdiensten'} title={'Nächste Gottesdiensten'}
subtitle={'Komm einfach vorbei!'} subtitle={'Komm einfach vorbei!'}
color={schema} color={"contrast"}
align={'center'} align={'center'}
/> />
@ -115,7 +113,7 @@ export const Home = ({
{<ImageWithText {<ImageWithText
backgroundColor={'soft'} backgroundColor={'soft'}
title={'Über uns'} title={'Über uns'}
schema={schema} schema={"base"}
text={'Wir begrüßen Sie herzlich in unserer Pfarrei Hl. Drei Könige und im bunten Neukölln mit einer Vielfalt von Kulturen und Nationalitäten.\n' + text={'Wir begrüßen Sie herzlich in unserer Pfarrei Hl. Drei Könige und im bunten Neukölln mit einer Vielfalt von Kulturen und Nationalitäten.\n' +
'\n' + '\n' +
'Unsere Pfarrei Hl. Drei Könige wurde am 01.01.2020 gegründet. Am 12.01.2020 feierte Erzbischof Dr. Heiner Koch mit den Gemeinden die Gründung in einer feierlichen Hl. Messe in der katholischen Marienschule. Anwesende Gäste waren Bürgermeister Martin Hikel, Christian Nottmeier, der Superintendent des evangelischen Kirchenkreises Neukölln und vielen Akteuren aus Kiez und Ökumene. Die Vielfalt der Glaubenswege in unserer Pfarrei sehen wir als Schatz. Wie die drei Weisen aus dem Morgenland wollen wir uns immer wieder neu auf den Weg machen.'} 'Unsere Pfarrei Hl. Drei Könige wurde am 01.01.2020 gegründet. Am 12.01.2020 feierte Erzbischof Dr. Heiner Koch mit den Gemeinden die Gründung in einer feierlichen Hl. Messe in der katholischen Marienschule. Anwesende Gäste waren Bürgermeister Martin Hikel, Christian Nottmeier, der Superintendent des evangelischen Kirchenkreises Neukölln und vielen Akteuren aus Kiez und Ökumene. Die Vielfalt der Glaubenswege in unserer Pfarrei sehen wir als Schatz. Wie die drei Weisen aus dem Morgenland wollen wir uns immer wieder neu auf den Weg machen.'}
@ -137,13 +135,13 @@ export const Home = ({
</>}> </>}>
<Section> <Section>
<Title <Title
color={schema} color={"contrast"}
title={'Veranstaltungen'} title={'Veranstaltungen'}
/> />
<Events <Events
events={transformEvents(events)} events={transformEvents(events)}
n={6} n={6}
schema={schema} schema={"contrast"}
/> />
</Section> </Section>
</ContentWithSlider> </ContentWithSlider>
@ -151,7 +149,7 @@ export const Home = ({
<ContactSection <ContactSection
title={'Kontakt'} title={'Kontakt'}
description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec molestie ligula. Maecenas sollicitudin molestie velit id ultricies. Nulla luctus eleifend est, et hendrerit nunc pretium in. Nullam leo tortor, tincidunt in sodales dapibus, faucibus vel lacus. Nunc ornare lacus eu dui consequat, fermentum tincidunt felis blandit. Vivamus a turpis eros. Donec faucibus mi in magna cursus maximus. Duis ac elit posuere, bibendum nunc vel, consectetur neque. Aliquam non bibendum quam. Nulla facilisi. Vivamus eu iaculis felis. Donec elit augue, pretium eget pretium ullamcorper, vestibulum eu lorem. Praesent gravida condimentum tortor, in dignissim mauris elementum quis. Morbi a venenatis odio. Vivamus quis magna eget elit pellentesque elementum. Nulla facilisi.'} description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec molestie ligula. Maecenas sollicitudin molestie velit id ultricies. Nulla luctus eleifend est, et hendrerit nunc pretium in. Nullam leo tortor, tincidunt in sodales dapibus, faucibus vel lacus. Nunc ornare lacus eu dui consequat, fermentum tincidunt felis blandit. Vivamus a turpis eros. Donec faucibus mi in magna cursus maximus. Duis ac elit posuere, bibendum nunc vel, consectetur neque. Aliquam non bibendum quam. Nulla facilisi. Vivamus eu iaculis felis. Donec elit augue, pretium eget pretium ullamcorper, vestibulum eu lorem. Praesent gravida condimentum tortor, in dignissim mauris elementum quis. Morbi a venenatis odio. Vivamus quis magna eget elit pellentesque elementum. Nulla facilisi.'}
schema={schema} schema={"base"}
/> />
</> </>