From 053ce3f4de76d5aef0a5afb765526a77eaeab7c5 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Thu, 6 Feb 2025 14:59:16 +0100
Subject: [PATCH] fix: startpage background is now white by default and jsf
 block is back to original design

---
 .../Blocks/JoinScandicFriends/joinScandicFriends.module.css   | 1 -
 components/ContentType/StartPage/index.tsx                    | 4 ++--
 components/ContentType/StartPage/startPage.module.css         | 4 ++++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css b/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
index 9a35fa09f..a249af5c8 100644
--- a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
+++ b/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);
diff --git a/components/ContentType/StartPage/index.tsx b/components/ContentType/StartPage/index.tsx
index c19a21ad8..01e174ecd 100644
--- a/components/ContentType/StartPage/index.tsx
+++ b/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>
   )
 }
diff --git a/components/ContentType/StartPage/startPage.module.css b/components/ContentType/StartPage/startPage.module.css
index 2c9b1f6b3..3116430fc 100644
--- a/components/ContentType/StartPage/startPage.module.css
+++ b/components/ContentType/StartPage/startPage.module.css
@@ -1,3 +1,7 @@
+.background {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
 .header {
   height: 560px;
   position: relative;