From 5ddd11ed8441b0f179ed6060abd2199df485dcdf Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 21:49:01 +0200
Subject: [PATCH] Fix clipped at the bottom headings with text gradient.

---
 app/(root)/changelogs/page.tsx      | 2 +-
 app/(root)/contribute/page.tsx      | 2 +-
 app/(root)/downloads/page.tsx       | 2 +-
 app/(root)/mods/page.tsx            | 2 +-
 app/(root)/privacy-policy/page.tsx  | 2 +-
 app/(root)/tos/page.tsx             | 2 +-
 app/(root)/vulnerabilities/page.tsx | 2 +-
 components/shared/FAQ.tsx           | 4 ++--
 components/shared/Newsletter.tsx    | 4 ++--
 9 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/(root)/changelogs/page.tsx b/app/(root)/changelogs/page.tsx
index 32f21e1..0b26690 100644
--- a/app/(root)/changelogs/page.tsx
+++ b/app/(root)/changelogs/page.tsx
@@ -54,7 +54,7 @@ const LogsPage: React.FC = () => {
 			id="logs"
 			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
 			<p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/contribute/page.tsx b/app/(root)/contribute/page.tsx
index 81398be..b0070c8 100644
--- a/app/(root)/contribute/page.tsx
+++ b/app/(root)/contribute/page.tsx
@@ -12,7 +12,7 @@ const Contribute = () => {
 			id="tos"
 			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
 			<p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index 78b33c2..e090aa9 100644
--- a/app/(root)/downloads/page.tsx
+++ b/app/(root)/downloads/page.tsx
@@ -58,7 +58,7 @@ const DownloadPage: React.FC = () => {
       id="download"
       className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
       <p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/mods/page.tsx b/app/(root)/mods/page.tsx
index 55f91cc..4393b20 100644
--- a/app/(root)/mods/page.tsx
+++ b/app/(root)/mods/page.tsx
@@ -58,7 +58,7 @@ const ModsPage: React.FC = () => {
       id="mods"
       className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
       <p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/privacy-policy/page.tsx b/app/(root)/privacy-policy/page.tsx
index 02021e6..0634eb5 100644
--- a/app/(root)/privacy-policy/page.tsx
+++ b/app/(root)/privacy-policy/page.tsx
@@ -14,7 +14,7 @@ const PrivacyPolicy = () => {
 			id="privacy-policy"
 			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
 			<p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/tos/page.tsx b/app/(root)/tos/page.tsx
index afb8e0a..8e74c70 100644
--- a/app/(root)/tos/page.tsx
+++ b/app/(root)/tos/page.tsx
@@ -12,7 +12,7 @@ const TermsOfService = () => {
 			id="tos"
 			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
 			<p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/vulnerabilities/page.tsx b/app/(root)/vulnerabilities/page.tsx
index e85d6c2..e5274ee 100644
--- a/app/(root)/vulnerabilities/page.tsx
+++ b/app/(root)/vulnerabilities/page.tsx
@@ -12,7 +12,7 @@ const Vulnerabilities = () => {
 			id="tos"
 			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
 			<p className="text-lg text-muted-foreground text-start mb-4">
diff --git a/components/shared/FAQ.tsx b/components/shared/FAQ.tsx
index 719be6c..84d1ad2 100644
--- a/components/shared/FAQ.tsx
+++ b/components/shared/FAQ.tsx
@@ -10,10 +10,10 @@ import {
 const Faq = () => {
   return (
     <section id="faq" className="wrapper container py-24 md:py-28">
-      <h2 className="text-3xl md:text-5xl font-bold mb-4 text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h2 className="text-3xl md:text-5xl font-bold mb-4 md:mb-2 md:pb-2 text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Frequently Asked Question
       </h2>
-      <p className="text-lg text-muted-foreground text-start mt-4 mb-8">
+      <p className="text-lg text-muted-foreground text-start mt-4 md:mt-2 mb-8">
         Find answers to common questions about SVRJS
       </p>
       <Accordion
diff --git a/components/shared/Newsletter.tsx b/components/shared/Newsletter.tsx
index 0b7f9d7..6a55764 100644
--- a/components/shared/Newsletter.tsx
+++ b/components/shared/Newsletter.tsx
@@ -25,10 +25,10 @@ const Newsletter = () => {
     <section id="newsletter">
       <hr className="w-11/12 mx-auto" />
       <div className="container py-24 md:py-32">
-        <h3 className="text-center text-4xl md:text-5xl text-black font-bold dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+        <h3 className="text-center text-4xl md:text-5xl md:pb-2 text-black font-bold dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
           Join The Newsletter!
         </h3>
-        <p className="text-lg text-muted-foreground text-center mt-4 mb-8">
+        <p className="text-lg text-muted-foreground text-center mt-4 md:mt-2 mb-8">
           Choosing the right website deployment option is important when
           creating a website, because it directly impacts the user experience
           and the resources required to run your website.