fix: header on startpage is now full width

This commit is contained in:
Christian Andolf
2025-01-31 14:34:07 +01:00
parent b6d8431e82
commit d02c1d5266

View File

@@ -23,7 +23,7 @@ export default async function StartPage() {
const { header, blocks } = content.startPage const { header, blocks } = content.startPage
return ( return (
<PageContainer> <>
<header className={styles.header}> <header className={styles.header}>
<div className={styles.headerContent}> <div className={styles.headerContent}>
<Title color="white" textAlign="center"> <Title color="white" textAlign="center">
@@ -41,11 +41,12 @@ export default async function StartPage() {
} }
src={header.hero_image.url} src={header.hero_image.url}
focalPoint={header.hero_image.focalPoint} focalPoint={header.hero_image.focalPoint}
width={1512} sizes="100vw"
height={560} fill
/> />
) : null} ) : null}
</header> </header>
<PageContainer>
<main className={styles.main}> <main className={styles.main}>
{blocks {blocks
? blocks.map((block) => { ? blocks.map((block) => {
@@ -70,5 +71,6 @@ export default async function StartPage() {
<TrackingSDK pageData={content.tracking} /> <TrackingSDK pageData={content.tracking} />
</Suspense> </Suspense>
</PageContainer> </PageContainer>
</>
) )
} }