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 Discordserver 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 Einstellungen dein VAR-Konto mit deinem Discordkonto verknüpfen und 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."
				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. Möchtest du als Pilot fliegen, wird deine Position aus dem Simulator an unser Tracker-System übertragen."
			/>
		</div>
	);
}