diff --git a/app/views/application/home/_integrations.html.erb b/app/views/application/home/_integrations.html.erb
index 8fdcfa8e..3d6b8a8a 100644
--- a/app/views/application/home/_integrations.html.erb
+++ b/app/views/application/home/_integrations.html.erb
@@ -17,37 +17,19 @@
         </p>
       </div>
 
-      <!-- Integration boxes -->
-      <div class="relative max-w-xs sm:max-w-md mx-auto md:max-w-6xl grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-2">
-        <a href="/frameworks/rails" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-rails-plain-wordmark colored text-8xl"></i>
-        </a>
-
-        <a href="/frameworks/laravel" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-laravel-plain-wordmark colored text-6xl"></i>
-        </a>
-
-        <a href="/frameworks/symfony" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-symfony-original-wordmark text-6xl"></i>
-        </a>
-
-        <a href="/frameworks/django" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-django-plain text-5xl"></i>
-        </a>
-
-        <a href="/frameworks/wagtail" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-python-plain text-5xl"></i>
-        </a>
-
-        <a href="/frameworks/bridgetown" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <img src="<%= image_path("frameworks/bridgetown.png") %>" alt="Bridgetown Logo" class="max-w-[60px]">
-        </a>
-
-        <a href="/frameworks/phoenix" class="rounded-xl relative flex justify-center items-center bg-gray--900 aspect-square p-2">
-          <i class="devicon-phoenix-plain-wordmark colored text-6xl"></i>
-        </a>
+      <div class="relative max-w-xs sm:max-w-md mx-auto md:max-w-6xl grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5">
+        <% FrameworkModel.grouped_by_language.each do |language, pages| %>
+          <% pages.each do |page| %>
+            <a href="<%= page.request_path %>" class="rounded-xl relative flex justify-center items-center hover:bg-gray-900/75 aspect-square">
+              <% if page.image %>
+                <%= image_tag image_path(page.image), alt: "#{page.framework} Logo", class: "w-20" %>
+              <% elsif page.icon_class %>
+                <%= tag.i class: "#{page.icon_class} text-7xl"%>
+              <% end %>
+            </a>
+          <% end %>
+        <% end %>
       </div>
-
     </div>
   </div>
 </section>