Add visuals for the different plans

openaustralia · Sep 2, 2024 · 3150bf8 · 3150bf8
1 parent f785166
commit 3150bf8
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 3 deletions.
diff --git a/app/assets/images/plans/community.svg b/app/assets/images/plans/community.svg
diff --git a/app/assets/images/plans/premium.svg b/app/assets/images/plans/premium.svg
diff --git a/app/assets/images/plans/standard.svg b/app/assets/images/plans/standard.svg
diff --git a/app/views/documentation/api_landing.html.erb b/app/views/documentation/api_landing.html.erb
@@ -49,7 +49,8 @@
 
 <div id="plans" class="flex flex-col items-center gap-4 py-16 text-xl border-t lg:items-stretch lg:grid lg:grid-cols-3 border-t-light-grey text-navy">
   <section class="flex flex-col justify-between max-w-lg p-10 my-8 text-center bg-light-grey">
-    <div>
+    <div class="flex flex-col items-center">
+      <%= image_tag "plans/community.svg", alt: "", class: "mb-8" %>
       <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-8") do %>
         Community Plan
       <% end %>
@@ -80,7 +81,8 @@
   </section>
 
   <section class="flex flex-col justify-between max-w-lg py-10 text-center px-14 bg-light-grey">
-    <div>
+    <div class="flex flex-col items-center">
+      <%= image_tag "plans/standard.svg", alt: "", class: "mb-8" %>
       <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-8") do %>
         Standard Plan
       <% end %>
@@ -117,7 +119,8 @@
   </section>
 
   <section class="flex flex-col justify-between max-w-lg p-10 my-8 text-center bg-light-grey">
-    <div>
+    <div class="flex flex-col items-center">
+      <%= image_tag "plans/premium.svg", alt: "", class: "mb-8" %>
       <%= render HeadingComponent.new(tag: :h2, extra_classes: "mb-8") do %>
         Premium Plan
       <% end %>