diff --git a/app/components/admin/site_customization/pages/index_component.html.erb b/app/components/admin/site_customization/pages/index_component.html.erb
new file mode 100644
index 000000000..7bdbc00ea
--- /dev/null
+++ b/app/components/admin/site_customization/pages/index_component.html.erb
@@ -0,0 +1,54 @@
+<% provide :title do %>
+  <%= t("admin.header.title") %> - <%= t("admin.menu.site_customization.pages") %>
+<% end %>
+
+<%= link_to t("admin.site_customization.pages.index.create"), new_admin_site_customization_page_path, class: "button float-right" %>
+<h2 class="inline-block"><%= t("admin.site_customization.pages.index.title") %></h2>
+
+<% if pages.any? %>
+  <h3><%= page_entries_info pages %></h3>
+
+  <table class="cms-page-list">
+    <thead>
+      <tr>
+        <th><%= t("admin.site_customization.pages.page.title") %></th>
+        <th><%= t("admin.site_customization.pages.page.slug") %></th>
+        <th><%= t("admin.site_customization.pages.page.created_at") %></th>
+        <th><%= t("admin.site_customization.pages.page.updated_at") %></th>
+        <th><%= t("admin.site_customization.pages.page.status") %></th>
+        <th><%= t("admin.actions.actions") %></th>
+      </tr>
+    </thead>
+    <tbody>
+    <% pages.each do |page| %>
+      <tr id="<%= dom_id(page) %>">
+        <td><%= page.title %></td>
+        <td><%= page.slug %></td>
+        <td><%= I18n.l page.created_at, format: :short %></td>
+        <td><%= I18n.l page.created_at, format: :short %></td>
+        <td><%= t("admin.site_customization.pages.page.status_#{page.status}") %></td>
+        <td>
+          <%= render Admin::TableActionsComponent.new(page) do |actions| %>
+            <%= actions.action(:cards,
+                               text: t("admin.site_customization.pages.page.see_cards"),
+                               path: admin_site_customization_page_widget_cards_path(page)) %>
+
+            <% if page.status == "published" %>
+              <%= actions.action(:show,
+                                 text: t("admin.site_customization.pages.index.see_page"),
+                                 path: page.url,
+                                 options: { target: "_blank" }) %>
+            <% end %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+    </tbody>
+  </table>
+
+  <%= paginate pages %>
+<% else %>
+  <div class="callout primary">
+    <%= page_entries_info pages %>
+  </div>
+<% end %>
diff --git a/app/components/admin/site_customization/pages/index_component.rb b/app/components/admin/site_customization/pages/index_component.rb
new file mode 100644
index 000000000..3f181f8f5
--- /dev/null
+++ b/app/components/admin/site_customization/pages/index_component.rb
@@ -0,0 +1,7 @@
+class Admin::SiteCustomization::Pages::IndexComponent < ApplicationComponent
+  attr_reader :pages
+
+  def initialize(pages)
+    @pages = pages
+  end
+end
diff --git a/app/views/admin/site_customization/pages/index.html.erb b/app/views/admin/site_customization/pages/index.html.erb
index 8be93c234..d990389ee 100644
--- a/app/views/admin/site_customization/pages/index.html.erb
+++ b/app/views/admin/site_customization/pages/index.html.erb
@@ -1,54 +1 @@
-<% provide :title do %>
-  <%= t("admin.header.title") %> - <%= t("admin.menu.site_customization.pages") %>
-<% end %>
-
-<%= link_to t("admin.site_customization.pages.index.create"), new_admin_site_customization_page_path, class: "button float-right" %>
-<h2 class="inline-block"><%= t("admin.site_customization.pages.index.title") %></h2>
-
-<% if @pages.any? %>
-  <h3><%= page_entries_info @pages %></h3>
-
-  <table class="cms-page-list">
-    <thead>
-      <tr>
-        <th><%= t("admin.site_customization.pages.page.title") %></th>
-        <th><%= t("admin.site_customization.pages.page.slug") %></th>
-        <th><%= t("admin.site_customization.pages.page.created_at") %></th>
-        <th><%= t("admin.site_customization.pages.page.updated_at") %></th>
-        <th><%= t("admin.site_customization.pages.page.status") %></th>
-        <th><%= t("admin.actions.actions") %></th>
-      </tr>
-    </thead>
-    <tbody>
-    <% @pages.each do |page| %>
-      <tr id="<%= dom_id(page) %>">
-        <td><%= page.title %></td>
-        <td><%= page.slug %></td>
-        <td><%= I18n.l page.created_at, format: :short %></td>
-        <td><%= I18n.l page.created_at, format: :short %></td>
-        <td><%= t("admin.site_customization.pages.page.status_#{page.status}") %></td>
-        <td>
-          <%= render Admin::TableActionsComponent.new(page) do |actions| %>
-            <%= actions.action(:cards,
-                               text: t("admin.site_customization.pages.page.see_cards"),
-                               path: admin_site_customization_page_widget_cards_path(page)) %>
-
-            <% if page.status == "published" %>
-              <%= actions.action(:show,
-                                 text: t("admin.site_customization.pages.index.see_page"),
-                                 path: page.url,
-                                 options: { target: "_blank" }) %>
-            <% end %>
-          <% end %>
-        </td>
-      </tr>
-    <% end %>
-    </tbody>
-  </table>
-
-  <%= paginate @pages %>
-<% else %>
-  <div class="callout primary">
-    <%= page_entries_info @pages %>
-  </div>
-<% end %>
+<%= render Admin::SiteCustomization::Pages::IndexComponent.new(@pages) %>