feat: add page title

src/lib/components/templates/Page.svelte

@@ -3,10 +3,18 @@
 	import NavBar from '$components/organisms/NavBar.svelte';
 	import Footer from '$components/organisms/Footer.svelte';
 
-	type Props = { children: Snippet };
+	type Props = { title?: string; children: Snippet };
-	let { children }: Props = $props();
+	let { title, children }: Props = $props();
 </script>
 
+<svelte:head>
+	{#if title}
+		<title>ReVanced - {title.trim()}</title>
+	{:else}
+		<title>ReVanced</title>
+	{/if}
+</svelte:head>
+
 <main>
 	<NavBar />
 	{@render children()}

src/routes/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page>
+	<h1>Home</h1>
+</Page>

src/routes/announcements/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page title="Announcements">
+	<h1>Announcements</h1>
+</Page>

src/routes/contributors/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page title="Contributors of ReVanced">
+	<h1>Contributors</h1>
+</Page>

src/routes/donate/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page title="Donate to ReVanced">
+	<h1>Donate</h1>
+</Page>

src/routes/download/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page title="Download ReVanced">
+	<h1>Download</h1>
+</Page>

src/routes/patches/+page.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import Page from '$components/templates/Page.svelte';
+</script>
+
+<Page title="Patches for ReVanced">
+	<h1>Patches</h1>
+</Page>