fix: bap is now true full width

components/Blocks/FullWidthCampaign/index.tsx

@@ -24,9 +24,8 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
           alt={background_image.meta.alt || background_image.meta.caption || ""}
           src={background_image.url}
           focalPoint={background_image.focalPoint}
-          width={1512}
-          height={880}
-          sizes="(min-width: 1512px) 1512px, 100vw"
+          sizes="100vw"
+          fill
         />
       ) : null}
       <div className={styles.content}>

components/ContentType/StartPage/index.tsx

@@ -1,4 +1,3 @@
-import { assertNullableType } from "graphql"
 import { Suspense } from "react"
 
 import { getStartPage } from "@/lib/trpc/memoizedRequests"
@@ -6,7 +5,6 @@ import { getStartPage } from "@/lib/trpc/memoizedRequests"
 import Blocks from "@/components/Blocks"
 import FullWidthCampaign from "@/components/Blocks/FullWidthCampaign"
 import Image from "@/components/Image"
-import PageContainer from "@/components/PageContainer"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import TrackingSDK from "@/components/TrackingSDK"
 
@@ -46,31 +44,27 @@ export default async function StartPage() {
           />
         ) : null}
       </header>
-      <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}
-                    />
-                  )
-                }
+      <main className={styles.main}>
+        {(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>
+          )
+        })}
+      </main>
+      <Suspense fallback={null}>
+        <TrackingSDK pageData={content.tracking} />
+      </Suspense>
     </>
   )
 }

components/PageContainer/index.tsx

@@ -1,7 +0,0 @@
-import styles from "./pageContainer.module.css"
-
-import type { PropsWithChildren } from "react"
-
-export default function PageContainer({ children }: PropsWithChildren) {
-  return <div className={styles.container}>{children}</div>
-}

components/PageContainer/pageContainer.module.css

@@ -1,6 +0,0 @@
-.container {
-  width: 100%;
-  max-width: var(--max-width);
-  margin-left: auto;
-  margin-right: auto;
-}