Skip to content

Commit

Permalink
Merge pull request #252 from ably/web-2785-meganav-add-new-solutions
Browse files Browse the repository at this point in the history 
[WEB-2785] Add new solutions to meganav
  • Loading branch information
Dominik authored Jan 11, 2023
2 parents f46c92c + 36cdb80 commit 3a3feef
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 32 deletions.
32 changes: 16 additions & 16 deletions src/core/MeganavContentUseCases/component.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
32 changes: 16 additions & 16 deletions src/core/MeganavContentUseCases/component.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit 3a3feef

Please sign in to comment.