From 0d0a80af70cab7b686f3b57a9959598db0373d21 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Mon, 3 Mar 2025 09:21:54 +0100
Subject: [PATCH] page headers for service and offering detail pages

---
 hub/services/templates/services/offering_detail.html | 11 +++++++++++
 hub/services/templates/services/service_detail.html  | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/hub/services/templates/services/offering_detail.html b/hub/services/templates/services/offering_detail.html
index 0a1f887..801c47f 100644
--- a/hub/services/templates/services/offering_detail.html
+++ b/hub/services/templates/services/offering_detail.html
@@ -3,6 +3,17 @@
 {% block title %}{{ offering.service.name }} on {{ offering.cloud_provider.name }}{% endblock %}
 
 {% block content %}
+<section class="section bg-primary-subtle">
+    <div class="container mx-auto px-20 px-lg-0 pt-40 pb-60">
+        <header class="section-primary__header text-center">
+            <h2 class="section-h1 fs-40 fs-lg-64 mb-24">Service Offering</h2>
+            <div class="text-gray-300 w-lg-37 mx-auto">
+                <p class="mb-0">{{ offering.service.name }} on {{ offering.cloud_provider.name }}</p>
+            </div>
+        </header>
+    </div>
+</section>
+
 <section class="section">
     <div class="container mx-auto px-20 px-lg-0 pt-80 pb-60">
         <div class="row">
diff --git a/hub/services/templates/services/service_detail.html b/hub/services/templates/services/service_detail.html
index c446383..cd5d2af 100644
--- a/hub/services/templates/services/service_detail.html
+++ b/hub/services/templates/services/service_detail.html
@@ -3,6 +3,17 @@
 {% block title %}Service {{ service.name }}{% endblock %}
 
 {% block content %}
+<section class="section bg-primary-subtle">
+    <div class="container mx-auto px-20 px-lg-0 pt-40 pb-60">
+        <header class="section-primary__header text-center">
+            <h2 class="section-h1 fs-40 fs-lg-64 mb-24">Service Details</h2>
+            <div class="text-gray-300 w-lg-37 mx-auto">
+                <p class="mb-0">{{ service.name }}</p>
+            </div>
+        </header>
+    </div>
+</section>
+
 <section class="section">
     <div class="container mx-auto px-20 px-lg-0 pt-80 pb-60">
         <div class="row">