Fix the footer padding and spacing for better UI

Author: cindykandie

src/components/ContactUs/ContactUs.tsx

@@ -22,7 +22,7 @@ export default function ContactUs() {
 
   return (
     <section id="contact-us" className="bg-[#0096c7] pb-0">
-      <h2 className="font-montserrat text-base uppercase w-fit mx-auto py-5">
+      <h2 className="font-montserrat text-lg uppercase w-fit mx-auto pt-5 font-semibold">
         Contact us
       </h2>
       <DesktopVersion />

src/components/ContactUs/DesktopVersion.tsx

@@ -32,7 +32,7 @@ export default function DesktopVersion() {
       <h1 className="hidden lg:block font-montserrat text-[32px] font-[900] w-fit mx-auto py-4">
         Have an interesting idea we should discuss?
       </h1>
-      <div className="max-w-[800px] mx-auto pt-[74px] pb-[46px] rounded-[10px]">
+      <div className="max-w-[800px] mx-auto pt-[36px] pb-[46px] rounded-[10px]">
         <form className="mx-auto w-3/4" onSubmit={handleSubmit}>
           <label
             htmlFor="name"

src/components/HeroHeader/DesktopHero.tsx

@@ -5,7 +5,7 @@ import LinkButton from '../LinkButton/LinkButton';
 export default function HeroHeader() {
   return (
     <div
-      className="relative bg-cover bg-center bg-no-repeat min-h-[fit]"
+      className="relative bg-cover bg-center bg-no-repeat"
       style={{
         backgroundImage: `url('/images/hero-image.jpg')`,
         backgroundColor: '#160c0c',