diff --git a/views/css/everblock.css b/views/css/everblock.css
index 3c467678..b5550309 100644
--- a/views/css/everblock.css
+++ b/views/css/everblock.css
@@ -3394,6 +3394,32 @@
 }
 
 /* Guides listing layout */
+.everpsblog-category-header {
+  border-radius: 1rem;
+  overflow: hidden;
+}
+
+.everpsblog-category-hero {
+  position: relative;
+  min-height: 180px;
+  background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
+}
+
+.everpsblog-category-hero-overlay {
+  display: flex;
+  align-items: center;
+  min-height: 180px;
+  padding: 1.5rem;
+  background: linear-gradient(90deg, rgba(17, 24, 39, 0.72) 0%, rgba(17, 24, 39, 0.25) 100%);
+}
+
+.everpsblog-category-title {
+  color: #fff;
+  font-size: clamp(1.75rem, 3vw, 2.5rem);
+  font-weight: 700;
+  line-height: 1.1;
+}
+
 .everblock-guides-stack {
   display: flex;
   flex-direction: column;
diff --git a/views/templates/front/page.tpl b/views/templates/front/page.tpl
index 393d347c..28760c93 100644
--- a/views/templates/front/page.tpl
+++ b/views/templates/front/page.tpl
@@ -1,9 +1,16 @@
 {extends file='page.tpl'}
 
 {block name='page_content'}
+  <div class="everpsblog-category-header container-fluid p-0 mb-4">
+    <div class="everpsblog-category-hero">
+      <div class="everpsblog-category-hero-overlay">
+        <h1 class="everpsblog-category-title m-0" itemprop="headline">{$everblock_page->title|default:''}</h1>
+      </div>
+    </div>
+  </div>
+
   <article class="everblock-page" itemscope itemtype="https://schema.org/Article">
     <header class="everblock-page__header">
-      <h1 itemprop="headline">{$everblock_page->title|default:''}</h1>
       {if $everblock_page_image}
         <figure class="everblock-page__cover">
             <img src="{$everblock_page_image}" alt="{$everblock_page->title|default:''|escape:'htmlall':'UTF-8'}" loading="lazy" itemprop="image">
diff --git a/views/templates/front/pages.tpl b/views/templates/front/pages.tpl
index 0cc3fadc..c39e664c 100644
--- a/views/templates/front/pages.tpl
+++ b/views/templates/front/pages.tpl
@@ -10,6 +10,14 @@
   {/if}
 
   <section class="everblock-pages-list">
+    <div class="everpsblog-category-header container-fluid p-0 mb-4">
+      <div class="everpsblog-category-hero">
+        <div class="everpsblog-category-hero-overlay">
+          <h1 class="everpsblog-category-title m-0">{l s='Guides et tutoriels' mod='everblock' d='Modules.Everblock.Front'}</h1>
+        </div>
+      </div>
+    </div>
+
     <form class="everblock-pages-search mb-4" method="get" action="{$link->getModuleLink('everblock', 'pages')|escape:'htmlall':'UTF-8'}">
       <div class="input-group">
         <span class="input-group-text">{l s='Recherche sur les guides' mod='everblock' d='Modules.Everblock.Front'}</span>