<section class="box">
    <h1>Nous contacter</h1>
    <form action="https://formspree.io/f/<%= config.formspreeId %>" method="POST">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16">
            <div class="field">
                <label for="email">Addresse e-mail*</label>
                <input type="email" name="email" id="email" required />
            </div>
            <div class="field">
                <label for="name">Prénom, nom</label>
                <input type="text" name="name" id="name" />
            </div>
        </div>

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

        <button type="submit" class="button is-primary">Envoyer</button>
    </form>
</section>