Footer in eigenem Component

apps/hub/app/(app)/resources/page.tsx

@@ -1,10 +1,20 @@
 import ResourceCard from "(app)/resources/_components/Card";
 import { Download } from "lucide-react";
 import Desktop from "./_components/desktop-client.png";
+import Discord from "./_components/Discord-logo.png";
+import { DiscordLogoIcon } from "@radix-ui/react-icons";
 
 export default function () {
 	return (
-		<div>
+		<div className="space-y-8">
+			<ResourceCard
+				image={Discord}
+				title="Discord Server"
+				BtnIcon={<DiscordLogoIcon />}
+				btnHref="https://discord.com/invite/x6FAMY7DW6"
+				btnLabel="Beitreten"
+				description="Tritt unserem Discord-Server bei, um mit der Community in Kontakt zu bleiben, Unterstützung zu erhalten und über die neuesten Updates informiert zu werden. Wenn du beigetreten bist kannst du in deinen Einstellugnen dein VAR-Konto mit deinem Discord-Konto verknüpfen umd eine Rolle zu erhalten."
+			/>
 			<ResourceCard
 				image={Desktop}
 				title="Desktop client"