package homeview

// ExternalLinks renders card tiles for external community resources
templ ExternalLinks() {
	<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
		<a
			href="http://slapshot.gg/osl"
			target="_blank"
			rel="noopener noreferrer"
			class="bg-surface0 border border-surface1 rounded-lg p-6 hover:bg-surface1 transition hover:cursor-pointer group"
		>
			<h3 class="text-lg font-bold text-text group-hover:text-blue transition mb-2">
				Join Our Discord
			</h3>
			<p class="text-sm text-subtext0">
				Connect with other players, find teams, and stay up to date with league announcements.
			</p>
		</a>
		<a
			href="https://slapshot.gg/"
			target="_blank"
			rel="noopener noreferrer"
			class="bg-surface0 border border-surface1 rounded-lg p-6 hover:bg-surface1 transition hover:cursor-pointer group"
		>
			<h3 class="text-lg font-bold text-text group-hover:text-blue transition mb-2">
				Official Slapshot
			</h3>
			<p class="text-sm text-subtext0">
				Visit the official Slapshot website to learn more about the game.
			</p>
		</a>
	</div>
}