rework project cards

2024-08-14 00:58:08 -04:00
parent 614cd7f0bd
commit 09482882f5
7 changed files with 88 additions and 103 deletions
@@ -0,0 +1,32 @@
+export default function Project({
+    name,
+    image,
+    description,
+    urlTo
+}: {
+    name: string,
+    image: string,
+    description: string,
+    urlTo?: string,
+}) {
+    return (
+        <a href={urlTo} target="_blank">
+            <div className="bg-white text-black max-w-fit mx-auto rounded-lg overflow-hidden">
+                <img
+                    src={image}
+                    width="400"
+                    height="300"
+                    alt={name}
+                    className="w-full h-48 object-cover"
+                />
+
+                <div className="p-4 space-y-2">
+                    <h3 className="text-xl font-bold">{name}</h3>
+                    <p className="text-muted-foreground">
+                        {description}
+                    </p>
+                </div>
+            </div>
+        </a>
+    )
+}