diff --git a/hub/services/templates/services/thank_you.html b/hub/services/templates/services/thank_you.html
index d0d9282..5614528 100644
--- a/hub/services/templates/services/thank_you.html
+++ b/hub/services/templates/services/thank_you.html
@@ -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>
+                        <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>
+                            <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 class="mb-4">
-                    <p class="text-muted">A confirmation email will be sent to your provided email address.</p>
+            </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>
-
-                <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>
+                {% 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>
-</div>
+</section>
 {% endblock %}
\ No newline at end of file