---
title: Contact
headscripts:
  - https://www.google.com/recaptcha/api.js
---
<h1>{{ title }}</h1>

<script>
  function onSubmit(token) {
    document.getElementById("contact-form").submit();
  }
</script>

<form action="https://formspree.io/f/mzbkydal" method="POST" class="flex flex-col" id="contact-form">
  <label for="name" class="mt-4">Your name:</label>
  <input type="text" required="required" id="name" name="name" class="p-2 dark:bg-gray-700 dark:text-gray-200">
  <label for="email" class="mt-4">Your email:</label>
  <input type="email" required="required" id="email" name="email" class="p-2 dark:bg-gray-700 dark:text-gray-200">
  <label for="message" class="mt-4">Your message:</label>
  <textarea id="message" required="required" name="message" class="h-48 p-2 dark:bg-gray-700 dark:text-gray-200"></textarea>
  <button class="mt-4 p-2 bg-gray-600 text-gray-200 dark:bg-gray-200 dark:text-gray-600 font-bold rounded-full g-recaptcha" data-sitekey="6LfNwyUaAAAAAH18i_mA70aeQHdbMT4RLzMLaxuc" data-callback='onSubmit'>Submit</button>
</form>