Generative AI Assistant Carousel Hero

_redesign_heros/2.md

@@ -1,17 +1,22 @@
 ---
-layout: redesign-hero-no-image
+layout: redesign-hero
+link_url: '/blog/opensearch-adds-new-generative-ai-assistant-toolkit'
+images:
+  mobile: 
+    path: '/assets/media/herobanners/OpenSearchAsst_Banner_Clean_mobile.png'
+    alt: 'OpenSearch new generative ai assistant hero banner image.'
+  desktop: 
+    path: '/assets/media/herobanners/OpenSearchAsst_Banner_Clean.png'
+    alt: 'OpenSearch new generative ai assistant hero banner image.'
 call_to_action:
-  label: Take the survey
-  url: "https://amazonmr.au1.qualtrics.com/jfe/form/SV_7PotmoUlux9zZBk"
-  button_class: "purple-sage-secondary"
+  label: Learn More
+  url: '/blog/opensearch-adds-new-generative-ai-assistant-toolkit'
+  button_class: 'open-sky-primary'
 ---
-<div class="homepage-hero-banner--text-with-gradient homepage-hero-banner--text-with-gradient__purple-sage-dark">
+<div class="homepage-hero-banner--text-with-gradient">
   <div class="homepage-hero-banner--text-with-gradient--text">
-    <div class="homepage-hero-banner--text-with-gradient--text--header">
-      Attend OpenSearchCon 2023?
-    </div>
-    <div class="homepage-hero-banner--text-with-gradient--text--body">
-      If you attended OpenSearchCon this year, we would appreciate your feedback on this survey.
-    </div>
+    <div class="homepage-hero-banner--text-with-gradient--pre-header">Introducing</div>
+    <div class="homepage-hero-banner--text-with-gradient--text--header__larger">The OpenSearch Assistant Toolkit</div>
+    <div class="homepage-hero-banner--text-with-gradient--text--body__larger">Build generative AI experiences inside of OpenSearch Dashboards</div>
   </div>
 </div>

_redesign_heros/4.md

@@ -1,17 +1,17 @@
 ---
 layout: redesign-hero-no-image
 call_to_action:
-  label: Join today
-  url: "/slack.html"
+  label: Take the survey
+  url: "https://amazonmr.au1.qualtrics.com/jfe/form/SV_7PotmoUlux9zZBk"
   button_class: "purple-sage-secondary"
 ---
 <div class="homepage-hero-banner--text-with-gradient homepage-hero-banner--text-with-gradient__purple-sage-dark">
   <div class="homepage-hero-banner--text-with-gradient--text">
     <div class="homepage-hero-banner--text-with-gradient--text--header">
-      Join our Slack Workspace
+      Attend OpenSearchCon 2023?
     </div>
     <div class="homepage-hero-banner--text-with-gradient--text--body">
-      Join our active, community-driven slack and get help using, troubleshooting, and developing with OpenSearch.
+      If you attended OpenSearchCon this year, we would appreciate your feedback on this survey.
     </div>
   </div>
 </div>

_redesign_heros/_slack.md

@@ -0,0 +1,17 @@
+---
+layout: redesign-hero-no-image
+call_to_action:
+  label: Join today
+  url: "/slack.html"
+  button_class: "purple-sage-secondary"
+---
+<div class="homepage-hero-banner--text-with-gradient homepage-hero-banner--text-with-gradient__purple-sage-dark">
+  <div class="homepage-hero-banner--text-with-gradient--text">
+    <div class="homepage-hero-banner--text-with-gradient--text--header">
+      Join our Slack Workspace
+    </div>
+    <div class="homepage-hero-banner--text-with-gradient--text--body">
+      Join our active, community-driven slack and get help using, troubleshooting, and developing with OpenSearch.
+    </div>
+  </div>
+</div>

_sass/_redesign.scss

@@ -488,6 +488,20 @@ $header-banner-mobile-breakpoint: 1018px;
                         margin-left: 10px;
                         max-width: calc(100% - 10px);
                     }
+                    > .homepage-hero-banner--text-with-gradient--pre-header {
+                        @include header-level2($primary-pacific-sky);
+                    }
+                    > .homepage-hero-banner--text-with-gradient--text--header__larger {
+                        color: #fff;
+                        font-family: 'Open Sans';
+                        font-size: 60px;
+                        font-style: normal;
+                        font-weight: 600;
+                        line-height: normal; 
+                        @media screen and (max-width: 490px) {
+                            font-size: 42px;
+                        }
+                    }
                     > .homepage-hero-banner--text-with-gradient--text--header {
                         color: #fff;
                         font-family: 'Open Sans';
@@ -499,6 +513,18 @@ $header-banner-mobile-breakpoint: 1018px;
                             font-size: 42px;
                         }
                     }
+                    > .homepage-hero-banner--text-with-gradient--text--body__larger {
+                        color: $primary-pacific-sky;
+                        font-family: 'Open Sans';
+                        font-size: 24px;
+                        font-style: normal;
+                        font-weight: 700;
+                        line-height: 36px; 
+                        @media screen and (max-width: 490px) {
+                            font-size: 18px; 
+                            line-height: 24px;  
+                        }
+                    }
                     > .homepage-hero-banner--text-with-gradient--text--body {
                         color: #FFF;
                         font-family: 'Open Sans';