From 206e46aa6a6643f60a1ad4f43997df213101e7eb Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Wed, 4 Jun 2025 16:39:16 +0200
Subject: [PATCH] wording improvements

---
 .../templates/services/offering_detail.html         | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/hub/services/templates/services/offering_detail.html b/hub/services/templates/services/offering_detail.html
index ee34d36..4fc2fbd 100644
--- a/hub/services/templates/services/offering_detail.html
+++ b/hub/services/templates/services/offering_detail.html
@@ -161,15 +161,13 @@
                     <div class="pt-24" id="plans" style="scroll-margin-top: 30px;">
                         {% if offering.msp == "VS" and pricing_data_by_group_and_service_level %}
                             <!-- Interactive Price Calculator -->
-                            <h3 class="fs-24 fw-semibold lh-1 mb-12">Configure Your Plan</h3>
+                            <h3 class="fs-24 fw-semibold lh-1 mb-12">Choose your Plan</h3>
                             <div class="bg-light rounded-4 p-4 mb-4">
                                 <div class="row">
                                     <!-- Calculator Controls -->
                                     <div class="col-12 col-lg-6">
                                         <div class="card h-100">
-                                            <div class="card-body">
-                                                <h5 class="card-title mb-4">Customize Your Configuration</h5>
-                                                
+                                            <div class="card-body">                                               
                                                 <!-- CPU Slider -->
                                                 <div class="mb-4">
                                                     <label for="cpuRange" class="form-label d-flex justify-content-between">
@@ -227,7 +225,8 @@
                                                     <select class="form-select" id="planSelect">
                                                         <option value="">Auto-select best matching plan</option>
                                                     </select>
-                                                    <small class="form-text text-muted">Selecting a plan will override the slider configuration</small>
+                                                    <p><small class="form-text text-muted">Selecting a plan will override the slider configuration</small></p>
+                                                    <p><small class="form-text text-muted"><i class="bi bi-info-circle me-1"></i> Interested in a custom plan? Let us know via the <a href="#form">contact form</a>.</small></p>
                                                 </div>
                                             </div>
                                         </div>
@@ -237,7 +236,7 @@
                                     <div class="col-12 col-lg-6">
                                         <div class="card h-100 border-primary">
                                             <div class="card-body">
-                                                <h5 class="card-title text-primary mb-4">Your Configuration</h5>
+                                                <h5 class="card-title text-primary mb-4">Your Plan</h5>
                                                 
                                                 <!-- Plan Match Status -->
                                                 <div id="planMatchStatus" class="alert alert-info mb-3">
@@ -358,7 +357,7 @@
                         {% endif %}
                         
                         {% if offering.plans.exists %}
-                        <div class="pt-40">
+                        <div id="form" class="pt-40">
                             <h4 class="fs-22 fw-semibold lh-1 mb-12">I'm interested in a plan</h4>
                             <div class="row">
                                 <div class="col-12">