<div>
    <label for="name" class="mb-2 text-sm font-medium text-neutral-900">Your Name</label>
    <input type="name" placeholder="John Doe" class="flex w-full h-10 px-3 py-2 text-sm bg-white border rounded-md shadow-sm border-neutral-200/70 placeholder:text-neutral-400 focus:outline-none focus:ring-1 focus:ring-neutral-900 focus:border-neutral-900" required/>
</div>

<div class="relative">
    <input type="text" name="name" class="block px-3 py-2 w-full text-sm text-neutral-900 bg-transparent rounded-md border shadow-sm border-neutral-200/70 appearance-none focus:outline-none focus:ring-1 focus:ring-neutral-900 focus:border-neutral-900 peer" placeholder=" " required />
    <label class="absolute text-sm text-neutral-400 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-neutral-900 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1">
        Full Name
    </label>
</div>

<div>
    <label for="message" class="mb-2 text-sm font-medium text-neutral-900">Your message</label>
    <textarea id="message" placeholder="Your message" rows="6" class="p-2.5 w-full text-sm text-neutral-900 bg-white border rounded-md shadow-sm border-neutral-200/70 placeholder:text-neutral-400 focus:outline-none focus:ring-1 focus:ring-neutral-900 focus:border-neutral-900" required></textarea>
</div>

<div class="relative">
    <textarea name="message" class="block p-2.5 pb-2.5 pt-4 w-full text-sm text-neutral-900 bg-transparent rounded-md border shadow-sm border-neutral-200/70 appearance-none focus:outline-none focus:ring-1 focus:ring-neutral-900 focus:border-neutral-900 peer" placeholder=" " required ></textarea>
    <label for="message" class="absolute text-sm text-neutral-400 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-neutral-900 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/3 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1">
        Your message
    </label>
</div>