Fix clipped at the bottom headings with text gradient.

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">

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">

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">

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">

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">

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">

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">

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

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.