From f55ac3999a04f4bff7209874364c3c0ba7611335 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Wed, 19 Feb 2025 15:24:02 +0100
Subject: [PATCH] fix: preamble, title and scripted text has been corrected in
 sizes and rotate

---
 components/Blocks/JoinScandicFriends/index.tsx | 18 ++++++++++++------
 .../joinScandicFriends.module.css              |  4 ++++
 2 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/components/Blocks/JoinScandicFriends/index.tsx b/components/Blocks/JoinScandicFriends/index.tsx
index f92a592b9..41a7886fa 100644
--- a/components/Blocks/JoinScandicFriends/index.tsx
+++ b/components/Blocks/JoinScandicFriends/index.tsx
@@ -6,7 +6,6 @@ import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 import Body from "@/components/TempDesignSystem/Text/Body"
-import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./joinScandicFriends.module.css"
@@ -45,14 +44,21 @@ export default async function JoinScandicFriends({
         <div className={styles.textContent}>
           {show_header ? (
             <header className={styles.header}>
-              <BiroScript color="red" type="two">
-                {content.scripted_top_title}
-              </BiroScript>
-              <Title level="h3">{content.title}</Title>
+              <div>
+                <BiroScript
+                  color="red"
+                  type="two"
+                  tilted="small"
+                  className={styles.scriptedText}
+                >
+                  {content.scripted_top_title}
+                </BiroScript>
+              </div>
+              <Title level="h4">{content.title}</Title>
             </header>
           ) : null}
 
-          <Preamble>{content.preamble}</Preamble>
+          <Body>{content.preamble}</Body>
 
           {show_usp && usp.length ? (
             <ul className={styles.usp}>
diff --git a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css b/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
index 549c44efa..0ec542e7a 100644
--- a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
+++ b/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
@@ -42,6 +42,10 @@
   gap: var(--Spacing-x-quarter);
 }
 
+.scriptedText {
+  display: inline-block;
+}
+
 .usp {
   list-style: none;
   display: grid;
