From f3512c81ba2b37e2442239e6078e3a7ead4d8d75 Mon Sep 17 00:00:00 2001
From: Julia Gruber <jg@studiomitte.com>
Date: Thu, 11 Apr 2024 16:14:42 +0100
Subject: [PATCH 1/3] [BUGFIX] use right image in FE

---
 .../_LandingPage/Content/SuccessFeatures.html      | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
index 74e5780..b214c47 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
@@ -3,23 +3,17 @@
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
 <div class="background-secondary relative">
-    <f:if condition="{data.media}">
+    <f:if condition="{data.assets}">
         <div class="aspect-video md:aspect-auto relative md:static">
-            <f:image image="{data.media.0}" class="object-cover h-full absolute right-0 md:left-0 w-full md:w-1/3" width="600"></f:image>
+            <f:image image="{data.assets.0}" class="object-cover h-full absolute right-0 md:left-0 w-full md:w-1/3" width="600"></f:image>
         </div>
     </f:if>
 
     <div class="container px-5 mx-auto">
-        <div class="{f:if(condition: data.media, then: 'grid md:grid-cols-3')}">
-            <f:if condition="{data.media}">
-                <div class="min-h-20">
-                    <f:image image="{data.media.0}" class="object-cover w-full h-full brightness-50" width="600"></f:image>
-                </div>
-            </f:if>
-            
+        <div class="{f:if(condition: data.assets, then: 'grid md:grid-cols-3')}">            
             <div></div>
 
-            <div class="{f:if(condition: data.media, then: 'md:col-span-2')} py-5 md:p-10 flex items-center">
+            <div class="{f:if(condition: data.assets, then: 'md:col-span-2')} py-5 md:p-10 flex items-center">
                 <div>
                     <f:render partial="Content/Header"
                         arguments="{headerLayout: data.header_layout, headerStyle: data.header_style, header: data.header, subheader: data.subheader, overline: data.overline}"/>

From 5625ea95a6aa938ce1643dc54dc596047f98d4b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A1s=20Ott=C3=B3?= <andras.otto@digital-zombies.com>
Date: Thu, 11 Apr 2024 16:28:42 +0100
Subject: [PATCH 2/3] [FEATURE] Add a layout for all elements

---
 .../ViewHelpers/RenderBlockViewHelper.php     |  1 +
 .../ProductLaunch/Pages/Default.html          |  4 +---
 .../Content/FormFormframework.html            | 10 ++++++++++
 .../_LandingPage/Content/SuccessCards.html    |  3 +++
 .../_LandingPage/Content/SuccessFaq.html      |  3 +++
 .../_LandingPage/Content/SuccessFeatures.html |  9 ++++++---
 .../_LandingPage/Content/SuccessGallery.html  |  3 +++
 .../_LandingPage/Content/SuccessHero.html     |  4 +++-
 .../_LandingPage/Content/SuccessNumbers.html  |  3 +++
 .../_LandingPage/Content/SuccessPartner.html  |  3 +++
 .../_LandingPage/Content/SuccessReview.html   |  5 +++--
 .../_LandingPage/Content/Textmedia.html       |  3 +++
 .../_LandingPage/Layouts/Default.html         | 10 ++++++++++
 .../Templates/_LandingPage/Pages/Default.html | 20 +++++++------------
 14 files changed, 59 insertions(+), 22 deletions(-)
 create mode 100644 local_packages/success/Resources/Private/Templates/_LandingPage/Content/FormFormframework.html
 create mode 100644 local_packages/success/Resources/Private/Templates/_LandingPage/Layouts/Default.html

diff --git a/local_packages/success/Classes/ViewHelpers/RenderBlockViewHelper.php b/local_packages/success/Classes/ViewHelpers/RenderBlockViewHelper.php
index b3539e0..fb53aa0 100644
--- a/local_packages/success/Classes/ViewHelpers/RenderBlockViewHelper.php
+++ b/local_packages/success/Classes/ViewHelpers/RenderBlockViewHelper.php
@@ -75,6 +75,7 @@ public static function renderStatic(array $arguments, \Closure $renderChildrenCl
         }
 
         $subView->assign('data', $data->toArray(true));
+        $subView->assign('rawData', $data->getRecord()->getRawRecord()->toArray());
         $subView->assign('context', $context);
         try {
             $content = $subView->render();
diff --git a/local_packages/success/Resources/Private/Templates/ProductLaunch/Pages/Default.html b/local_packages/success/Resources/Private/Templates/ProductLaunch/Pages/Default.html
index 2e98bf9..55cdba7 100644
--- a/local_packages/success/Resources/Private/Templates/ProductLaunch/Pages/Default.html
+++ b/local_packages/success/Resources/Private/Templates/ProductLaunch/Pages/Default.html
@@ -17,9 +17,7 @@
 
     <main class="font-text background-{settings.ui.layout.pagebg}">
         <f:for as="block" each="{content.column0.blocks}">
-            <div id="c{block.uid}">
-                <s:renderBlock data="{block}" />
-            </div>
+            <s:renderBlock data="{block}" />
         </f:for>
     </main>
     <f:render partial="Footer" arguments="{_all}" />
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/FormFormframework.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/FormFormframework.html
new file mode 100644
index 0000000..1d21902
--- /dev/null
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/FormFormframework.html
@@ -0,0 +1,10 @@
+<html
+    data-namespace-typo3-fluid="true"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+>
+
+<f:layout name="Default"/>
+<f:section name="Main">
+    <f:cObject typoscriptObjectPath="tt_content.form_formframework.20" data="{rawData}"/>
+</f:section>
+</html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessCards.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessCards.html
index 91f0095..75f143f 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessCards.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessCards.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-light py-12">
     <div class="container px-5 mx-auto">
         <f:render partial="Content/Header"
@@ -36,4 +38,5 @@
         </div>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFaq.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFaq.html
index 8e0b233..c0dbb0d 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFaq.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFaq.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-primary py-12">
     <div class="container px-5 mx-auto">
         <f:render partial="Content/Header"
@@ -25,4 +27,5 @@
         </f:if>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
index 74e5780..d218ad7 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessFeatures.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-secondary relative">
     <f:if condition="{data.media}">
         <div class="aspect-video md:aspect-auto relative md:static">
@@ -16,14 +18,14 @@
                     <f:image image="{data.media.0}" class="object-cover w-full h-full brightness-50" width="600"></f:image>
                 </div>
             </f:if>
-            
+
             <div></div>
 
             <div class="{f:if(condition: data.media, then: 'md:col-span-2')} py-5 md:p-10 flex items-center">
                 <div>
                     <f:render partial="Content/Header"
                         arguments="{headerLayout: data.header_layout, headerStyle: data.header_style, header: data.header, subheader: data.subheader, overline: data.overline}"/>
-        
+
                     <f:for each="{data.tx_success_feature}" as="feature">
                         <div class="mt-8 sm:flex">
                             <f:if condition="{feature.icon}">
@@ -40,7 +42,7 @@
                                 </f:else>
                             </f:if>
 
-                            
+
                             <div>
                                 <h3 class="h3 my-1">{feature.header}</h3>
                                 <div>{feature.text -> f:format.html()}</div>
@@ -52,4 +54,5 @@ <h3 class="h3 my-1">{feature.header}</h3>
         </div>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessGallery.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessGallery.html
index b142055..712ba35 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessGallery.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessGallery.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-secondary py-12">
     <div class="container px-5 mx-auto">
         <f:render partial="Content/Header"
@@ -15,4 +17,5 @@
         </div>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
index 60d6cd5..182a624 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-black relative min-h-screen flex items-center">
     <f:if condition="{data.assets}">
         <f:image image="{data.assets.0}" class="object-cover w-full h-full brightness-50 absolute top-0 left-0" width="1400"></f:image>
@@ -24,5 +26,5 @@
         </div>
     </div>
 </div>
-
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessNumbers.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessNumbers.html
index ee370cf..34ef0fa 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessNumbers.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessNumbers.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-light py-12">
     <div class="container px-5 mx-auto">
         <f:render partial="Content/Header"
@@ -22,4 +24,5 @@
         </f:if>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessPartner.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessPartner.html
index b85c9d1..672149e 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessPartner.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessPartner.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="mt-8">
     <f:render partial="Content/Header"
               arguments="{headerLayout: data.header_layout, headerStyle: data.header_style, header: data.header}"/>
@@ -15,4 +17,5 @@
         </f:if>
     </div>
 </div>
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessReview.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessReview.html
index 1dab0ac..c481390 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessReview.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessReview.html
@@ -2,7 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
-
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-light py-12">
     <div class="container px-5 mx-auto">
         <f:render partial="Content/Header"
@@ -23,5 +24,5 @@
         </div>
     </div>
 </div>
-
+</f:section>
 </html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
index e9e94a4..79b0d7b 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
@@ -2,6 +2,8 @@
     data-namespace-typo3-fluid="true"
     xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
 >
+<f:layout name="Default"/>
+<f:section name="Main">
 <div class="background-secondary py-12">
     <div class="container px-5 mx-auto">
         <div class="grid gap-8 md:grid-cols-2">
@@ -18,6 +20,7 @@
         </div>
     </div>
 </div>
+</f:section>
 <f:section name="text">
     <div class="flex items-center">
         <div>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Layouts/Default.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Layouts/Default.html
new file mode 100644
index 0000000..b8ef218
--- /dev/null
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Layouts/Default.html
@@ -0,0 +1,10 @@
+<html
+    data-namespace-typo3-fluid="true"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:vac="http://typo3.org/ns/Praetorius/ViteAssetCollector/ViewHelpers"
+    xmlns:s="http://typo3.org/ns/Surfcamp/Success/ViewHelpers"
+>
+<div id="c{data.uid}" class="{data.space_before_class} {data.space_after_class}">
+    <f:render section="Main" />
+</div>
+</html>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Pages/Default.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Pages/Default.html
index e0dd527..4dbd9fa 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Pages/Default.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Pages/Default.html
@@ -11,17 +11,11 @@
 </f:asset.css>
 
 <div data-ui-theme="{settings.ui.theme}"></div>
-
-{_all -> f:debug()}
-
-<h1>{page.title}</h1>
-
-<f:cObject typoscriptObjectPath="styles.content.get" data="{colPos: '0'}" />
-
-<div id="modal" class="modal">
-    <div class="container mx-auto px-5">
-        <div class="modal-content" id="modal-content"></div>
-        <div id="loading-indicator" class="loading-indicator"></div>
-    </div>
-</div>
+<main class="font-text background-light">
+    <f:for as="block" each="{content.column0.blocks}">
+        <s:renderBlock data="{block}" />
+    </f:for>
+</main>
+<f:render partial="Footer" arguments="{_all}" />
+<f:render partial="Page/Modal" />
 </html>

From d23c5ca04c65f7d4c3cb37e91d143d138b09a393 Mon Sep 17 00:00:00 2001
From: Julia Gruber <jg@studiomitte.com>
Date: Thu, 11 Apr 2024 16:33:37 +0100
Subject: [PATCH 3/3] [TASK] add fancy heading styles

---
 assets/scss/base/_global.scss                   | 17 +++++++++--------
 .../Configuration/TCA/Overrides/tt_content.php  | 12 ++++++------
 .../Resources/Private/Language/locallang_db.xlf | 12 ++++++------
 .../_LandingPage/Content/SuccessHero.html       |  2 +-
 .../_LandingPage/Content/Textmedia.html         |  6 +++---
 .../_LandingPage/Partials/Content/Header.html   |  4 ++++
 tailwind.config.js                              |  5 +++++
 7 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/assets/scss/base/_global.scss b/assets/scss/base/_global.scss
index ee1122d..ab7fa0c 100644
--- a/assets/scss/base/_global.scss
+++ b/assets/scss/base/_global.scss
@@ -34,25 +34,26 @@ html {
         @apply bg-black text-white hover:bg-gray-900 focus:bg-gray-900;
     }
 
-    .h1 {
-        @apply text-5xl font-bold font-heading;
+    .heading-xxl {
+        @apply text-5xl font-bold font-heading block;
     }
 
-    .h2 {
-        @apply text-3xl font-bold font-heading;
+    .heading-xl {
+        @apply text-3xl font-bold font-heading block;
     }
 
-    .h3 {
-        @apply text-xl font-bold font-heading;
+    .heading-lg {
+        @apply text-xl font-bold font-heading block;
     }
 
     h1,
     h2,
     h3,
     h4,
-    h5 {
+    h5,
+    span {
         &.default {
-            @apply text-lg font-bold font-heading;
+            @apply text-lg font-bold font-heading block;
         }
     }
 
diff --git a/local_packages/success/Configuration/TCA/Overrides/tt_content.php b/local_packages/success/Configuration/TCA/Overrides/tt_content.php
index e751a75..edc44a0 100644
--- a/local_packages/success/Configuration/TCA/Overrides/tt_content.php
+++ b/local_packages/success/Configuration/TCA/Overrides/tt_content.php
@@ -107,16 +107,16 @@
                     'value' => 'default'
                 ],
                 [
-                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.lovely',
-                    'value' => 'lovely'
+                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.heading-xxl',
+                    'value' => 'heading-xxl'
                 ],
                 [
-                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.fancy',
-                    'value' => 'fancy'
+                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.heading-xl',
+                    'value' => 'heading-xl'
                 ],
                 [
-                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.rainbow',
-                    'value' => 'rainbow'
+                    'label' => 'LLL:EXT:success/Resources/Private/Language/locallang_db.xlf:header_style.heading-lg',
+                    'value' => 'heading-lg'
                 ]
             ]
         ]
diff --git a/local_packages/success/Resources/Private/Language/locallang_db.xlf b/local_packages/success/Resources/Private/Language/locallang_db.xlf
index 06ce895..7d73155 100644
--- a/local_packages/success/Resources/Private/Language/locallang_db.xlf
+++ b/local_packages/success/Resources/Private/Language/locallang_db.xlf
@@ -16,14 +16,14 @@
 			<trans-unit id="header_style.default" resname="header_style.default">
 				<source>Default</source>
 			</trans-unit>
-			<trans-unit id="header_style.lovely" resname="header_style.lovely">
-				<source>Lovely</source>
+			<trans-unit id="header_style.heading-xxl" resname="header_style.heading-xxl">
+				<source>Heading XXLarge</source>
 			</trans-unit>
-			<trans-unit id="header_style.fancy" resname="header_style.fancy">
-				<source>Fancy</source>
+			<trans-unit id="header_style.heading-xl" resname="header_style.heading-xl">
+				<source>Heading XLarge</source>
 			</trans-unit>
-			<trans-unit id="header_style.rainbow" resname="header_style.rainbow">
-				<source>Over the rainbow</source>
+			<trans-unit id="header_style.heading-lg" resname="header_style.heading-lg">
+				<source>Heading Large</source>
 			</trans-unit>
 
 			<trans-unit id="button" resname="button">
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
index 60d6cd5..901a940 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/SuccessHero.html
@@ -13,7 +13,7 @@
                     arguments="{headerLayout: data.header_layout, headerStyle: data.header_style, header: data.header, overline: data.overline}"/>
 
                 <f:if condition="{data.bodytext}">
-                    <div class="rte">{data.bodytext -> f:format.html()}</div>
+                    <div class="rte mt-4">{data.bodytext -> f:format.html()}</div>
                 </f:if>
 
                 <div class="mt-5">
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
index e9e94a4..cb11e91 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Content/Textmedia.html
@@ -8,10 +8,10 @@
             <f:switch expression="{data.imageorient}">
                 <f:case value="1">
                     <f:render section="text" arguments="{data: data}"/>
-                    <f:render section="media" arguments="{data: data}"/>
+                    <f:render section="media" arguments="{data: data, rotate: 'rotate-right'}"/>
                 </f:case>
                 <f:defaultCase>
-                    <f:render section="media" arguments="{data: data}"/>
+                    <f:render section="media" arguments="{data: data, rotate: 'rotate-left'}"/>
                     <f:render section="text" arguments="{data: data}"/>
                 </f:defaultCase>
             </f:switch>
@@ -31,7 +31,7 @@
 </f:section>
 <f:section name="media">
     <div class="md:flex justify-center items-center">
-        <div class="aspect-square rounded overflow-hidden rotate-left max-w-80">
+        <div class="aspect-square rounded overflow-hidden {rotate} max-w-80">
             <f:if condition="{data.assets}">
                 <f:for each="{data.assets}" as="media">
                     <f:image src="{media.uid}" treatIdAsReference="1" class="object-cover h-full w-full" width="400"/>
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Content/Header.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Content/Header.html
index 0dbd6b3..895352d 100644
--- a/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Content/Header.html
+++ b/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Content/Header.html
@@ -38,6 +38,10 @@ <h5 class="{headerStyle}">
     </f:defaultCase>
 </f:switch>
 
+<f:if condition="{headerStyle} == 'heading-xxl'">
+    <span aria-hidden="true" class="w-12 border-b-4 border-primary-500 inline-block"></span>
+</f:if>
+
 <f:if condition="{subheader}">
     <span class="block text-lg mt-3">{subheader}</span>
 </f:if>
diff --git a/tailwind.config.js b/tailwind.config.js
index a433940..7e9eba1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -42,5 +42,10 @@ export default {
       lighttext: 'var(--color-lighttext)',
     },
     extend: {},
+    safelist: [
+      'heading-xxl',
+      'heading-xl',
+      'heading-lg',
+    ]
   },
 }