<div class="prose md:prose-lg" > <h1>Contact</h1> </div> <form name="contact" method="POST" data-netlify-recaptcha="true" data-netlify="true" class="mt-8 max-w-md"> <div class="grid grid-cols-1 gap-6"> <label class="block"> <span class="text-gray-700">Full name</span> <input type="text" name="name" required class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0" placeholder=""> </label> <label class="block"> <span class="text-gray-700">Email address</span> <input type="email" name="email" required class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0" placeholder="john@example.com"> </label> <label class="block"> <span class="text-gray-700">Message</span> <textarea name="message" required class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0" rows="3"></textarea> </label> <div class="block"> <span class="text-gray-700">GDPR Agreement</span> <div class="mt-2"> <div> <label class="inline-flex items-center"> <input type="checkbox" name="gdpr" required class="rounded bg-gray-200 border-transparent focus:border-transparent focus:bg-gray-200 text-gray-700 focus:ring-1 focus:ring-offset-2 focus:ring-gray-500"> <span class="ml-2">I consent to having this website store my submitted information so they can respond to my inquiry.</span> </label> </div> </div> </div> </div> <div data-netlify-recaptcha="true" class="mt-4"></div> <div class="block"> <div class="mt-4"> <button type="submit" class="bg-black hover:bg-gray-700 text-white font-bold py-2 px-4 rounded">Send</button> </div> </div> </form>