From 36cdb808cd00b159be9864154ba0ae66303e800a Mon Sep 17 00:00:00 2001
From: Fernando Serapio <fhernandosc@gmail.com>
Date: Wed, 11 Jan 2023 03:33:03 -0600
Subject: [PATCH] Add new solutions to meganav

---
 .../MeganavContentUseCases/component.html.erb | 32 +++++++++----------
 src/core/MeganavContentUseCases/component.jsx | 32 +++++++++----------
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/core/MeganavContentUseCases/component.html.erb b/src/core/MeganavContentUseCases/component.html.erb
index 21e31d9e1..7bc384bc1 100644
--- a/src/core/MeganavContentUseCases/component.html.erb
+++ b/src/core/MeganavContentUseCases/component.html.erb
@@ -7,38 +7,38 @@
         </h3>
       <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
         <li>
-          <%= link_to abs_url("/solutions/live-updates-results-metrics"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Live updates, results & metrics</p>
-              <p class="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
+              <p class="ui-meganav-media-heading">Chat</p>
+              <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
             </div>
           <% end %>
         </li>
         <li>
-          <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/solutions/multiplayer-collaboration"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Chat</p>
-              <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
+              <p class="ui-meganav-media-heading">Multiplayer Collaboration</p>
+              <p class="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
             </div>
           <% end %>
         </li>
         <li>
-          <%= link_to abs_url("/solutions/virtual-events"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/solutions/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Virtual Events</p>
-              <p class="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
+              <p class="ui-meganav-media-heading">Data Broadcast</p>
+              <p class="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
             </div>
           <% end %>
         </li>
         <li>
-          <%= link_to abs_url("/solutions/multi-user-virtual-spaces"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/solutions/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Multi-user virtual spaces</p>
-              <p class="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
+              <p class="ui-meganav-media-heading">Data Synchronization</p>
+              <p class="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
             </div>
           <% end %>
         </li>
diff --git a/src/core/MeganavContentUseCases/component.jsx b/src/core/MeganavContentUseCases/component.jsx
index f94a7105c..db91fd38e 100644
--- a/src/core/MeganavContentUseCases/component.jsx
+++ b/src/core/MeganavContentUseCases/component.jsx
@@ -13,38 +13,38 @@ const MeganavContentUseCases = ({ absUrl }) => (
         </h3>
         <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
           <li>
-            <a href={absUrl("/solutions/live-updates-results-metrics")} className="ui-meganav-media-with-image group">
-              <Icon name="icon-live-updates-results-metrics-col" size="2.5rem" />
+            <a href={absUrl("/solutions/chat")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-display-chat-stack-col" size="2.5rem" />
               <div className="flex flex-col justify-center">
-                <p className="ui-meganav-media-heading">Live updates, results & metrics</p>
-                <p className="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
+                <p className="ui-meganav-media-heading">Chat</p>
+                <p className="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
               </div>
             </a>
           </li>
           <li>
-            <a href={absUrl("/solutions/chat")} className="ui-meganav-media-with-image group">
-              <Icon name="icon-display-chat-stack-col" size="2.5rem" />
+            <a href={absUrl("/solutions/multiplayer-collaboration")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
               <div className="flex flex-col justify-center">
-                <p className="ui-meganav-media-heading">Chat</p>
-                <p className="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
+                <p className="ui-meganav-media-heading">Multiplayer Collaboration</p>
+                <p className="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
               </div>
             </a>
           </li>
           <li>
-            <a href={absUrl("/solutions/virtual-events")} className="ui-meganav-media-with-image group">
-              <Icon name="icon-display-virtual-events-col" size="2.5rem" />
+            <a href={absUrl("/solutions/data-broadcast")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-live-updates-results-metrics-col" size="2.5rem" />
               <div className="flex flex-col justify-center">
-                <p className="ui-meganav-media-heading">Virtual Events</p>
-                <p className="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
+                <p className="ui-meganav-media-heading">Data Broadcast</p>
+                <p className="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
               </div>
             </a>
           </li>
           <li>
-            <a href={absUrl("/solutions/multi-user-virtual-spaces")} className="ui-meganav-media-with-image group">
-              <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
+            <a href={absUrl("/solutions/data-synchronization")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-display-virtual-events" size="2.5rem" />
               <div className="flex flex-col justify-center">
-                <p className="ui-meganav-media-heading">Multi-user virtual spaces</p>
-                <p className="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
+                <p className="ui-meganav-media-heading">Data Synchronization</p>
+                <p className="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
               </div>
             </a>
           </li>