<div class="grid gap-5 grid-cols-3 mb-5">
    <div class="col-span-1 max-md:col-span-1 relative">
        <label class="label" for="firstname"> First name *</label>[text* firstname autocomplete:firstname id:firstname]
    </div>
    <div class="col-span-1 max-md:col-span-1 relative">
        <label class="label" for="lastname"> Last name *</label>[text* lastname autocomplete:lastname id:lastname]
    </div>
    <div class="col-span-1 max-md:col-span-1 relative">
        <label class="label" for="company"> Company </label>[text company id:company]
    </div>
</div>
<div class="grid gap-5 grid-cols-3 mb-5">
    <div class="col-span-2 max-md:col-span-2 relative">
        <label class="label" for="email"> Email *</label>[email* email autocomplete:email id:email]
    </div>
    <div class="col-span-1 max-md:col-span-1 relative">
        <label class="label" for="tel"> Phone *</label>[tel tel autocomplete:tel id:tel]
    </div>
</div>
<div class="mb-5 relative">
    <label class="label" for="message"> Message *</label>[textarea* message id:message]
</div>
<div class="grid gap-5 grid-cols-2 mb-5">
    [acceptance cgv]In accordance with the GDPR and the Belgian law of 30 July 2018, you have the right to access, rectify
    and delete your data. <a href="" class="underline">Legal notices</a>
    [/acceptance]
    <p class="text-xs text-right">* Required fields</p>
</div>
[submit "Submit"]