---
import BaseLayout from '../layouts/BaseLayout.astro';
import { SITE_TITLE } from '../consts';

const pageTitle = `Contact | ${SITE_TITLE}`;
---

<BaseLayout title={pageTitle} description="Get in touch">
	<a href="/">&larr; Back to home</a>

	<h1>Contact</h1>
	<p>Get in touch</p>

	<form>
		<div>
			<label for="name">Name</label>
			<input type="text" id="name" name="name" required />
		</div>

		<div>
			<label for="email">Email</label>
			<input type="email" id="email" name="email" required />
		</div>

		<div>
			<label for="message">Message</label>
			<textarea id="message" name="message" rows="6" required></textarea>
		</div>

		<button type="submit">Send Message</button>
	</form>
</BaseLayout>
