diff --git a/preview/app/controllers/components_controller.rb b/preview/app/controllers/components_controller.rb
index 68f2dae60..30b859737 100644
--- a/preview/app/controllers/components_controller.rb
+++ b/preview/app/controllers/components_controller.rb
@@ -118,6 +118,7 @@ def icon
icon-display-servers
icon-display-shopping-cart
icon-display-sla
+ icon-display-chat-col
icon-display-soc2-type2
icon-display-tech-account-comms
icon-display-tutorials-demos-col
diff --git a/src/core/MeganavContentDevelopers/component.html.erb b/src/core/MeganavContentDevelopers/component.html.erb
index 9a4216a49..09dbb0c3e 100644
--- a/src/core/MeganavContentDevelopers/component.html.erb
+++ b/src/core/MeganavContentDevelopers/component.html.erb
@@ -16,11 +16,11 @@
<% end %>
- <%= link_to abs_url("/docs/key-concepts"), class: "ui-meganav-media-with-image group" do %>
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-lightbulb-col", size: "2.5rem")) %>
+ <%= link_to abs_url("/integrations"), class: "ui-meganav-media-with-image group" do %>
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-integrations-col", size: "2.5rem")) %>
-
Concepts
-
Read about core Ably platform concepts.
+
Integrations
+
Find out more about Ably integrations.
<% end %>
@@ -57,11 +57,11 @@
<% end %>
- <%= link_to abs_url("/integrations"), class: "ui-meganav-media-with-image group" do %>
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-integrations-col", size: "2.5rem")) %>
+ <%= link_to abs_url("/reference-guide-chat"), class: "ui-meganav-media-with-image group" do %>
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-col", size: "2.5rem")) %>
-
Integrations
-
Find out more about Ably integrations.
+
Chat apps reference guide
+
Learn how to build chat apps with Ably.
<% end %>
diff --git a/src/core/MeganavContentDevelopers/component.jsx b/src/core/MeganavContentDevelopers/component.jsx
index 1185e1e2a..6a65ba52b 100644
--- a/src/core/MeganavContentDevelopers/component.jsx
+++ b/src/core/MeganavContentDevelopers/component.jsx
@@ -22,20 +22,20 @@ const MeganavContentDevelopers = ({ absUrl }) => (
-
-
+
+
-
Concepts
-
Read about core Ably platform concepts.
+
Quickstart guides
+
Documentation to help you get started quickly.
-
-
+
+
-
Quickstart guides
-
Documentation to help you get started quickly.
+
Integrations
+
Find out more about Ably integrations.
@@ -63,11 +63,11 @@ const MeganavContentDevelopers = ({ absUrl }) => (
-
-
+
+
-
Integrations
-
Find out more about Ably integrations.
+
Chat apps reference guide
+
Learn how to build chat apps with Ably.
diff --git a/src/core/icons/icon-display-chat-col.svg b/src/core/icons/icon-display-chat-col.svg
new file mode 100644
index 000000000..1eeb46407
--- /dev/null
+++ b/src/core/icons/icon-display-chat-col.svg
@@ -0,0 +1,4 @@
+