src/routes/+layout.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import '$src/app.css';
+	import { page } from '$app/state';
 	// import '../syntax-highlight.css'; // https://github.com/PrismJS/prism-themes
 	import NavBar from '$lib/components/NavBar.svelte';
 
@@ -13,11 +14,15 @@
 </script>
 
 <svelte:head>
+	{#if page.data.title !== undefined}
+		<title>{page.data.title} &mdash; Tea Sanctuary</title>
+		<meta property="og:title" content="{page.data.title} — Tea Sanctuary" />
+	{:else}
+		<title>Tea Sanctuary</title>
 		<meta property="og:title" content="Tea Sanctuary" />
+	{/if}
 	<meta property="og:image" content="https://teasanctuary.ru/common/logo.png" />
 	<meta property="og:description" content="Делаем вещи как можем." />
-
-	<title>Tea Sanctuary</title>
 </svelte:head>
 
 <div class="flex h-screen w-screen flex-row portrait:flex-col-reverse">

src/routes/+page.svelte

@@ -140,7 +140,12 @@
 		<section id="how-can-you-contact-us">
 			<h1>Как с вами связаться?</h1>
 			<div class="text-justify">
-				TODO: <SocialHyperlink href="/contact">контакты</SocialHyperlink>.
+				Общие вопросы можно задавать в <SocialHyperlink href={PUBLIC_TS_DISCORD}>сообществе Tea Sanctuary</SocialHyperlink>.
+				Там же можете написать личное сообщение администраторам.
+			</div>
+			<br />
+			<div class="text-justify">
+				Наши соцсети и почту для более важных обращений можно найти на странице <SocialHyperlink href="/contact">Контакты</SocialHyperlink>.
 			</div>
 		</section>
 	</div>

src/routes/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: undefined };
+}

src/routes/blog/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Блог &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/contact/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Контакты &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/contact/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Контакты" };
+}

src/routes/projects/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Проекты &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/projects/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Проекты" };
+}

src/routes/team/+page.svelte

@@ -2,10 +2,6 @@
 	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<svelte:head>
-	<title>Команда &mdash; Tea Sanctuary</title>
-</svelte:head>
-
 <section
 	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
 >

src/routes/team/+page.ts

@@ -0,0 +1,3 @@
+export async function load() {
+    return { title: "Команда" };
+}