feat: replaced <a /> with <Link />, used tailwind config colour schemes, added padding to images

Author: GenDelta

src/pages/Teams/TeamMember.jsx

@@ -68,4 +68,4 @@ TeamMember.propTypes = {
   }).isRequired,
 };
 
-export default TeamMember;
+export default TeamMember;

src/pages/Teams/index.jsx

@@ -1,6 +1,6 @@
 import TeamMember from "@/pages/Teams/TeamMember";
 import SkewButton from "@/components/SkewButton";
-import Heading from "@/components/Heading/index"
+import Heading from "@/components/Heading/index";
 import teamMembersData from "./teamsdata.json";
 
 function Teams() {
@@ -12,7 +12,10 @@ function Teams() {
     <div className="bg-background-dark min-h-screen">
       <div className="flex justify-center items-center">
         <div className="flex-grow container mx-auto pr-20 pl-20 space-x-30 py-8">
-          <Heading text = "MEET OUR TEAM" className="text-center absolute top-0 left-0 right-0 mb-24" />
+          <Heading
+            text="MEET OUR TEAM"
+            className="text-center absolute top-0 left-0 right-0 mb-24"
+          />
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 grid grid-rows-auto mt-12">
             {teamMembers}
           </div>
@@ -23,4 +26,4 @@ function Teams() {
   );
 }
 
-export default Teams;
+export default Teams;