Make the hero component spacing smaller

This commit is contained in:
Braydon 2024-04-18 12:42:47 -04:00
parent e104bc8728
commit 6e21847c3b
2 changed files with 2 additions and 2 deletions

@ -10,7 +10,7 @@ import Background from "../components/landing/background";
* @returns the page jsx * @returns the page jsx
*/ */
const LandingPage = (): ReactElement => ( const LandingPage = (): ReactElement => (
<main className="flex flex-col gap-14"> <main className="flex flex-col gap-10">
{/* Hero */} {/* Hero */}
<div className="relative"> <div className="relative">
<Background /> <Background />

@ -13,7 +13,7 @@ import { ReactElement } from "react";
*/ */
const Hero = (): ReactElement => ( const Hero = (): ReactElement => (
<div className="pt-56 pb-40 flex flex-col gap-8 justify-center items-center"> <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 */} {/* Title */}
<h1 <h1
className={cn( className={cn(