diff --git a/pgml-dashboard/src/api/cms.rs b/pgml-dashboard/src/api/cms.rs
index 5117c0a3e..d9be8a869 100644
--- a/pgml-dashboard/src/api/cms.rs
+++ b/pgml-dashboard/src/api/cms.rs
@@ -268,7 +268,7 @@ impl Collection {
             Some(cluster.context.user.clone())
         };
 
-        let mut layout = crate::templates::Layout::new(&title, Some(cluster.clone()));
+        let mut layout = crate::templates::Layout::new(&title, Some(cluster));
         if let Some(image) = image {
             // translate relative url into absolute for head social sharing
             let parts = image.split(".gitbook/assets/").collect::<Vec<&str>>();
diff --git a/pgml-dashboard/src/components/notifications/banner/banner_controller.js b/pgml-dashboard/src/components/notifications/banner/banner_controller.js
deleted file mode 100644
index a4e516972..000000000
--- a/pgml-dashboard/src/components/notifications/banner/banner_controller.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {}
diff --git a/pgml-dashboard/src/components/notifications/banner/mod.rs b/pgml-dashboard/src/components/notifications/banner/mod.rs
deleted file mode 100644
index e6c0d1af6..000000000
--- a/pgml-dashboard/src/components/notifications/banner/mod.rs
+++ /dev/null
@@ -1,33 +0,0 @@
-use crate::Notification;
-use pgml_components::component;
-use sailfish::TemplateOnce;
-
-#[derive(TemplateOnce, Default, Clone)]
-#[template(path = "notifications/banner/template.html")]
-pub struct Banner {
-    pub notification: Notification,
-    pub remove_banner: bool,
-}
-
-impl Banner {
-    pub fn new() -> Banner {
-        Banner {
-            notification: Notification::default(),
-            remove_banner: false,
-        }
-    }
-
-    pub fn from_notification(notification: Notification) -> Banner {
-        Banner {
-            notification,
-            remove_banner: false,
-        }
-    }
-
-    pub fn remove_banner(mut self, remove_banner: bool) -> Banner {
-        self.remove_banner = remove_banner;
-        self
-    }
-}
-
-component!(Banner);
diff --git a/pgml-dashboard/src/components/notifications/banner/banner.scss b/pgml-dashboard/src/components/notifications/marketing/alert_banner/alert_banner.scss
similarity index 53%
rename from pgml-dashboard/src/components/notifications/banner/banner.scss
rename to pgml-dashboard/src/components/notifications/marketing/alert_banner/alert_banner.scss
index 2fbeca37b..410789b05 100644
--- a/pgml-dashboard/src/components/notifications/banner/banner.scss
+++ b/pgml-dashboard/src/components/notifications/marketing/alert_banner/alert_banner.scss
@@ -3,32 +3,10 @@
     margin-right: calc(var(--bs-gutter-x) * -0.5);
 }
 
-div[data-controller="notifications-banner"] {
+div[data-controller="notifications-marketing-alert-banner"] {
     .btn-tertiary {
         border: 0px;
     }
-    .news {
-        background-color: #{$gray-100};
-        color: #{$gray-900};
-        .btn-tertiary:hover {
-            filter: brightness(0.9);
-        }
-    }
-    .blog {
-        background-color: #{$neon-shade-100};
-        .btn-tertiary {
-            filter: brightness(1.5);
-        }
-    }
-    .launch {
-        background-color: #{$magenta-shade-200};
-        .btn-tertiary {
-            filter: brightness(1.5);
-        }
-    }
-    .tip {
-        background-color: #{$gray-900};
-    }
     .level1 {
         background-color: #FFFF00;
         color: #{$gray-900};
@@ -42,7 +20,7 @@ div[data-controller="notifications-banner"] {
     }
 
     .close-dark {
-        color: #{$gray-900};
+        color: #{$gray-300};
     }
     .close-light {
         color: #{$gray-100};
diff --git a/pgml-dashboard/src/components/notifications/marketing/alert_banner/mod.rs b/pgml-dashboard/src/components/notifications/marketing/alert_banner/mod.rs
new file mode 100644
index 000000000..bf7a1612a
--- /dev/null
+++ b/pgml-dashboard/src/components/notifications/marketing/alert_banner/mod.rs
@@ -0,0 +1,28 @@
+use crate::Notification;
+use pgml_components::component;
+use sailfish::TemplateOnce;
+
+#[derive(TemplateOnce, Default, Clone)]
+#[template(path = "notifications/marketing/alert_banner/template.html")]
+pub struct AlertBanner {
+    pub notification: Option<Notification>,
+}
+
+impl AlertBanner {
+    pub fn new() -> AlertBanner {
+        AlertBanner { notification: None }
+    }
+
+    pub fn from_notification(notification: Option<&Notification>) -> AlertBanner {
+        match notification {
+            Some(notification) => {
+                return AlertBanner {
+                    notification: Some(notification.clone()),
+                }
+            }
+            None => return AlertBanner { notification: None },
+        }
+    }
+}
+
+component!(AlertBanner);
diff --git a/pgml-dashboard/src/components/notifications/banner/template.html b/pgml-dashboard/src/components/notifications/marketing/alert_banner/template.html
similarity index 62%
rename from pgml-dashboard/src/components/notifications/banner/template.html
rename to pgml-dashboard/src/components/notifications/marketing/alert_banner/template.html
index c1c23262a..0f044cbc3 100644
--- a/pgml-dashboard/src/components/notifications/banner/template.html
+++ b/pgml-dashboard/src/components/notifications/marketing/alert_banner/template.html
@@ -1,23 +1,19 @@
 <% use crate::NotificationLevel; %>
 <turbo-frame id="notifications-banner" class="position-relative d-block">
-  <% if !remove_banner {%>
-  <div data-controller="notifications-banner">
+  <% if notification.is_some() {%>
+    <% let notification = notification.unwrap(); %>
+  <div data-controller="notifications-marketing-alert-banner">
     <div class="<%- notification.level.to_string() %> W-100">
       <div class="banner d-flex container p-1">
         <div class="flex-grow-1 d-flex flex-column flex-md-row justify-content-center align-items-center row-gap-0 column-gap-3 fw-semibold overflow-hidden">
           <div class="mx-3 overflow-hidden" style="max-width: 80%;">
             <p class="m-0 text-center"><%- notification.message %></p>
           </div>
-          <% if notification.link.is_some() {%>
-          <a class="btn btn-tertiary fw-semibold p-0" href="<%- notification.link.unwrap() %>" data-turbo="false">
-            Learn More 
-            <span class="material-symbols-outlined">arrow_forward</span>
-          </a>
-          <% } %>
         </div>
-        <% if notification.dismissible {%>
-        <a class="w-0 overflow-visible d-flex align-items-center" style="right: 4vw" href="/dashboard/notifications/remove_banner?id=<%- notification.id%>">
-          <span class="material-symbols-outlined <% if notification.level == NotificationLevel::Tip {%>close-light<% } else {%>close-dark<% } %>">
+        
+        <% if notification.dismissible && notification.level != NotificationLevel::Level3 {%>
+        <a class="w-0 overflow-visible d-flex align-items-center" style="right: 4vw" href="/dashboard/notifications/remove_banner?id=<%- notification.id%>&alert=true">
+          <span class="material-symbols-outlined <% if notification.level == NotificationLevel::Level2 {%>close-light<% } else {%>close-dark<% } %>">
             close
           </span></a>
         <% } %>
diff --git a/pgml-dashboard/src/components/notifications/marketing/feature_banner/feature_banner.scss b/pgml-dashboard/src/components/notifications/marketing/feature_banner/feature_banner.scss
new file mode 100644
index 000000000..a9d389352
--- /dev/null
+++ b/pgml-dashboard/src/components/notifications/marketing/feature_banner/feature_banner.scss
@@ -0,0 +1,65 @@
+div[data-controller="notifications-marketing-feature-banner"] {
+    .btn-tertiary {
+        border: 0px;
+        &:hover {
+            .more-info {
+                left: 0.5rem;
+            }
+        }
+        .more-info {
+            transition-duration: 0.5s;
+            transition-property: left;
+            left: 0rem;
+        }
+    }
+    .feature1 {
+        background-color: #{$slate-shade-100};
+        margin: 2px 0px; 
+        .btn-tertiary {
+            color: #{$gray-900};
+            --bs-btn-color: #{$gray-900};
+        }
+        .close {
+            color: #{$slate-shade-600};
+        }
+        .more-info {
+            color: #{$gray-100}
+        }
+    }
+    .feature2 {
+        background-color: #{$violet-shade-100};
+        margin: 2px 0px;
+        .btn-tertiary {
+            color: #{$gray-100};
+        }
+        .close {
+            color: #{$gray-200};
+        }
+        .more-info {
+            color: #{$gray-100}
+        }
+    }
+    .feature3 {
+        background-color: #{$gray-900};
+        .btn-tertiary {
+            color: #{$gray-100};
+        }
+        .close {
+            color: #{$gray-300};
+        }
+        .more-info {
+            color: #{$slate-shade-100}
+        }
+    }
+    
+    .feature1, .feature2, .feature3 {
+        border-radius: $border-radius-xl;
+    }
+
+    .message-area {
+        max-width: 75vw;
+    }
+    .banner {
+        min-height: 2rem;
+    }
+}
diff --git a/pgml-dashboard/src/components/notifications/marketing/feature_banner/mod.rs b/pgml-dashboard/src/components/notifications/marketing/feature_banner/mod.rs
new file mode 100644
index 000000000..34d136869
--- /dev/null
+++ b/pgml-dashboard/src/components/notifications/marketing/feature_banner/mod.rs
@@ -0,0 +1,28 @@
+use crate::Notification;
+use pgml_components::component;
+use sailfish::TemplateOnce;
+
+#[derive(TemplateOnce, Default, Clone)]
+#[template(path = "notifications/marketing/feature_banner/template.html")]
+pub struct FeatureBanner {
+    pub notification: Option<Notification>,
+}
+
+impl FeatureBanner {
+    pub fn new() -> FeatureBanner {
+        FeatureBanner { notification: None }
+    }
+
+    pub fn from_notification(notification: Option<&Notification>) -> FeatureBanner {
+        match notification {
+            Some(notification) => {
+                return FeatureBanner {
+                    notification: Some(notification.clone()),
+                }
+            }
+            None => return FeatureBanner { notification: None },
+        }
+    }
+}
+
+component!(FeatureBanner);
diff --git a/pgml-dashboard/src/components/notifications/marketing/feature_banner/template.html b/pgml-dashboard/src/components/notifications/marketing/feature_banner/template.html
new file mode 100644
index 000000000..57a4639cf
--- /dev/null
+++ b/pgml-dashboard/src/components/notifications/marketing/feature_banner/template.html
@@ -0,0 +1,37 @@
+<% use crate::NotificationLevel; %>
+<turbo-frame id="marketing-notifications-banner-feature" class="position-relative z-1">
+  <% if notification.is_some() {%>
+    <% let notification = notification.unwrap(); %>
+  <div data-controller="notifications-marketing-feature-banner">
+
+    <div class="<%- notification.level.to_string() %> <% if notification.level == NotificationLevel::Feature3 {%>main-gradient-border-card<% } %> rounded-3 W-100">
+      <div class="banner d-flex container">
+
+        <% let content = format!(
+          r#"
+          <{} class="{} flex-grow-1 d-flex flex-column flex-md-row justify-content-center align-items-center row-gap-0 column-gap-3 fw-semibold overflow-hidden">
+            <div class="px-3 py-3 py-sm-0 overflow-hidden">
+              <p class="m-0 text-center">{} {}</p>
+            </div>
+          </{}>
+          "#,
+          if notification.link.is_some() { "a" } else { "div" },
+          if notification.link.is_some() { "btn btn-tertiary p-0" } else { "" },
+          notification.message,
+          if notification.link.is_some() { r#"<span class="material-symbols-outlined more-info position-relative" style="top: 2px;">arrow_forward</span>"# } else { "" },
+          if notification.link.is_some() { "a" } else { "div" },
+        ); %>
+        
+        <%- content %>
+
+        <% if notification.dismissible {%>
+        <a class="w-0 btn btn-tertiary overflow-visible d-flex align-items-start p-2" style="height: fit-content" href="/dashboard/notifications/remove_banner?id=<%- notification.id%>&alert=false">
+          <span class="material-symbols-outlined close">
+            close
+          </span></a>
+        <% } %>
+      </div>
+    </div>
+  </div>
+  <% } %>
+</turbo-frame>
diff --git a/pgml-dashboard/src/components/notifications/marketing/mod.rs b/pgml-dashboard/src/components/notifications/marketing/mod.rs
new file mode 100644
index 000000000..be41e52a5
--- /dev/null
+++ b/pgml-dashboard/src/components/notifications/marketing/mod.rs
@@ -0,0 +1,10 @@
+// This file is automatically generated.
+// You shouldn't modify it manually.
+
+// src/components/notifications/marketing/alert_banner
+pub mod alert_banner;
+pub use alert_banner::AlertBanner;
+
+// src/components/notifications/marketing/feature_banner
+pub mod feature_banner;
+pub use feature_banner::FeatureBanner;
diff --git a/pgml-dashboard/src/components/notifications/mod.rs b/pgml-dashboard/src/components/notifications/mod.rs
index 81d73efd5..c69e4a533 100644
--- a/pgml-dashboard/src/components/notifications/mod.rs
+++ b/pgml-dashboard/src/components/notifications/mod.rs
@@ -1,6 +1,5 @@
 // This file is automatically generated.
 // You shouldn't modify it manually.
 
-// src/components/notifications/banner
-pub mod banner;
-pub use banner::Banner;
+// src/components/notifications/marketing
+pub mod marketing;
diff --git a/pgml-dashboard/src/lib.rs b/pgml-dashboard/src/lib.rs
index 2d84fddc2..853761b5c 100644
--- a/pgml-dashboard/src/lib.rs
+++ b/pgml-dashboard/src/lib.rs
@@ -21,7 +21,7 @@ pub mod templates;
 pub mod types;
 pub mod utils;
 
-use components::notifications::banner::Banner;
+use components::notifications::marketing::{AlertBanner, FeatureBanner};
 use guards::{Cluster, ConnectedCluster};
 use responses::{BadRequest, Error, ResponseOk};
 use templates::{
@@ -72,7 +72,7 @@ impl Notification {
 
         Notification {
             message: message.to_string(),
-            level: NotificationLevel::News,
+            level: NotificationLevel::Level1,
             id: s.finish().to_string(),
             dismissible: true,
             viewed: false,
@@ -99,18 +99,64 @@ impl Notification {
         self.viewed = viewed;
         self
     }
+
+    pub fn is_alert(level: &NotificationLevel) -> bool {
+        match level {
+            NotificationLevel::Level1 => true,
+            NotificationLevel::Level2 => true,
+            NotificationLevel::Level3 => true,
+            _ => false,
+        }
+    }
+
+    pub fn next_alert(context: Option<&crate::guards::Cluster>) -> Option<&Notification> {
+        match context.as_ref() {
+            Some(context) => match &context.notifications {
+                Some(notifications) => {
+                    match notifications
+                        .into_iter()
+                        .filter(|n| Notification::is_alert(&n.level))
+                        .next()
+                    {
+                        Some(notification) => return Some(notification),
+                        None => return None,
+                    }
+                }
+                None => return None,
+            },
+            None => return None,
+        };
+    }
+
+    pub fn next_feature(context: Option<&crate::guards::Cluster>) -> Option<&Notification> {
+        match context.as_ref() {
+            Some(context) => match &context.notifications {
+                Some(notifications) => {
+                    match notifications
+                        .into_iter()
+                        .filter(|n| !Notification::is_alert(&n.level))
+                        .next()
+                    {
+                        Some(notification) => return Some(notification),
+                        None => return None,
+                    }
+                }
+                None => return None,
+            },
+            None => return None,
+        };
+    }
 }
 
 impl std::fmt::Display for NotificationLevel {
     fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
         match self {
-            NotificationLevel::News => write!(f, "news"),
-            NotificationLevel::Blog => write!(f, "blog"),
-            NotificationLevel::Launch => write!(f, "launch"),
-            NotificationLevel::Tip => write!(f, "tip"),
             NotificationLevel::Level1 => write!(f, "level1"),
             NotificationLevel::Level2 => write!(f, "level2"),
             NotificationLevel::Level3 => write!(f, "level3"),
+            NotificationLevel::Feature1 => write!(f, "feature1"),
+            NotificationLevel::Feature2 => write!(f, "feature2"),
+            NotificationLevel::Feature3 => write!(f, "feature3"),
         }
     }
 }
@@ -118,13 +164,12 @@ impl std::fmt::Display for NotificationLevel {
 #[derive(Debug, Clone, Default, PartialEq)]
 pub enum NotificationLevel {
     #[default]
-    News,
-    Blog,
-    Launch,
-    Tip,
     Level1,
     Level2,
     Level3,
+    Feature1,
+    Feature2,
+    Feature3,
 }
 
 #[get("/projects")]
@@ -749,27 +794,51 @@ pub async fn playground(cluster: &Cluster) -> Result<ResponseOk, Error> {
     Ok(ResponseOk(layout.render(templates::Playground {})))
 }
 
-#[get("/notifications/remove_banner?<id>")]
-pub fn remove_banner(id: String, cookies: &CookieJar<'_>, context: &Cluster) -> ResponseOk {
+#[get("/notifications/remove_banner?<id>&<alert>")]
+pub fn remove_banner(
+    id: String,
+    alert: bool,
+    cookies: &CookieJar<'_>,
+    context: &Cluster,
+) -> ResponseOk {
     let mut viewed = Notifications::get_viewed(cookies);
 
     viewed.push(id);
     Notifications::update_viewed(&viewed, cookies);
 
-    match context.notifications.as_ref() {
+    let notification = match context.notifications.as_ref() {
         Some(notifications) => {
-            for notification in notifications {
-                if !viewed.contains(&notification.id) {
-                    return ResponseOk(
-                        Banner::from_notification(notification.clone())
-                            .render_once()
-                            .unwrap(),
-                    );
-                }
+            if alert {
+                notifications
+                    .into_iter()
+                    .filter(|n: &&Notification| -> bool {
+                        Notification::is_alert(&n.level) && !viewed.contains(&n.id)
+                    })
+                    .next()
+            } else {
+                notifications
+                    .into_iter()
+                    .filter(|n: &&Notification| -> bool {
+                        !Notification::is_alert(&n.level) && !viewed.contains(&n.id)
+                    })
+                    .next()
             }
-            return ResponseOk(Banner::new().remove_banner(true).render_once().unwrap());
         }
-        None => return ResponseOk(Banner::new().remove_banner(true).render_once().unwrap()),
+        _ => None,
+    };
+
+    if alert {
+        return ResponseOk(
+            AlertBanner::from_notification(notification)
+                .render_once()
+                .unwrap(),
+        );
+    } else {
+        return ResponseOk(
+            FeatureBanner::from_notification(notification)
+                .render_once()
+                .unwrap(),
+        );
     }
 }
 
diff --git a/pgml-dashboard/src/templates/mod.rs b/pgml-dashboard/src/templates/mod.rs
index 4cd880700..9d11ab2e8 100644
--- a/pgml-dashboard/src/templates/mod.rs
+++ b/pgml-dashboard/src/templates/mod.rs
@@ -2,7 +2,8 @@ use pgml_components::Component;
 use std::collections::HashMap;
 
 pub use crate::components::{self, cms::index_link::IndexLink, NavLink, StaticNav, StaticNavLink};
-use components::notifications::banner::Banner;
+use crate::Notification;
+use components::notifications::marketing::{AlertBanner, FeatureBanner};
 
 use sailfish::TemplateOnce;
 use sqlx::postgres::types::PgMoney;
@@ -37,22 +38,16 @@ pub struct Layout {
     pub nav_links: Vec<IndexLink>,
     pub toc_links: Vec<docs::TocLink>,
     pub footer: String,
-    pub banner: Option<Banner>,
+    pub alert_banner: AlertBanner,
+    pub feature_banner: FeatureBanner,
 }
 
 impl Layout {
-    pub fn new(title: &str, context: Option<crate::guards::Cluster>) -> Self {
-        let banner = match context.as_ref() {
-            Some(context) => match &context.notifications {
-                Some(notification) => Some(Banner::from_notification(notification[0].clone())),
-                None => None,
-            },
-            None => None,
-        };
-
+    pub fn new(title: &str, context: Option<&crate::guards::Cluster>) -> Self {
         Layout {
             head: Head::new().title(title),
-            banner,
+            alert_banner: AlertBanner::from_notification(Notification::next_alert(context)),
+            feature_banner: FeatureBanner::from_notification(Notification::next_feature(context)),
             ..Default::default()
         }
     }
diff --git a/pgml-dashboard/static/css/modules.scss b/pgml-dashboard/static/css/modules.scss
index 5ef42ad87..b6cae3ba9 100644
--- a/pgml-dashboard/static/css/modules.scss
+++ b/pgml-dashboard/static/css/modules.scss
@@ -19,7 +19,8 @@
 @import "../../src/components/navigation/navbar/web_app/web_app.scss";
 @import "../../src/components/navigation/tabs/tab/tab.scss";
 @import "../../src/components/navigation/tabs/tabs/tabs.scss";
-@import "../../src/components/notifications/banner/banner.scss";
+@import "../../src/components/notifications/marketing/alert_banner/alert_banner.scss";
+@import "../../src/components/notifications/marketing/feature_banner/feature_banner.scss";
 @import "../../src/components/postgres_logo/postgres_logo.scss";
 @import "../../src/components/sections/footers/marketing_footer/marketing_footer.scss";
 @import "../../src/components/star/star.scss";
diff --git a/pgml-dashboard/templates/layout/base.html b/pgml-dashboard/templates/layout/base.html
index 519201001..4a2a785fc 100644
--- a/pgml-dashboard/templates/layout/base.html
+++ b/pgml-dashboard/templates/layout/base.html
@@ -12,10 +12,13 @@
         <div class="ellipse-container position-absolute" style="margin: -2rem; height: 100vh; width: 100vw;">
           <div class="ellipse-21" style="width: 35vw; height: 35vh; top: 0vh; left: -7vw"></div>
         </div>
-        <% if banner.is_some() {%><%+ banner.unwrap() %><% } %>
+        <%+ alert_banner %>
         <%+ MarketingNavbar::new( user ) %>
 
-        <div class="container my-4 my-xxl-5">
+        <div class="container">
+          <div class="pt-4 pb-5">
+            <%+ feature_banner %>
+          </div>
           <div class="row position-relative">
             <% include!("nav/side.html"); %>