contributors section enhanced

Author: jsvigneshkanna

components/aboutUs.js

@@ -89,15 +89,20 @@ const AboutUs = () => {
             <div>
               <div className="flex  flex-col justify-center items-center flex-wrap">
                 <div className=" my-5 mx-3 p-6 flex flex-col justify-center items-center md:w-4/5 md:mx-0p-6 px-5 overflow-auto border-blue-700 border-2 rounded-lg bg-sky-300">
-                  <Link href="/contributors" className="cursor-pointer">
-                    <p className=" text-xl font-bold underline underline-offset-4 text-blue-700 mb-4">
-                      Check out our cool contributors
-                    </p>
-                    <hr className="bg-white" />
-                    <p className="w-full text-center text-blue-900 font-semibold flex flex-col md:flex-row justify-center items-center">
-                      We currently have around 50+ open source contributors who have contributed in codebase through different ways from 
-                      correcting the UI components to adding this whole new link ❤️‍🔥. Check our contributors in next page, and you too can
-                      become a part of our cool 🥸 community. 
+                  <p className=" text-xl font-bold underline underline-offset-4 text-blue-700 mb-4">
+                    Check out our cool contributors
+                  </p>
+                  <hr className="bg-white" />
+                  <p className="w-full text-center text-blue-900 font-semibold flex flex-col md:flex-row justify-center items-center">
+                    We currently have around 50+ open source contributors who
+                    have contributed in codebase through different ways from
+                    correcting the UI components to adding this whole new link
+                    ⚡. Check our contributors in next page, and you too can
+                    become a part of our cool 🥸 community.
+                  </p>
+                  <Link href="/contributors">
+                    <p className="bg-rose-400 py-1 px-2 rounded-2xl text-white font-semibold cursor-pointer">
+                      Check your
                     </p>
                   </Link>
                 </div>

components/contributor.js

@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
 import {useEffect, useState} from "react";
 
 function Contributor(props) {

components/contributors.js

@@ -38,18 +38,21 @@ const Contributors = () => {
         </div>
       ) : (
         <div className="banner">
-            <div className="mx-4 md:mx-40">
-              <p className="text-3xl text-white font-bold text-center ">Our contributors:</p>
-              <div className="p-6 px-5"></div>
-              <div
-                id="contributors"
-                className="max-w-sm relative mx-auto dark:highlight-white/5 shadow-lg ring-1 ring-black/5 rounded-xl flex flex-col   md:max-w-5xl md:overflow-auto md:w-auto md:flex md:flex-row md:flex-wrap md:justify-evenly ">
-                {contributors.map((contributor, idx) => (
-                  <Contributor key={idx} contributor={contributor} />
-                ))}
-              </div>
+          <div className="mx-4 md:mx-40">
+            <p className="text-3xl text-white font-bold text-center ">
+              Our contributors:
+            </p>
+            <div className="p-6 px-5"></div>
+            <div
+              id="contributors"
+              className="max-w-sm relative mx-auto dark:highlight-white/5 shadow-lg ring-1 ring-black/5 rounded-xl flex flex-col   md:max-w-5xl md:overflow-auto md:w-auto md:flex md:flex-row md:flex-wrap md:justify-evenly ">
+              {console.log("checking, ", contributors)}
+              {contributors.map((contributor, idx) => (
+                <Contributor key={idx} contributor={contributor} />
+              ))}
             </div>
           </div>
+        </div>
       )}
     </div>
   );