From 7edcf28a41c0041943d1c2e77092f52fa3270142 Mon Sep 17 00:00:00 2001
From: Evan Unit Lim <62005952+evlim@users.noreply.github.com>
Date: Thu, 12 Sep 2024 17:50:54 +0800
Subject: [PATCH 1/3] Adds a small padding at the bottom to prevent lack of
 space for descenders

Adds a small padding at the bottom to prevent lack of space for descenders, leading to descenders like "g" and "p" being cut off at the bottom. (Caused by bg-clip-text and text-transparent.)
---
 src/routes/(marketing)/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(marketing)/+page.svelte b/src/routes/(marketing)/+page.svelte
index 7d3d3447..f60e59be 100644
--- a/src/routes/(marketing)/+page.svelte
+++ b/src/routes/(marketing)/+page.svelte
@@ -233,7 +233,7 @@
   <div class="hero-content text-center py-12">
     <div class="max-w-xl">
       <div
-        class="text-xl md:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mb-4 md:mb-8"
+        class="text-xl md:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mb-4 md:mb-8 pb-1"
       >
         SaaS Starter Demo
       </div>

From 70fc4a82d12069ccc25d26f84d5f94627db39dde Mon Sep 17 00:00:00 2001
From: Evan Unit Lim <62005952+evlim@users.noreply.github.com>
Date: Thu, 12 Sep 2024 17:58:31 +0800
Subject: [PATCH 2/3] Adds small paddings at the bottom to prevent lack of
 space for descenders

Adds a small padding at the bottom to prevent lack of space for descenders, leading to descenders like "g" and "p" being cut off at the bottom. (Caused by bg-clip-text and text-transparent.)
---
 src/routes/(marketing)/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(marketing)/+page.svelte b/src/routes/(marketing)/+page.svelte
index f60e59be..f16a6323 100644
--- a/src/routes/(marketing)/+page.svelte
+++ b/src/routes/(marketing)/+page.svelte
@@ -300,7 +300,7 @@
   <div class="pt-20 pb-8 px-7">
     <div class="max-w-lg mx-auto text-center">
       <div
-        class="text-3xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent"
+        class="text-3xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent pb-2"
       >
         Explore the Features
       </div>
@@ -361,7 +361,7 @@
   <div class="hero-content text-center pb-16 pt-4 px-4">
     <div class="max-w-lg">
       <div
-        class="text-3xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mt-4"
+        class="text-3xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mt-4 pb-2"
       >
         See it in Action
       </div>

From 4b5ca756f547db785f03a6a934435b1c761d4017 Mon Sep 17 00:00:00 2001
From: Evan Unit Lim <62005952+evlim@users.noreply.github.com>
Date: Thu, 12 Sep 2024 18:07:13 +0800
Subject: [PATCH 3/3] Balance the extra space created

Adjust the bottom margin or the top margin of the next element to balance the extra space created by pb
---
 src/routes/(marketing)/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(marketing)/+page.svelte b/src/routes/(marketing)/+page.svelte
index f16a6323..daa955e3 100644
--- a/src/routes/(marketing)/+page.svelte
+++ b/src/routes/(marketing)/+page.svelte
@@ -233,7 +233,7 @@
   <div class="hero-content text-center py-12">
     <div class="max-w-xl">
       <div
-        class="text-xl md:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mb-4 md:mb-8 pb-1"
+        class="text-xl md:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent mb-3 md:mb-7 pb-1"
       >
         SaaS Starter Demo
       </div>
@@ -304,7 +304,7 @@
       >
         Explore the Features
       </div>
-      <div class="mt-6 text-xl font-bold">
+      <div class="mt-4 text-xl font-bold">
         And try them on this
         <span
           class="underline decoration-secondary decoration-[3px] md:decoration-[4px]"
@@ -366,7 +366,7 @@
         See it in Action
       </div>
       <div
-        class="flex flex-col lg:flex-row mt-8 gap-6 place-content-center content-center"
+        class="flex flex-col lg:flex-row mt-6 gap-6 place-content-center content-center"
       >
         <div class="hidden md:block">
           <a href="https://criticalmoments.io" target="_blank" class="link">