---
import { config } from "../config";
import Layout from "../layouts/BaseLayout.astro";
import pageSchema from "../utils/schemas/pageSchema";

const title = "404 — Page Not Found | Valentin Popov";
const description = "The page you're looking for doesn't exist!";
const preview = config.og.defaultPreview;
const lang = "en";

const siteUrl = new URL("/", Astro.site).toString();

const schema = [
	pageSchema({
		siteUrl,
		page: "/404",
		title,
		description,
		lang,
	}),
];
---

<Layout title={title} description={description} preview={preview} lang={lang} robots="noindex, follow" schema={schema}>
	<div style={{ "text-align": "center" }}>
		<h1>404</h1>
		<p><strong>Page not found</strong></p>
		<p>
			<small>
				If you see this message, please
				<a href=`mailto:valentin@popov.link?subject=${encodeURIComponent('I found a broken page')}`>let me know</a>
			</small>
		</p>
	</div>
</Layout>
