add newsletter subscription functionality

This commit is contained in:
Tobias Brunner 2025-03-27 10:33:27 +01:00
parent 0dd73bedde
commit 92a8b0951e
No known key found for this signature in database
9 changed files with 132 additions and 4 deletions

View file

@ -18,6 +18,7 @@
{% block extra_css %}{% endblock %}
<script defer data-domain="servala.com" src="https://plausible.io/js/script.file-downloads.hash.outbound-links.tagged-events.js"></script>
<script defer src="{% static "js/htmx204.min.js" %}"></script>
<script defer src="{% static "js/alpine-collapse.min.js" %}"></script>
<script defer src="{% static "js/servala-main.js" %}"></script>
{% block extra_js %}{% endblock %}
@ -100,11 +101,18 @@
<h2 class="section-h1 fs-40 fs-lg-60 d-inline-block mb-24">Ready to Get Started?</h2>
</div>
<div class="text-gray-300 w-lg-37 mx-auto mb-24">
<p class="mb-0">Explore all available Services on Servala, with new ones added regularly.</p>
<p class="mb-0">Subscribe to our newsletter to stay informed.</p>
</div>
<div>
<a class="btn btn-primary btn-lg mr-md-17 mb-17 mb-md-0 w-100 w-md-auto" href="{% url 'services:homepage' %}" role="button">Discover
Services</a>
<div class="mt-4">
<form hx-post="{% url 'services:subscribe' %}" hx-target="#signup-form-container" hx-swap="outerHTML">
{% csrf_token %}
<div id="signup-form-container" class="d-flex justify-content-center">
<div class="input-group" style="max-width: 500px;">
<input type="email" name="email" class="form-control" id="email-input" placeholder="Your email address" required>
<button type="submit" class="btn btn-primary">Subscribe to updates</button>
</div>
</div>
</form>
</div>
</header>
</div>