DOCS-1294 - Homepage hero redesign

docusaurus.config.js

@@ -399,8 +399,9 @@ module.exports = {
       additionalLanguages: ['csharp', 'powershell', 'java', 'markdown', 'scala', 'bash', 'diff', 'json', `sql`, `sumo`],
     },
       navbar: {
+        title: 'Docs',
         logo: {
-          alt: 'Sumo Logic logo',
+          alt: 'Sumo Logic',
           srcDark: 'img/reuse/sumo-logo.svg',
           src: 'img/reuse/sumo-logo-dark.svg',
         },

src/components/Feature/index.tsx

@@ -18,8 +18,10 @@ export const Feature = ({
 
   return (
     <Stack
-      direction='row'
+      alignItems='center'
+      direction='column'
       spacing={2}
+      textAlign='center'
     >
       {imgUrl && (
         <Box

src/css/sumo.scss

@@ -823,10 +823,23 @@ html[data-theme='light'] .table-of-contents__left-border {
 .navbar__logo {
   align-items: center;
   display: flex;
+  margin-right: 0;
 }
 
 .navbar__logo img {
-  height: 70%;
+  height: 24px;
+  width: auto;
+}
+
+.navbar__title {
+  margin-left: 0.25rem;
+  padding-left: 0.25rem;
+  border-left: 1px solid currentColor;
+  font-family: "Lab Grotesque", sans-serif;
+  font-size: 1.05rem;
+  font-weight: 400;
+  line-height: 24px;
+  opacity: 0.78;
 }
 
 .navbar-grid-menu:after {

src/helper/features.js

@@ -118,11 +118,11 @@ export const features3 = [
       message: 'Mobot (Dojo AI)',
       description: 'Title for Dojo AI / Mobot',
     }),
-    imageUrl: 'img/icons/operations/human-to-machine.png',
+    imageUrl: 'img/icons/operations/mobot.png',
     description: (<Translate
       id='landing.feature.mobot.desc'
       description='Mobot description'>
-      Our AI-powered log assistant allows you to ask questions in plain English and get accurate log queries without writing code.
+      Ask questions in plain language to analyze logs, investigate security incidents, and get answers from official documentation.
     </Translate>),
     link: 'docs/search/mobot',
   },
@@ -132,21 +132,34 @@ export const features3 = [
       message: 'Dojo AI Platform',
       description: 'Title for Dojo AI platform overview',
     }),
-    imageUrl: 'img/icons/operations/human-to-machine.png',
+    imageUrl: 'img/icons/operations/dojo-ai.png',
     description: (
       <Translate
         id='landing.feature.dojo-ai.desc'
         description='Dojo AI platform teaser description'>
-        Explore our evolving AI capabilities built to accelerate investigation, automate workflows, and surface insights across your observability and security data.
+        Explore the multi-agent AI platform that helps security and observability teams detect threats, investigate incidents, and act on their data.
       </Translate>
     ),
-    link: 'https://www.sumologic.com/solutions/dojo-ai',
+    link: 'docs/get-started/ai-machine-learning',
+  },
+  {
+    title: translate({
+      id: 'landing.feature.ai-security-investigations.title',
+      message: 'AI-powered security investigations',
+      description: 'Title for AI-powered security investigations',
+    }),
+    imageUrl: 'img/icons/security/soc-analyst-agent-icon.png',
+    description: (
+      <Translate
+        id='landing.feature.ai-security-investigations.desc'
+        description='AI-powered security investigations description'>
+        Investigate Cloud SIEM insights with evidence-backed verdicts, correlated activity, and clear findings for faster threat response.
+      </Translate>
+    ),
+    link: 'docs/get-started/ai-machine-learning',
   },
 ];
 
-// After it goes GA: docs/cse/get-started-with-cloud-siem/soc-analyst-agent
-// After it goes GA: mcp-server
-
 // Tab 4: Observability
 export const features4 = [
   {