{{ form:contact_us }}
                    {{ if success }}
                        <div class="bg-green-300 text-white p-2">
                            {{ success }}
                        </div>
                    {{ else }}
                        {{ if errors }}
                            <div class="bg-red-300 text-white p-2">
                                {{ errors }}
                                {{ value }}<br>
                                {{ /errors }}
                            </div>
                        {{ /if }}

                        {{ fields }}
                            <label>{{ display }} - handle:{{ handle }} type :{{ type  }} config :{{ config }}</label>
                            {{ if type == "text" }}
                                {{ if handle == "email"}}
                                    <input type="email" class="validate-required validate-email" name="name" placeholder="{{ display }}" value="{{ value }}" />
                                {{ else }}
                                    <input type="text" class="validate-required" name="name" placeholder="{{ display }}" value="{{ value }}" />
                                {{ /if }}
                            {{ elseif type == "textarea" }}
                                <textarea class="validate-required" name="{{ handle }}" rows="4" placeholder="{{ display }}">{{ value }}</textarea>
                            {{ /if }}
                            {{ if error }}
                                <p class="text-gray-500">{{ error }}</p>
                            {{ /if }}
                        {{ /fields }}

                        // Add the honeypot field
                        <input type="text" class="hidden" name="{{ honeypot ?? 'honeypot' }}">

                        // This is just a submit button.
                        <button type="submit">Submit</button>
                    {{ /if }}

                {{ /form:contact_us }}