diff --git a/handler/web/request.go b/handler/web/request.go
index 86af437..c0a7893 100644
--- a/handler/web/request.go
+++ b/handler/web/request.go
@@ -9,5 +9,5 @@ import (
 type RequestHandler struct{}
 
 func (h *RequestHandler) HomeHandler(w http.ResponseWriter, r *http.Request) error {
-	return config.Render(w, "request", map[string]any{})
+	return config.Render(w, "request", map[string]any{}, "request/list", "request/header", "request/new")
 }
diff --git a/views/components/request/header.gohtml b/views/components/request/header.gohtml
index f831c61..bc00074 100644
--- a/views/components/request/header.gohtml
+++ b/views/components/request/header.gohtml
@@ -1,7 +1,47 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "requestHeader" }}
 
-New Webhook
+<table class="table">
+    <thead>
+        <tr>
+            <th scope="col">#</th>
+            <th scope="col">First</th>
+            <th scope="col">Last</th>
+            <th scope="col">Handle</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+        </tr>
+        <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+        </tr>
+        <tr>
+            <th scope="row">3</th>
+            <td colspan="2">Larry the Bird</td>
+            <td>@twitter</td>
+        </tr>
+    </tbody>
+</table>
+<!-- Pagination -->
+<div class="mt-4">
+    <nav aria-label="Page navigation example">
+        <ul class="pagination">
+            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
+            <li class="page-item"><a class="page-link" href="#">1</a></li>
+            <li class="page-item"><a class="page-link" href="#">2</a></li>
+            <li class="page-item"><a class="page-link" href="#">3</a></li>
+            <li class="page-item"><a class="page-link" href="#">Next</a></li>
+        </ul>
+    </nav>
+</div>
 
 {{end}}
\ No newline at end of file
diff --git a/views/components/request/list.gohtml b/views/components/request/list.gohtml
new file mode 100644
index 0000000..f046eb1
--- /dev/null
+++ b/views/components/request/list.gohtml
@@ -0,0 +1,47 @@
+{{template "base" . }}
+
+{{define "requestList" }}
+
+<table class="table">
+    <thead>
+        <tr>
+            <th scope="col">#</th>
+            <th scope="col">First</th>
+            <th scope="col">Last</th>
+            <th scope="col">Handle</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <th scope="row">1</th>
+            <td>Mark</td>
+            <td>Otto</td>
+            <td>@mdo</td>
+        </tr>
+        <tr>
+            <th scope="row">2</th>
+            <td>Jacob</td>
+            <td>Thornton</td>
+            <td>@fat</td>
+        </tr>
+        <tr>
+            <th scope="row">3</th>
+            <td colspan="2">Larry the Bird</td>
+            <td>@twitter</td>
+        </tr>
+    </tbody>
+</table>
+<!-- Pagination -->
+<div class="mt-4">
+    <nav aria-label="Page navigation example">
+        <ul class="pagination">
+            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
+            <li class="page-item"><a class="page-link" href="#">1</a></li>
+            <li class="page-item"><a class="page-link" href="#">2</a></li>
+            <li class="page-item"><a class="page-link" href="#">3</a></li>
+            <li class="page-item"><a class="page-link" href="#">Next</a></li>
+        </ul>
+    </nav>
+</div>
+
+{{end}}
\ No newline at end of file
diff --git a/views/components/request/new.gohtml b/views/components/request/new.gohtml
index f831c61..9ee221d 100644
--- a/views/components/request/new.gohtml
+++ b/views/components/request/new.gohtml
@@ -1,7 +1,7 @@
 {{template "base" . }}
 
-{{define "webhookNew" }}
+{{define "requestNew" }}
 
-New Webhook
+New request
 
 {{end}}
\ No newline at end of file
diff --git a/views/pages/request.gohtml b/views/pages/request.gohtml
index fdfabb2..572bc0e 100644
--- a/views/pages/request.gohtml
+++ b/views/pages/request.gohtml
@@ -19,93 +19,13 @@
     </ul>
     <div class="tab-content">
         <div class="tab-pane fade show active" id="lists" role="tabpanel">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">3</th>
-                        <td colspan="2">Larry the Bird</td>
-                        <td>@twitter</td>
-                    </tr>
-                </tbody>
-            </table>
-            <!-- Pagination -->
-            <div class="mt-4">
-                <nav aria-label="Page navigation example">
-                    <ul class="pagination">
-                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
-                        <li class="page-item"><a class="page-link" href="#">1</a></li>
-                        <li class="page-item"><a class="page-link" href="#">2</a></li>
-                        <li class="page-item"><a class="page-link" href="#">3</a></li>
-                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
-                    </ul>
-                </nav>
-            </div>
+            {{block "requestList" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="headers" role="tabpanel">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                    </tr>
-                    <tr>
-                        <th scope="row">3</th>
-                        <td colspan="2">Larry the Bird</td>
-                        <td>@twitter</td>
-                    </tr>
-                </tbody>
-            </table>
-            <!-- Pagination -->
-            <div class="mt-4">
-                <nav aria-label="Page navigation example">
-                    <ul class="pagination">
-                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
-                        <li class="page-item"><a class="page-link" href="#">1</a></li>
-                        <li class="page-item"><a class="page-link" href="#">2</a></li>
-                        <li class="page-item"><a class="page-link" href="#">3</a></li>
-                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
-                    </ul>
-                </nav>
-            </div>
+            {{block "requestHeader" .}}{{end}}
         </div>
         <div class="tab-pane fade" id="new" role="tabpanel">
-            def
+            {{block "requestNew" .}}{{end}}
         </div>
     </div>
 </div>