src/routes/contact/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import WarningBlock from '$lib/components/WarningBlock.svelte';
+	import SocialHyperlink from '$src/lib/components/SocialHyperlink.svelte';
 </script>
 
 <section class="hero flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4">
@@ -16,6 +17,33 @@
 
 <WarningBlock>Страница находится в разработке!</WarningBlock>
 
+<section class="flex justify-center">
+	<div
+		class="flex w-5xl max-w-screen flex-col flex-nowrap gap-12 p-2 px-2 pt-12 pb-12 text-base sm:text-xl"
+	>
+		<section>
+			На данный момент вы можете связаться с администрацией сайта и участниками команды через
+			<SocialHyperlink href="https://teasanctuary.ru/discord">
+				нашу гильдию в Discord
+			</SocialHyperlink>:
+		</section>
+		<iframe
+			src="https://discord.com/widget?id=1176141874390638662&theme=dark"
+			title="Виджет Discord"
+			width="350"
+			height="350"
+			class="mx-auto"
+			allowtransparency
+			frameborder="0"
+			sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"
+		></iframe>
+		<section>
+			Вы также можете ознакомиться с социальными сетями каждого отдельного участника команды
+			на странице <SocialHyperlink href="/team">Команда</SocialHyperlink>.
+		</section>
+	</div>
+</section>
+
 <style>
 	@import '$src/app.css';
 </style>