From d02c1d5266531cebb45ca091adfde4ad33129542 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Fri, 31 Jan 2025 14:34:07 +0100
Subject: [PATCH] fix: header on startpage is now full width

---
 components/ContentType/StartPage/index.tsx | 54 +++++++++++-----------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/components/ContentType/StartPage/index.tsx b/components/ContentType/StartPage/index.tsx
index d94a7d2ff..1bf06e9e5 100644
--- a/components/ContentType/StartPage/index.tsx
+++ b/components/ContentType/StartPage/index.tsx
@@ -23,7 +23,7 @@ export default async function StartPage() {
   const { header, blocks } = content.startPage
 
   return (
-    <PageContainer>
+    <>
       <header className={styles.header}>
         <div className={styles.headerContent}>
           <Title color="white" textAlign="center">
@@ -41,34 +41,36 @@ export default async function StartPage() {
             }
             src={header.hero_image.url}
             focalPoint={header.hero_image.focalPoint}
-            width={1512}
-            height={560}
+            sizes="100vw"
+            fill
           />
         ) : null}
       </header>
-      <main className={styles.main}>
-        {blocks
-          ? blocks.map((block) => {
-              if (block.typename === BlocksEnums.block.FullWidthCampaign) {
-                return (
-                  <FullWidthCampaign
-                    key={block.typename}
-                    content={block.full_width_campaign}
-                  />
-                )
-              }
+      <PageContainer>
+        <main className={styles.main}>
+          {blocks
+            ? blocks.map((block) => {
+                if (block.typename === BlocksEnums.block.FullWidthCampaign) {
+                  return (
+                    <FullWidthCampaign
+                      key={block.typename}
+                      content={block.full_width_campaign}
+                    />
+                  )
+                }
 
-              return (
-                <div key={block.typename} className={styles.section}>
-                  <Blocks blocks={[block]} />
-                </div>
-              )
-            })
-          : null}
-      </main>
-      <Suspense fallback={null}>
-        <TrackingSDK pageData={content.tracking} />
-      </Suspense>
-    </PageContainer>
+                return (
+                  <div key={block.typename} className={styles.section}>
+                    <Blocks blocks={[block]} />
+                  </div>
+                )
+              })
+            : null}
+        </main>
+        <Suspense fallback={null}>
+          <TrackingSDK pageData={content.tracking} />
+        </Suspense>
+      </PageContainer>
+    </>
   )
 }