Add Enterprise only badge under the title based on metadata (tier)

and remove the section from the info box

The information related to the tier is set in gateway's metadata file.

app/_data/products/gateway.yml

@@ -4,3 +4,8 @@ topologies:
   - traditional
   - hybrid
   - db-less
+
+tiers:
+  enterprise:
+    text: Enterprise only
+    url: '/gateway/enterprise/'

app/_includes/info_box/how-to.html

@@ -2,10 +2,6 @@
 {% include info_box/sections/works_on.html works_on=page.works_on %}
 {% endif %}
 
-{% if page.tier %}
-{% include info_box/sections/tier.html tier=page.tier %}
-{% endif %}
-
 {% if page.plugins %}
 {% include info_box/sections/plugins.html plugins=page.plugins %}
 {% endif %}

app/_includes/info_box/plugin.html

@@ -6,10 +6,6 @@
 {% include info_box/sections/works_on.html works_on=page.works_on %}
 {% endif %}
 
-{% if page.tier %}
-{% include info_box/sections/tier.html tier=page.tier %}
-{% endif %}
-
 {% if page.topologies %}
 {% include info_box/sections/topologies.html topologies=page.topologies %}
 {% endif %}

app/_includes/uses.html

@@ -1,24 +1,39 @@
-{% if include.products or include.tools %}
+{% if include.products or include.tools or include.tier %}
 <div class="flex gap-2 items-center">
-    <span>Uses: </span>
+    {% if include.tier %}
+        {% assign tier = site.data.products.gateway.tiers[include.tier] %}
+        {% include badge.html url=tier.url text=tier.text %}
+    {% endif %}
+
+    {% if include.tier %}
+        {% if include.products or include.tools %}
+        <span class="text-sm"> and uses: </span>
+        {% endif %}
+    {% else %}
+        <span class="text-sm">Uses: </span>
+    {% endif %}
 
-    {% for product in include.products %}
-    {% assign product_info = site.data.products[product] %}
-        {% capture url %}/{{ product }}/{% endcapture %}
-        {% include badge.html url=url text=product_info.name %}
-    {% endfor %}
+    {% if include.products %}
+        {% for product in include.products %}
+        {% assign product_info = site.data.products[product] %}
+            {% capture url %}/{{ product }}/{% endcapture %}
+            {% include badge.html url=url text=product_info.name %}
+        {% endfor %}
+    {% endif %}
 
     {% if include.products and include.tools %}
         <span class="bg-brand-saturated/40 w-[1px] h-3/4"></span>
     {% endif %}
 
-    {% assign tools = include.tools | sort %}
-    {% for tool in tools %}
-    {% assign tool_info = site.data.tools[tool] %}
-    {% if tool_info %}
-        {% capture url %}/{{ tool }}/{% endcapture %}
-        {% include badge.html url=url text=tool_info.name %}
+    {% if include.tools %}
+        {% assign tools = include.tools | sort %}
+        {% for tool in tools %}
+        {% assign tool_info = site.data.tools[tool] %}
+        {% if tool_info %}
+            {% capture url %}/{{ tool }}/{% endcapture %}
+            {% include badge.html url=url text=tool_info.name %}
+        {% endif %}
+        {% endfor %}
     {% endif %}
-    {% endfor %}
 </div>
 {% endif %}

app/_layouts/with_aside.html

@@ -12,7 +12,7 @@
 
             <h1>{{ page.title }}</h1>
 
-            {% include uses.html products=page.products tools=page.tools %}
+            {% include uses.html products=page.products tools=page.tools tier=page.tier %}
 
             {% ifhascontent nav_header %}
                 <section class="flex">