Redesign homepage banner to feature MISP 2.5.47 and improve carousel visuals

data/carousel/art.yaml

@@ -1,7 +1,10 @@
 weight: 4
-title: "The art of intelligence sharing"
-description: "<p>is to
-share more, smarter and faster<br/>
-with your friends and allies<br/>
-than your adversaries would like to.</p>"
+eyebrow: "Built for trusted communities"
+title: "Share intelligence securely, at operational speed"
+description: "<p>Give trusted partners the information they need, when they need it. MISP supports precise distribution, collaborative analysis and open standards without compromising control.</p>"
 image: "img/carousel/art.png"
+image_alt: "The art of information sharing illustrated as a word cloud"
+url: "/communities/"
+button_label: "Join the community"
+secondary_url: "/download/"
+secondary_label: "Deploy MISP"

data/carousel/galaxy.yaml

@@ -1,5 +1,8 @@
 weight: 3
-title: "A galaxy of information"
-description: "<p>MISP is more than Software</p><p>It is also a massive collection of open taxonomies that can be used in any software.</p>
-<p>AM!TT for disinformation, <br/>ATT&CK for threat actors, TTPs, <br/>Attack4fraud, TLP, GDPR, Veris, admiralty, estimative language, document classification, and much more!"
+eyebrow: "Open knowledge models"
+title: "Put shared intelligence into context"
+description: "<p>Use community-maintained galaxies and taxonomies—including ATT&amp;CK, TLP and sector-specific models—to describe threats consistently across tools and teams.</p>"
 image: "img/carousel/galaxy.jpeg"
+image_alt: "MISP Galaxy interface for contextual threat intelligence"
+url: "/datamodels/"
+button_label: "Explore data models"

data/carousel/threat_sharing.yaml

@@ -1,4 +1,11 @@
 weight: 1
-title: "Open Source Threat Intelligence and Sharing Platform"
-description: "<p>Share.Store.Correlate.Analyse.<br>Targeted attacks.Financial Fraud.Counter-terrorism.</p>"
-image: "img/carousel/automation-icon.png"
+eyebrow: "Latest release · MISP 2.5.47"
+title: "Turn threat intelligence into decisive action"
+description: "<p>MISP 2.5.47 strengthens collaborative analysis with security hardening, PostgreSQL support, AI-assisted workflows and the evolving Overmind interface.</p>"
+image: "img/blog/new-correlation.jpeg"
+image_alt: "MISP correlation interface showing related threat intelligence"
+image_caption: "Explore correlations directly in the MISP analyst workspace."
+url: "/2026/09/17/MISP.2.5.47.released.html"
+button_label: "Read the release notes"
+secondary_url: "/features/"
+secondary_label: "Explore the platform"

data/carousel/visualization.yaml

@@ -1,4 +1,8 @@
 weight: 2
-title: "Visualization & Dashboards"
-description: "<p>Seeing helps understanding.</p><p>MISP comes with many visualization options helping analysts find the answers they are looking for."
+eyebrow: "Analyst experience"
+title: "See the relationships behind the data"
+description: "<p>Interactive dashboards, correlation views and contextual graphs help analysts identify patterns, validate findings and communicate intelligence with confidence.</p>"
 image: "img/carousel/visualization.png"
+image_alt: "MISP visualization dashboard"
+url: "/features/"
+button_label: "Discover visual analysis"

layouts/partials/carousel.html

@@ -0,0 +1,31 @@
+{{ if default true .Site.Params.carouselHomepage.enable }}
+<section class="home-carousel" aria-label="MISP highlights">
+  <div class="container">
+    <div class="homepage owl-carousel">
+      {{ range sort .Site.Data.carousel "weight" }}
+      {{ $slide := . }}
+      <article class="home-hero">
+        <div class="home-hero__content">
+          {{ with .eyebrow }}<p class="home-hero__eyebrow">{{ . }}</p>{{ end }}
+          <h1>{{ .title }}</h1>
+          <div class="home-hero__description">{{ .description | safeHTML }}</div>
+          {{ if or .url .secondary_url }}
+          <div class="home-hero__actions">
+            {{ with .url }}<a class="btn btn-template-main home-hero__primary" href="{{ . | relURL }}">{{ $slide.button_label | default "Learn more" }}</a>{{ end }}
+            {{ with .secondary_url }}<a class="home-hero__secondary" href="{{ . | relURL }}">{{ $slide.secondary_label | default "Explore MISP" }} <span aria-hidden="true">&rarr;</span></a>{{ end }}
+          </div>
+          {{ end }}
+        </div>
+        <div class="home-hero__visual">
+          <div class="home-hero__window">
+            <div class="home-hero__window-bar" aria-hidden="true"><span></span><span></span><span></span></div>
+            <img class="img-responsive" src="{{ .image | relURL }}" alt="{{ .image_alt | default .title }}">
+          </div>
+          {{ with .image_caption }}<p class="home-hero__caption">{{ . }}</p>{{ end }}
+        </div>
+      </article>
+      {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}

static/css/custom.css

@@ -209,11 +209,43 @@ li {
 }
 
 .home-carousel .container {
-    padding-bottom: 32px;
-    padding-top: 32px;
+    padding-bottom: 42px;
+    padding-top: 42px;
     position: relative;
 }
 
+.home-hero {
+    align-items: center;
+    display: grid;
+    gap: clamp(40px, 6vw, 88px);
+    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
+    min-height: 500px;
+    padding: 34px 16px 18px;
+}
+
+.home-hero__content { max-width: 590px; }
+
+.home-hero__eyebrow {
+    align-items: center;
+    color: #8ee6f2 !important;
+    display: flex;
+    font-size: 13px !important;
+    font-weight: 700;
+    gap: 10px;
+    letter-spacing: .14em;
+    margin-bottom: 18px;
+    text-transform: uppercase;
+}
+
+.home-hero__eyebrow::before {
+    background: #24bdd2;
+    border-radius: 50%;
+    box-shadow: 0 0 0 5px rgba(36, 189, 210, .16);
+    content: "";
+    height: 7px;
+    width: 7px;
+}
+
 .home-carousel h1,
 .home-carousel h2,
 .home-carousel h3 {
@@ -230,6 +262,59 @@ li {
     line-height: 1.65;
 }
 
+.home-hero__description { max-width: 570px; }
+.home-hero__description p { margin: 22px 0 0; }
+
+.home-hero__actions {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24px;
+    margin-top: 30px;
+}
+
+.home-carousel .home-hero__primary {
+    background: #fff;
+    border-color: #fff;
+    border-radius: 5px;
+    color: #086f84;
+    font-weight: 700;
+    padding: 12px 20px;
+    text-transform: none;
+}
+
+.home-carousel .home-hero__primary:hover,
+.home-carousel .home-hero__primary:focus { background: #dff8fb; border-color: #dff8fb; color: #064f60; }
+
+.home-hero__secondary { color: #fff; font-weight: 700; }
+.home-hero__secondary:hover,
+.home-hero__secondary:focus { color: #a8edf5; }
+
+.home-hero__visual { min-width: 0; }
+
+.home-hero__window {
+    background: #f7fafb;
+    border: 1px solid rgba(255, 255, 255, .32);
+    border-radius: 10px;
+    box-shadow: 0 28px 60px rgba(0, 17, 25, .35);
+    overflow: hidden;
+    transform: perspective(1200px) rotateY(-2deg);
+}
+
+.home-hero__window-bar {
+    align-items: center;
+    background: #edf3f5;
+    border-bottom: 1px solid #d8e2e5;
+    display: flex;
+    gap: 6px;
+    height: 30px;
+    padding: 0 12px;
+}
+
+.home-hero__window-bar span { background: #aebec3; border-radius: 50%; height: 7px; width: 7px; }
+.home-hero__window img { height: 330px; object-fit: cover; object-position: center; width: 100%; }
+.home-hero__caption { color: #bdebf1 !important; font-size: 12px !important; margin: 12px 4px 0; text-align: right; }
+
 .home-carousel .owl-controls .owl-page span {
     background: #fff;
     height: 8px;
@@ -910,6 +995,14 @@ ul ul {
 }
 
 @media (max-width: 991px) {
+    .home-hero {
+        gap: 34px;
+        grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
+        min-height: 450px;
+    }
+
+    .home-hero__window img { height: 280px; }
+
     .navbar-default .navbar-nav > li > a {
         padding-left: 10px;
         padding-right: 10px;
@@ -968,6 +1061,20 @@ ul ul {
         padding-top: 20px;
     }
 
+    .home-hero {
+        display: flex;
+        flex-direction: column;
+        gap: 32px;
+        min-height: 0;
+        padding: 30px 4px 20px;
+    }
+
+    .home-hero__content { max-width: none; }
+    .home-hero__visual { width: 100%; }
+    .home-hero__window { transform: none; }
+    .home-hero__window img { height: min(52vw, 310px); }
+    .home-hero__caption { text-align: left; }
+
     .home-carousel h1,
     .home-carousel h2,
     .home-carousel h3 {