Sites Display test

components/cards/Sites.tsx

@@ -0,0 +1,18 @@
+interface SitesProps {
+    id: string;
+    name: string;
+    description: string;
+    networks: string[];
+}
+
+export default function Sites({ id, name, description, networks }: SitesProps) {
+    return (
+        <div className="card bg-base-200 shadow-xl">
+            <div className="card-body">
+                <h2 className="card-title">{name}</h2>
+                <p>{description}</p>
+                <p>Networks: {networks.join(', ')}</p>
+            </div>
+        </div>
+    )
+}