Add social links page

src/components/ProjectsCard.tsx

@@ -3,7 +3,6 @@ import Link from "next/link"
 type ProjectCardProps = {
     name: string,
     subHeading?: string,
-    key: string,
     description: string,
     urlTo: string
 }
@@ -11,8 +10,8 @@ type ProjectCardProps = {
 export default function ProjectCard(props: ProjectCardProps) {
     return (
         <Link href={props.urlTo} target="_blank" rel="noreferrer">
-            <div className="mx-auto text-center justify-center flex">
-                <div key={props.key} className="w-1/2 rounded-lf relative">
+            <div className="mx-auto justify-center flex">
+                <div className="w-1/2 rounded-lf relative">
                     <div className="top-0 left-0 p-2 bg-gray-800">
                         <p className="font-bold">{props.name}</p>
                         <p className="pb-2">{props.subHeading}</p>

src/components/SocialCard.tsx

@@ -0,0 +1,16 @@
+import Link from "next/link"
+
+type SocialCardProps = {
+    name: string,
+    url: string
+}
+
+export default function SocialMediaCard(props: SocialCardProps) {
+    return (
+        <div className="bg-gray-500 rounded-lg text-center max-w-sm p-4 mx-auto">
+            <Link href={props.url}>
+                {props.name}
+            </Link>
+        </div>
+    )
+}