fix: startpage background is now white by default and jsf block is back to original design

components/Blocks/JoinScandicFriends/joinScandicFriends.module.css

@@ -1,7 +1,6 @@
 .container {
   border-radius: var(--Corner-radius-Large);
   background-color: var(--Main-Brand-WarmWhite);
-  background-color: white;
   padding: 0 var(--Spacing-x2);
   display: flex;
   gap: var(--Spacing-x5);

components/ContentType/StartPage/index.tsx

@@ -21,7 +21,7 @@ export default async function StartPage() {
   const { header, blocks } = content.startPage
 
   return (
-    <>
+    <div className={styles.background}>
       <header className={styles.header}>
         <div className={styles.headerContent}>
           <Title color="white" textAlign="center">
@@ -65,6 +65,6 @@ export default async function StartPage() {
       <Suspense fallback={null}>
         <TrackingSDK pageData={content.tracking} />
       </Suspense>
-    </>
+    </div>
   )
 }

components/ContentType/StartPage/startPage.module.css

@@ -1,3 +1,7 @@
+.background {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
 .header {
   height: 560px;
   position: relative;