From 6e21847c3bd377ad5914ac7451ae31becef6f7a6 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Thu, 18 Apr 2024 12:42:47 -0400
Subject: [PATCH] Make the hero component spacing smaller

---
 Frontend/src/app/(pages)/page.tsx            | 2 +-
 Frontend/src/app/components/landing/hero.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/app/(pages)/page.tsx b/Frontend/src/app/(pages)/page.tsx
index c2b5c9d..e315771 100644
--- a/Frontend/src/app/(pages)/page.tsx
+++ b/Frontend/src/app/(pages)/page.tsx
@@ -10,7 +10,7 @@ import Background from "../components/landing/background";
  * @returns the page jsx
  */
 const LandingPage = (): ReactElement => (
-    <main className="flex flex-col gap-14">
+    <main className="flex flex-col gap-10">
         {/* Hero */}
         <div className="relative">
             <Background />
diff --git a/Frontend/src/app/components/landing/hero.tsx b/Frontend/src/app/components/landing/hero.tsx
index 4072912..860a3e2 100644
--- a/Frontend/src/app/components/landing/hero.tsx
+++ b/Frontend/src/app/components/landing/hero.tsx
@@ -13,7 +13,7 @@ import { ReactElement } from "react";
  */
 const Hero = (): ReactElement => (
     <div className="pt-56 pb-40 flex flex-col gap-8 justify-center items-center">
-        <div className="flex flex-col gap-4 items-center text-center">
+        <div className="flex flex-col gap-4 items-center text-center pointer-events-none">
             {/* Title */}
             <h1
                 className={cn(