Fix build

Author: nyandika

src/components/Events/Events.tsx

@@ -61,8 +61,9 @@ export default function Events() {
       id="events"
       className="relative flex flex-col items-center justify-center w-full pt-16 bg-[#023e8a] md:py-20 gap-y-2 md:gap-y-5"
     >
-  
-      <h2 className="pb-2 text-3xl text-white font-bold md:pb-10">Community Events</h2>
+      <h2 className="pb-2 text-3xl text-white font-bold md:pb-10">
+        Community Events
+      </h2>
       <div className="grid grid-cols-1 gap-y-4  md:gap-y-10 gap-x-6 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-8 md:grid-cols-2 px-4 md:px-10 lg:px-16 pt-8 md:pt-14 xl:pt-16">
         {events.map((event) => (
           <DisplayRC
@@ -84,6 +85,7 @@ export default function Events() {
             See More Events
           </Link>
         </div>
+      </div>
     </section>
   );
 }

src/components/HeroHeader/DesktopHero.tsx

@@ -10,7 +10,6 @@ export default function HeroHeader() {
         backgroundColor: '#160c0c',
       }}
     >
-      
       <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

src/components/HeroHeader/MobileHero.tsx

@@ -1,4 +1,3 @@
-
 import React from 'react';
 import LinkButton from '../LinkButton/LinkButton';
 import backgroundImage from '/public/images/hero-image.jpg'; // Add your background image here
@@ -11,10 +10,9 @@ export default function MobileHero() {
         backgroundImage: `url(${backgroundImage.src})`,
       }}
     >
-      
-      <div 
-      className="bg-black pt-[20vh] h-full justify-end items-center pb-[5vh] flex-col bg-opacity-50 p-6 rounded-md flex   bg-cover bg-center text-white mt-0"
-      > {/* Adds opacity to make text more legible */}
+      <div className="bg-black pt-[20vh] h-full justify-end items-center pb-[5vh] flex-col bg-opacity-50 p-6 rounded-md flex   bg-cover bg-center text-white mt-0">
+        {' '}
+        {/* Adds opacity to make text more legible */}
         <h1 className="font-robotoMono font-medium text-2xl text-center mb-2 text-white">
           React Developer Community Kenya
         </h1>

src/pages/index.page.tsx

@@ -24,7 +24,7 @@ export default function Home() {
       </Head>
       <main className="">
         <Navbar />
-    
+
         <HeroHeader />
         <div className="flex flex-col py-12 bg-[#030e30] text-white">
           <AboutUs />