{{ partial:components/section bg-color="red" max-width="sm" }}
    {{ partial:components/section-title bg-color="red" :text="newsletter_block_title" }}

    {{ partial:components/text-wrapper bg-color="red" :text="newsletter_block_text" }}

    {{ partial:components/newsletter-form }}
        <div class="pt-8 pb-4 text-center text-white" x-show="showSuccess" x-collapse x-cloak>
            <h4 class="text-2xl font-headline">Success!</h4>
            <p class="text-sm">Thank you for signing up!</p>
        </div>

        <div class="max-w-xs mx-auto mt-5" x-show="!showSuccess" x-collapse>
            {{ partial:components/form-group name="email" }}
                {{ partial:components/input x-model="formData.email" type="email" name="email" full-width="true" placeholder="Email" aria-label="Email" required="required" }}
            {{ /partial:components/form-group }}

            {{ partial:components/button bg-color="red" text="Submit" full-width="true" }}

            <input type="text" name="name" x-model="formData.name" class="h-0" />
        </div>
    {{ /partial:components/newsletter-form }}

    <img src="/assets/art/pledge-icons.svg" alt="Bee icon" class="inline-block m-auto mt-5" />
{{ /partial:components/section }}