From 6e12756ab51fef0eac5c0e39530ad0c04edb1cae Mon Sep 17 00:00:00 2001
From: "Chuma Mcphoy (We Ahead)" <chuma.mcphoy@scandichotels.com>
Date: Thu, 20 Feb 2025 14:57:05 +0000
Subject: [PATCH] Merged in fix/SW-1697-BAP-text (pull request #1384)

feat(SW-1697): more tilted scripted text for FullWidthCampaign component

* feat(SW-1697): more tilted scripted text for FullWidthCampaign component

* feat(SW-1697): add text transform to FullWidthCampaign title


Approved-by: Christian Andolf
---
 .../fullWidthCampaign.module.css                  |  4 ++++
 components/Blocks/FullWidthCampaign/index.tsx     | 15 +++++++++++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css b/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css
index cbc41e645..d67f53c63 100644
--- a/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css
+++ b/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css
@@ -39,3 +39,7 @@
   max-width: 100%;
   height: 100%;
 }
+
+.scriptedText {
+  display: inline-block;
+}
diff --git a/components/Blocks/FullWidthCampaign/index.tsx b/components/Blocks/FullWidthCampaign/index.tsx
index e793bc82c..ff7ac7846 100644
--- a/components/Blocks/FullWidthCampaign/index.tsx
+++ b/components/Blocks/FullWidthCampaign/index.tsx
@@ -29,11 +29,18 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
         />
       ) : null}
       <div className={styles.content}>
-        <BiroScript color="baseText" type="two">
-          {content.scripted_top_title}
-        </BiroScript>
+        <div className={styles.scriptedText}>
+          <BiroScript color="baseText" type="two" tilted="small">
+            {content.scripted_top_title}
+          </BiroScript>
+        </div>
         <div className={styles.mainContent}>
-          <Title color="baseText" textAlign="center" level="h3">
+          <Title
+            color="baseText"
+            textAlign="center"
+            textTransform="capitalize"
+            level="h3"
+          >
             {content.heading}
           </Title>
           <Preamble color="baseText" textAlign="center">