Metadata and favicon

src/routes/+layout.svelte

@@ -6,6 +6,7 @@
 	import { files } from "$lib/store/index.svelte";
 	import Logo from "$lib/components/visual/svg/Logo.svelte";
 	import { fly } from "svelte/transition";
+	import featuredImage from "$lib/assets/VERT_Feature.webp";
 	let { children, data } = $props();
 
 	let navWidth = $state(1);
@@ -34,6 +35,13 @@
 	};
 </script>
 
+<svelte:head>
+	<title>VERT.sh</title>
+	<meta name="theme-color" content="#F2ABEE" />
+	<meta property="og:image" content={featuredImage} />
+	<meta property="twitter:image" content={featuredImage} />
+</svelte:head>
+
 <div
 	role="main"
 	class="w-full h-full flex items-center p-8 flex-col gap-16"

src/routes/+page.svelte

@@ -54,6 +54,36 @@
 	// };
 </script>
 
+<svelte:head>
+	<title>VERT.sh — Free, fast, and awesome file convert</title>
+	<meta
+		name="title"
+		content="VERT.sh — Free, fast, and awesome file convert"
+	/>
+	<meta
+		name="description"
+		content="With VERT you can convert images to PNG, JPG, WEBP, GIF, AVIF, and more. No ads, no tracking, open source, and all processing is done on your device."
+	/>
+	<meta property="og:type" content="website" />
+	<meta
+		property="og:title"
+		content="VERT.sh — Free, fast, and awesome file convert"
+	/>
+	<meta
+		property="og:description"
+		content="With VERT you can convert images to PNG, JPG, WEBP, GIF, AVIF, and more. No ads, no tracking, open source, and all processing is done on your device."
+	/>
+	<meta property="twitter:card" content="summary_large_image" />
+	<meta
+		property="twitter:title"
+		content="VERT.sh — Free, fast, and awesome file convert"
+	/>
+	<meta
+		property="twitter:description"
+		content="With VERT you can convert images to PNG, JPG, WEBP, GIF, AVIF, and more. No ads, no tracking, open source, and all processing is done on your device."
+	/>
+</svelte:head>
+
 {#snippet sellingPoint(text: string)}
 	<li class="flex items-center gap-4">
 		<div