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 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"
				BtnIcon={<Download />}
				btnHref="https://cdn.virtualairrescue.com/desktop/setup.exe"
				btnLabel="Herunterladen"
				description="Verwende diesen Client, um dich mit dem VAR-Netzwerk zu verbinden. Wenn du dich verbindest kannst du einen Push-To-Talk key setzen um den Funk zu bedienen. Wenn du als Pilot fliegen möchtest wird deine Position aus dem Simulator an unser Tracker-System übertragen."
			/>
		</div>
	);
}