Fix hero spacing, 'See more event' btn

Author: Muchael123

src/components/ContactUs/ContactUs.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import DesktopVersion from './DesktopVersion';
+// import DesktopVersion from './DesktopVersion';
 import MobileVersion from './MobileVersion';
 import Footer from './Footer';
 
@@ -25,7 +25,7 @@ export default function ContactUs() {
       <h2 className="font-montserrat text-lg uppercase w-fit mx-auto pt-5 font-semibold">
         Contact us
       </h2>
-      <DesktopVersion />
+      {/* <DesktopVersion /> */}
       <Footer/>
     </section>
   );

src/components/HeroHeader/DesktopHero.tsx

@@ -12,14 +12,14 @@ export default function HeroHeader() {
       }}
     >
 
-      <div className="w-full flex flex-col items-center justify-center z-10 bg-black bg-opacity-30">
+      <div className="w-full flex py-20 flex-col items-center justify-center z-10 bg-black bg-opacity-80">
         <h1 className="font-montserrat font-bold text-center text-white text-[40px] leading-10 w-[388px] mx-auto mt-24">
           React Developer Community Kenya
         </h1>
         <p className="font-montserrat text-white w-[570px] mx-auto text-center mt-5 mb-[45px]">
           We are a tech community in Kenya focused on the React JS library and its ecosystem.
         </p>
-        <div className="flex items-center justify-center mb-44 relative">
+        <div className="flex  items-center justify-center  relative">
           <LinkButton
             className="flex justify-center items-center bg-[#EC0505] hover:bg-[#e12e2e] transition-all duration:200 hover:scale-105 w-[307px] h-[61px] rounded-md text-white font-montserrat font-bold"
             href="https://bit.ly/joinreactdevske"

src/components/HeroHeader/MobileHero.tsx

@@ -6,7 +6,7 @@ import backgroundImage from '/public/images/hero-image.jpg'; // Add your backgro
 export default function MobileHero() {
   return (
     <div
-      className="flex h-[80vh] bg-black bg-cover bg-center text-white mt-0"
+      className="flex h-[50vh] items-center justify-center bg-black bg-cover bg-center text-white mt-0"
       style={{
         backgroundImage: `url(${backgroundImage.src})`
       }}