Overhaul Forms

This commit is contained in:
Tobias Brunner 2025-03-03 14:30:05 +01:00
parent 25b91fb01b
commit 091e62b03c
16 changed files with 384 additions and 384 deletions

View file

@ -3,42 +3,18 @@
{% block title %}Thanks{% endblock %}
{% block content %}
<section class="section">
<div class="container mx-auto px-20 px-lg-0 pt-80 pb-60">
<div class="d-lg-flex">
<div class="flex-1 pr-lg-40 mb-40 mb-lg-0">
<div class="bg-gray-50 rounded-20 py-40 px-20 px-lg-40 d-flex justify-content-center align-items-center h-100">
<div class="text-center">
<div class="mb-20">
<svg class="mx-auto d-block" width="101" height="102" viewBox="0 0 101 102" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8_818)">
<path d="M50.5 101.5C78.3904 101.5 101 78.8904 101 51C101 23.1096 78.3904 0.5 50.5 0.5C22.6096 0.5 0 23.1096 0 51C0 78.8904 22.6096 101.5 50.5 101.5Z"
fill="#9A63EC" />
<path d="M37.5957 73.7808L63.5626 99.7476C85.0689 94.0126 100.999 74.418 100.999 51C100.999 50.5221 100.999 50.0442 100.999 49.5662L80.6083 30.7681L37.5957 73.7808Z"
fill="#9A63EC" />
<path d="M51.7752 62.3107C54.0054 64.541 54.0054 68.3644 51.7752 70.5946L47.1553 75.2145C44.925 77.4448 41.1017 77.4448 38.8714 75.2145L18.6395 54.8233C16.4092 52.5931 16.4092 48.7697 18.6395 46.5394L23.2594 41.9196C25.4897 39.6893 29.313 39.6893 31.5433 41.9196L51.7752 62.3107Z"
fill="white" />
<path d="M69.4583 27.1041C71.6886 24.8738 75.5119 24.8738 77.7422 27.1041L82.3621 31.724C84.5924 33.9543 84.5924 37.7776 82.3621 40.0079L47.3148 74.8959C45.0845 77.1262 41.2612 77.1262 39.0309 74.8959L34.411 70.276C32.1807 68.0457 32.1807 64.2224 34.411 61.9921L69.4583 27.1041Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_8_818">
<rect width="101" height="101" fill="white" transform="translate(0 0.5)" />
</clipPath>
</defs>
</svg>
</div>
<header class="mb-20">
<h2 class="fs-32 fs-lg-40 fw-semibold mb-20">Inquiry received successfully!</h2>
<div class="fs-base text-gray-600 w-lg-75 mx-auto">
<p class="mb-0">Thank you for your interest in {{ service.name }}. We have received your inquiry and our team will contact you shortly. A confirmation email will be sent to your provided email address.</p>
</div>
</header>
</div>
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-8 text-center">
<div class="card shadow-sm">
<div class="card-body p-5">
<h2 class="mb-4">Thank You!</h2>
<p class="lead">Your message has been sent successfully.</p>
<p>We'll get back to you as soon as possible.</p>
<a href="{% url 'services:homepage' %}" class="btn btn-primary mt-3">Take me home</a>
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}