diff --git a/app/dashboard/sites/SitesPage.tsx b/app/dashboard/sites/SitesPage.tsx
index c199c33..02a0696 100644
--- a/app/dashboard/sites/SitesPage.tsx
+++ b/app/dashboard/sites/SitesPage.tsx
@@ -2,6 +2,7 @@
 import Sidebar from "@/components/Sidebar";
 import { Plus } from "lucide-react";
 import AddSite from "@/components/dialogues/AddSite";
+import Sites from "@/components/cards/Sites";
 
 interface SitesPageProps {
     username: string;
@@ -29,6 +30,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
                 </div>
 
                 <AddSite />
+                <Sites id="" name="test" description="test" networks={[]} />
             </main>
         </Sidebar>
     )
diff --git a/components/cards/Sites.tsx b/components/cards/Sites.tsx
new file mode 100644
index 0000000..142c93d
--- /dev/null
+++ b/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>
+    )
+}