Removed from the environment variables on DesktopVersion FIle, changed fade direction in events, and desktophero. Removed underline feature on Mission component

Author: Zackius

src/components/ContactUs/DesktopVersion.tsx

@@ -8,7 +8,7 @@ import ReCAPTCHA from 'react-google-recaptcha';
 export default function DesktopVersion() {
   const [captchaComplete, setCaptchaComplete] = useState<boolean>(false);
 
-  const [state, handleSubmit] = useForm("process.env.NEXT_PUBLIC_FORMSPREE_ID!");
+  const [state, handleSubmit] = useForm(process.env.NEXT_PUBLIC_FORMSPREE_ID!);
 
   const handleRecaptchaResult = (result: string | null) => {
     if (result) {
@@ -84,7 +84,7 @@ export default function DesktopVersion() {
           />
 
           <ReCAPTCHA
-            sitekey={"process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY!"}
+            sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY!}
             onChange={handleRecaptchaResult}
           />
 

src/components/Events/Events.tsx

@@ -61,7 +61,7 @@ export default function Events() {
       id="events"
       className="relative flex flex-col items-center justify-center w-full py-16 bg-white md:py-20 gap-y-2 md:gap-y-5"
     >
-      <Fade direction='right'>
+      <Fade direction='down'>
       <h2 className="flex text-2xl  border-b-2 border-slate-400 items-center justify-center font-light tracking-wide">
         Events
       </h2>

src/components/HeroHeader/DesktopHero.tsx

@@ -19,16 +19,14 @@ export default function HeroHeader() {
         <Navbar />
       </div>
       <div className="w-full flex flex-col items-center justify-center z-10">
-        <Fade direction='left'>
+        <Fade direction='down'>
         <h1 className="font-montserrat font-bold text-center text-white text-[40px] leading-10 w-[388px] mx-auto mt-20">
           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>
-        </Fade>
-        <Fade direction='right'>
         <div className="flex items-center justify-center mb-44 relative">
           <LinkButton
             className="flex justify-center items-center bg-[#EC0505] w-[307px] h-[61px] rounded-md text-white font-montserrat font-bold"

src/components/MissionPillars/MissionPillars.tsx

@@ -5,7 +5,7 @@ import {Fade} from "react-awesome-reveal"
 export default function MissionPillars() {
   return (
     <section className="flex flex-col w-full md:justify-center items-center bg-white md:bg-[#CEEDF4] py-12 space-y-10">
-      <h2 className="md:uppercase border-b-2 border-slate-400  font-bold md:font-light text-2xl md:text-5xl">
+      <h2 className="md:uppercase  font-bold md:font-light text-2xl md:text-5xl">
         Our Mission Pillars
       </h2>
       <div className="flex flex-col md:flex-row md:items-center md:justify-center w-full px-6 space-y-4 md:space-x-6">