From 3414576a6e0ec0651fa1bb98c0cc1461699da12c Mon Sep 17 00:00:00 2001
From: Mattia Simonato <mattiasimonato.w@gmail.com>
Date: Thu, 18 Apr 2024 15:46:53 +0200
Subject: [PATCH] fix(SLB-323): adapt vertical spacing and font appearance

---
 packages/ui/src/components/Organisms/PageHero.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Organisms/PageHero.tsx b/packages/ui/src/components/Organisms/PageHero.tsx
index 2bc4b476a..7eea65402 100644
--- a/packages/ui/src/components/Organisms/PageHero.tsx
+++ b/packages/ui/src/components/Organisms/PageHero.tsx
@@ -15,7 +15,7 @@ export function PageHero(props: NonNullable<PageFragment['hero']>) {
 
 function DefaultHero(props: NonNullable<PageFragment['hero']>) {
   return (
-    <section className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32 min-h-[19rem] lg:min-h-[25rem]">
+    <section className="relative isolate overflow-hidden bg-gray-900 pt-12 pb-24 min-h-[19rem] lg:min-h-[25rem]">
       {props.image ? (
         <Image
           alt={props.image.alt}
@@ -27,7 +27,7 @@ function DefaultHero(props: NonNullable<PageFragment['hero']>) {
       ) : null}
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h1 className="max-w-xl text-5xl font-extrabold tracking-tight leading-tight text-white">
+          <h1 className="text-5xl font-extrabold tracking-tight leading-tight text-white drop-shadow-md">
             {props.headline}
           </h1>
           {props.lead ? (
@@ -74,7 +74,7 @@ function FormHero(props: NonNullable<PageFragment['hero']>) {
         ) : null}
 
         <div className="px-4 lg:pt-24 pt-8 pb-72 lg:pb-80 mx-auto max-w-screen-sm text-center lg:px-6 ">
-          <h1 className="text-4xl tracking-tight font-extrabold text-white">
+          <h1 className="text-4xl tracking-tight font-extrabold text-white drop-shadow-md">
             {props.headline}
           </h1>
           {props.lead ? (