@ably/ui 13.3.0 → 14.0.0-dev.0ed6be7

package/src/core/MeganavContentCompany/component.html.erb

@@ -1,90 +0,0 @@
-<div class="flex max-w-screen-xl mx-auto">
-  <div class="ui-meganav-content-spacer"></div>
-  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
-    <div class="col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
-      <h3 class="ui-meganav-overline" id="meganav-company-panel-list-why-companies">Why companies choose Ably</h3>
-      <ul aria-labelledby="meganav-company-panel-list-why-companies">
-        <li>
-          <%= link_to abs_url("/customers"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-customers-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Customers</p>
-              <p class="ui-meganav-media-copy">Ably supports customers across multiple industries.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/case-studies"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-case-studies-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Case studies</p>
-              <p class="ui-meganav-media-copy">Discover how customers are benefiting from Ably.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/compare"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-compare-tech-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Compare our tech</p>
-              <p class="ui-meganav-media-copy">Choose the right realtime service.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/aws"), class: "ui-meganav-media-with-image group" do %>
-            <%= image_tag(aws_logo_path, alt: "AWS logo") %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Partners</p>
-              <p class="ui-meganav-media-copy">Ably collaborates and integrates with AWS.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0">
-      <ul class="md:mt-40" aria-labelledby="meganav-company-panel-list-why-companies">
-        <li>
-          <%= link_to abs_url("/resources"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-resources-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Resources</p>
-              <p class="ui-meganav-media-copy">Learn more about realtime with our handy resources.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/about"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-about-ably-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">About Ably</p>
-              <p class="ui-meganav-media-copy">Find out more about Ably’s mission.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/careers"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-careers-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Careers</p>
-              <p class="ui-meganav-media-copy">Discover our open roles and core Ably values.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/events"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-events-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Events</p>
-              <p class="ui-meganav-media-copy">Join Ably at upcoming events.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <%= render(AblyUi::Core::MeganavBlogPostsList.new(url_base: url_base)) %>
-  </section>
-  <div class="ui-meganav-content-spacer"></div>
-</div>

package/src/core/MeganavContentCompany/component.rb

@@ -1,14 +0,0 @@
-module AblyUi
-  module Core
-    class MeganavContentCompany < ViewComponent::Base
-      include Util
-      include SharedAssets
-
-      attr_reader :url_base
-
-      def initialize(url_base:)
-        @url_base = url_base
-      end
-    end
-  end
-end

package/src/core/MeganavContentDevelopers/component.html.erb

@@ -1,129 +0,0 @@
-<div class="flex max-w-screen-xl mx-auto">
-  <div class="ui-meganav-content-spacer"></div>
-  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
-    <div class="col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
-      <h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-explore">
-        Explore
-      </h3>
-      <ul aria-labelledby="meganav-developers-panel-explore">
-        <li>
-          <%= link_to abs_url("/docs"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-docs-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Documentation</p>
-              <p class="ui-meganav-media-copy">Technical guides to help you build with Ably.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/docs/quick-start-guide"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-quickstart-guides-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Quickstart guides</p>
-              <p class="ui-meganav-media-copy">Documentation to help you get started quickly.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= 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")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Integrations</p>
-              <p class="ui-meganav-media-copy">Find out more about Ably integrations. </p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/examples"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-examples-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Live examples</p>
-              <p class="ui-meganav-media-copy">Discover our features and their use cases.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-    <div class="col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0">
-      <ul class="md:mt-40" aria-labelledby="meganav-developers-panel-explore">
-        <li>
-          <%= link_to abs_url("/docs/sdks"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-sdks-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">SDKs</p>
-              <p class="ui-meganav-media-copy">Download an SDK to help you build realtime apps faster.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/tutorials"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-tutorials-demos-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Tutorials & Demos</p>
-              <p class="ui-meganav-media-copy">Get stuck in with our hands-on resources. </p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= 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")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Chat apps reference guide</p>
-              <p class="ui-meganav-media-copy">Learn how to build chat apps with Ably.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/reference-guide-multiplayer"), 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">Multiplayer reference guide</p>
-              <p class="ui-meganav-media-copy">Learn how to build collaborative features with Ably.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-    <div class="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0">
-      <h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-quick-links">
-        Quick links
-      </h3>
-      <ul aria-labelledby="meganav-developers-panel-quick-links">
-        <li>
-          <%= link_to "https://discord.gg/jwBPhEZ9g5", class: "group ui-meganav-media py-12" do %>
-            <p class="ui-meganav-media-heading">Discord</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to "https://github.com/ably", class: "group ui-meganav-media py-12" do %>
-            <p class="ui-meganav-media-heading">GitHub</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to "https://changelog.ably.com/", class: "group ui-meganav-media py-12" do %>
-            <p class="ui-meganav-media-heading">Changelog</p>
-          <% end %>
-        </li>
-        <li>
-          <a href="https://status.ably.com/" class="group ui-meganav-media py-12">
-            <p class="ui-meganav-media-heading">
-              Status<iframe
-                src="https://status.ably.com/embed/icon"
-                allowtransparency="true"
-                frameborder="0"
-                scrolling="no"
-                class="w-24 h-24 ml-4 border-none pointer-events-none align-middle"
-              ></iframe>
-            </p>
-          </a>
-        </li>
-        <li>
-          <%= link_to abs_url("/support"), class: "group ui-meganav-media py-12" do %>
-            <p class="ui-meganav-media-heading">Support & FAQs</p>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-  </section>
-  <div class="ui-meganav-content-spacer"></div>
-</div>

package/src/core/MeganavContentDevelopers/component.rb

@@ -1,13 +0,0 @@
-module AblyUi
-  module Core
-    class MeganavContentDevelopers < ViewComponent::Base
-      include AblyUi::Core::Util
-
-      attr_reader :url_base
-
-      def initialize(url_base:)
-        @url_base = url_base
-      end
-    end
-  end
-end

package/src/core/MeganavContentProducts/component.html.erb

@@ -1,83 +0,0 @@
-<div class="flex max-w-screen-xl mx-auto">
-  <div class="ui-meganav-content-spacer bg-extra-light-grey"></div>
-  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
-    <div class="col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey">
-      <div class="flex mb-20">
-        <%= image_tag(ably_stack_path, alt: "Ably homepage") %>
-        <h3 class="ui-meganav-overline ml-24">The Ably Platform</h3>
-      </div>
-
-      <p class="ui-text-p2 font-bold mb-24" style="max-width: 330px">
-        Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything
-        realtime, and lets you focus on your code.
-      </p>
-
-      <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/platform"), text_size: 'text-p2')) do %>Explore how it works<% end %>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-      <h3 class="ui-meganav-overline" id="meganav-products-panel-list-examples">
-        Products
-      </h3>
-      <ul class="mb-16" aria-labelledby="meganav-products-panel-list-examples">
-        <li>
-          <%= link_to abs_url("/solutions/channels"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Pub/Sub Channels</p>
-            <p class="ui-meganav-media-copy">Build infinitely scalable realtime applications.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/spaces"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Spaces (Beta)</p>
-            <p class="ui-meganav-media-copy">Create multi-user collaborative environments.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/livesync"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">LiveSync (Early access)</p>
-            <p class="ui-meganav-media-copy">Keep clients in sync with any relational database.</p>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-      <h3 class="ui-meganav-overline" id="meganav-products-panel-list-our-technology">Technology</h3>
-      <ul class="mb-16" aria-labelledby="meganav-products-panel-list-our-technology">
-        <li>
-          <%= link_to abs_url("/four-pillars-of-dependability#performance"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Predictable performance</p>
-            <p class="ui-meganav-media-copy">A low-latency and high-throughput global network.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/four-pillars-of-dependability#integrity"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Guaranteed ordering & delivery</p>
-            <p class="ui-meganav-media-copy">Data is delivered - in order - even after disconnections.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/four-pillars-of-dependability#reliability"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Fault tolerant infrastructure</p>
-            <p class="ui-meganav-media-copy">Redundancy is built in at global and regional levels.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/four-pillars-of-dependability#availability"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">High scalability & availability</p>
-            <p class="ui-meganav-media-copy">Built for scale with legitimate 99.999% uptime SLAs.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/network"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Global edge network</p>
-            <p class="ui-meganav-media-copy">An edge network of 15 core routing datacenters and 205+ PoPs.</p>
-          <% end %>
-        </li>
-      </ul>
-
-      <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/four-pillars-of-dependability"), text_size: 'text-p3')) do %>Explore Four Pillars of Dependability<% end %>
-    </div>
-  </section>
-  <div class="ui-meganav-content-spacer"></div>
-</div>

package/src/core/MeganavContentProducts/component.jsx

@@ -1,105 +0,0 @@
-import React from "react";
-import T from "prop-types";
-
-import FeaturedLink from "../FeaturedLink/component.jsx";
-
-const MeganavContentProducts = ({ paths, absUrl }) => (
-  <div className="flex max-w-screen-xl mx-auto">
-    <div className="ui-meganav-content-spacer bg-extra-light-grey"></div>
-    <section className="grid grid-cols-12 ui-grid-gap-x w-full">
-      <div className="col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey">
-        <div className="flex mb-20">
-          <img src={paths.ablyStack} alt="Ably homepage" />
-          <h3 className="ui-meganav-overline ml-24">The Ably Platform</h3>
-        </div>
-        <p className="ui-text-p2 font-bold mb-24" style={{ maxWidth: "330px" }}>
-          Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything
-          realtime, and lets you focus on your code.
-        </p>
-
-        <FeaturedLink url={absUrl("/platform")} textSize="text-p2">
-          Explore how it works
-        </FeaturedLink>
-      </div>
-
-      <div className="col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-        <h3 className="ui-meganav-overline" id="meganav-products-panel-list-examples">
-          Products
-        </h3>
-        <ul className="mb-16" aria-labelledby="meganav-products-panel-list-examples">
-          <li>
-            <a href={absUrl("/solutions/channels")} className="group ui-meganav-media">
-              <p className="ui-meganav-media-heading">Pub/Sub Channels</p>
-              <p className="ui-meganav-media-copy">Build infinitely scalable realtime applications.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/spaces")} className="group ui-meganav-media">
-              <p className="ui-meganav-media-heading">Spaces (Beta)</p>
-              <p className="ui-meganav-media-copy">Create multi-user collaborative environments.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/livesync")} className="group ui-meganav-media">
-              <p className="ui-meganav-media-heading">LiveSync (Early access)</p>
-              <p className="ui-meganav-media-copy">Keep clients in sync with any relational database.</p>
-            </a>
-          </li>
-        </ul>
-      </div>
-
-      <div className="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-        <h3 className="ui-meganav-overline" id="meganav-products-panel-list-our-technology">
-          Technology
-        </h3>
-        <ul className="mb-16" aria-labelledby="meganav-products-panel-list-our-technology">
-          <li>
-            <a href={absUrl("/four-pillars-of-dependability#performance")} className="ui-meganav-media group">
-              <p className="ui-meganav-media-heading">Predictable performance</p>
-              <p className="ui-meganav-media-copy">A low-latency and high-throughput global network.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/four-pillars-of-dependability#integrity")} className="ui-meganav-media group">
-              <p className="ui-meganav-media-heading">Guaranteed ordering & delivery</p>
-              <p className="ui-meganav-media-copy">Data is delivered - in order - even after disconnections.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/four-pillars-of-dependability#reliability")} className="ui-meganav-media group">
-              <p className="ui-meganav-media-heading">Fault tolerant infrastructure</p>
-              <p className="ui-meganav-media-copy">Redundancy is built in at global and regional levels.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/four-pillars-of-dependability#availability")} className="ui-meganav-media group">
-              <p className="ui-meganav-media-heading">High scalability & availability</p>
-              <p className="ui-meganav-media-copy">Built for scale with legitimate 99.999% uptime SLAs.</p>
-            </a>
-          </li>
-          <li>
-            <a href={absUrl("/network")} className="ui-meganav-media group">
-              <p className="ui-meganav-media-heading">Global edge network</p>
-              <p className="ui-meganav-media-copy">An edge network of 15 core routing datacenters and 205+ PoPs.</p>
-            </a>
-          </li>
-        </ul>
-
-        <FeaturedLink url={absUrl("/four-pillars-of-dependability")} textSize="text-p3">
-          Explore Four Pillars of Dependability
-        </FeaturedLink>
-      </div>
-    </section>
-    <div className="ui-meganav-content-spacer"></div>
-  </div>
-);
-
-MeganavContentProducts.propTypes = {
-  paths: T.shape({
-    ablyStack: T.string,
-    iconSprites: T.string,
-  }),
-  absUrl: T.func,
-};
-
-export default MeganavContentProducts;

package/src/core/MeganavContentProducts/component.rb

@@ -1,14 +0,0 @@
-module AblyUi
-  module Core
-    class MeganavContentProducts < ViewComponent::Base
-      include SharedAssets
-      include Util
-
-      attr_reader :url_base
-
-      def initialize(url_base:)
-        @url_base = url_base
-      end
-    end
-  end
-end

package/src/core/MeganavContentUseCases/component.html.erb

@@ -1,135 +0,0 @@
-<div class="flex max-w-screen-xl mx-auto">
-  <div class="ui-meganav-content-spacer bg-extra-light-grey"></div>
-  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
-    <div class="col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey">
-      <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-use-cases">
-          Solutions
-        </h3>
-      <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
-
-        <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")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Live 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/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">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/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-data-broadcast-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <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/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-data-synchronization-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <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>
-         <li>
-          <%= link_to abs_url("/push-notifications"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-push-notifications-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Notifications</p>
-              <p class="ui-meganav-media-copy">Deliver cross-platform push notifications with a simple unified API.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-asset-tracking-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Asset Tracking (Beta)</p>
-              <p class="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-      <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry">
-        Industry
-      </h3>
-      <ul aria-labelledby="meganav-use-cases-panel-industry">
-        <li>
-          <%= link_to abs_url("/solutions/edtech"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">EdTech</p>
-            <p class="ui-meganav-media-copy">Deliver interactive learning experiences.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/fintech"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">FinTech</p>
-            <p class="ui-meganav-media-copy">Deliver personalised financial data in realtime.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/automotive-logistics-and-mobility"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Automotive, Logistics, & Mobility</p>
-            <p class="ui-meganav-media-copy">Power diagnostics, order tracking and more.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/b2b-platforms"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">B2B Platforms</p>
-            <p class="ui-meganav-media-copy">Empower your customers with realtime solutions.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/healthcare"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Healthcare (HIPAA)</p>
-            <p class="ui-meganav-media-copy">Provide trustworthy, HIPAA-compliant realtime apps.</p>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
-      <ul aria-labelledby="meganav-use-cases-panel-solutions" class="mt-0 md:mt-40">
-        <li>
-          <%= link_to abs_url("/solutions/ecommerce-and-retail"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">eCommerce & Retail</p>
-            <p class="ui-meganav-media-copy">Enrich customer experiences with realtime updates.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/sports-and-media"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Sports, Media & Audience Engagement</p>
-            <p class="ui-meganav-media-copy">Deliver engaging global realtime experiences.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/gaming"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">Gaming</p>
-            <p class="ui-meganav-media-copy">Power ultra fast and reliable gaming experiences.</p>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/solutions/iot-and-connected-devices"), class: "ui-meganav-media group" do %>
-            <p class="ui-meganav-media-heading">IoT & Connected Devices</p>
-            <p class="ui-meganav-media-copy">Monitor and control global IoT deployments in realtime.</p>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-  </section>
-  <div class="ui-meganav-content-spacer"></div>
-</div>