servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

theme thank you page

Browse source
This commit is contained in:
Tobias Brunner 2025-02-25 16:24:52 +01:00
parent 8bf0579a8e
commit e5367419c0
No known key found for this signature in database
1 changed files with 71 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

92
hub/services/templates/services/thank_you.html
View file

@ -1,31 +1,81 @@
{% extends 'services/base.html' %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-body text-center">
<h2 class="card-title mb-4">Thank You!</h2>
<div class="mb-4">
<p class="lead">Thank you for your interest in {{ service.name }}!</p>
<p>We have received your inquiry and our team will contact you shortly.</p>
<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>
<div class="mb-4">
<p class="text-muted">A confirmation email will be sent to your provided email address.</p>
<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>
<div class="mt-4">
<a href="{% url 'services:service_detail' service.slug %}" class="btn btn-primary me-2">
Back to Service Details
</a>
<a href="{% url 'services:service_list' %}" class="btn btn-secondary">
Browse More Services
</a>
</header>
<div>
<a href="{% url 'services:service_list' %}" class="btn btn-primary btn-lg w-100 w-md-auto" role="button">Browse More Services</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-lg-34 bg-purple-50 rounded-16 p-24 d-flex flex-column justify-content-between">
<div class="d-flex align-items-center mb-24">
<div class="card__image mb-0">
{% if service.image %}
<img class="img-fluid" src="{{ service.image.url }}" alt="{{ service.name }}">
{% endif %}
</div>
<div class="card__header ps-16">
<h3 class="card__title">{{ service.name }}</h3>
<p class="card__subtitle mb-0">{{ service.category }}</p>
</div>
</div>
{% if service.description %}
<div class="mb-24">
<div class="text-black">
<p class="mb-0">{{ service.description|safe }}</p>
</div>
</div>
{% endif %}
{% if service.pricing_plans %}
<div>
{% for plan in service.pricing_plans %}
<div class="bg-white border-all rounded-7 p-20 {% if not forloop.last %}mb-12{% endif %}">
<h3 class="text-purple fs-18 fw-semibold lh-1-7 mb-0">{{ plan.name }}</h3>
<div>
<ul class="list-unstyled text-gray-500 fs-14 lh-1-7 ps-0 mb-0">
{% for price in plan.prices %}
<li>{{ price.amount }} {{ price.currency }} per {{ price.interval }}</li>
{% endfor %}
</ul>
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
</section>
{% endblock %}