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">