Improvements to New UI doc and banner (#4640)

* New UI walkthrough and banner improvements

* Update docs/get-started/sumo-logic-ui.md

* light purple banner

* fixes

Author: kimsauce

docs/get-started/sumo-logic-ui.md

@@ -14,7 +14,18 @@ add back this opening paragraph: Our [Quickstart](/docs/get-started/quickstart)
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import Iframe from 'react-iframe';
 
-This guide introduces you to the new, faster Sumo Logic UI.
+This guide will help you get started with the new and improved Sumo Logic user interface, designed for faster speed and a more intuitive experience. To opt in, navigate to the left-hand panel and click **Switch to New UI**.
+
+<img src={useBaseUrl('img/get-started/switch-new-ui.png')} alt="switch-new-ui.png" width="250"/>
+
+With the new UI, you'll benefit from:
+
+* Unified experience across operational and security analytics products.
+* Faster load times with enhanced caching.
+* Stateful URLs that save your session and position when you log back in.
+* Use-case-driven navigation to help you quickly find the features you need.
+
+For a detailed list of updates, [view the release notes](/release-notes-service/2024/02/23/ui/). Watch the quickstart overview video below to get familiar with the new interface.
 
 <Iframe url="https://www.youtube.com/embed/86IJB6JrG_k?rel=0"
         width="854px"
@@ -25,29 +36,7 @@ This guide introduces you to the new, faster Sumo Logic UI.
         position="relative"
         allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
         allowfullscreen
-        />
-
-:::tip
-New to Sumo Logic? Start with our [Quickstart Guide](/docs/get-started/quickstart) to get up and running fast. You'll be introduced you to the process of getting data into Sumo Logic, searching and analyzing your data, and sharing your findings with your colleagues. 
-:::
-
-## Benefits
-
-With the New UI, you can expect:
-
-* Unified experience across operational and security analytics products.
-* Faster load times with enhanced caching.
-* Stateful URLs that save your place upon re-login.
-* Use-case-based navigation for streamlined feature discovery.
-
-You can view the full list of updates [here](/release-notes-service/2024/02/23/ui/).
-
-
-## Switching to the New UI
-
-To opt into the new UI, go to the left navigation panel and click **Switch to New UI**.
-
-<img src={useBaseUrl('img/get-started/switch-new-ui.png')} alt="switch-new-ui.png" width="250"/>
+        />        
 
 ## Home
 

docusaurus.config.js

@@ -273,9 +273,9 @@ module.exports = {
     },
     announcementBar: {
       id: 'opt-in-ga',
-      content: '🚀 <a target="_blank" rel="noopener noreferrer" href="/docs/get-started/sumo-logic-ui">Check out the Sumo Logic New UI!</a>',
-      backgroundColor: '#f2ecc9',
-      textColor: '#091E42',
+      content: '🚀 <a target="_blank" rel="noopener noreferrer" href="/docs/get-started/sumo-logic-ui">Check out the new Sumo Logic UI!</a> 🚀',
+      backgroundColor: '#D3BAF7',
+      textColor: '#000',
     },
     prism: {
       theme: lightCodeTheme,
@@ -450,7 +450,7 @@ module.exports = {
                 icon: 'support',
               },
               {
-                label: 'Request Demo',
+                label: 'Request a Demo',
                 to: 'https://www.sumologic.com/demos',
                 icon: 'co_present',
               },