diff --git a/src/pages/showcase.astro b/src/pages/showcase.astro
deleted file mode 100644
index 5474c61..0000000
--- a/src/pages/showcase.astro
+++ /dev/null
@@ -1,21 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
-import Footer from "../components/Footer.astro";
-import Card from "../components/Card.astro";
-import Back from "../components/Back.astro";
----
-
-<Layout>
-  <main>
-    <Back url="/" />
-    <h1>Showcase <span class="text-gradient">Components</span></h1>
-    <ul list=role>
-      <Card
-        href="/showcase/astro-github-stats"
-        title="Astro Github Stats"
-        body="Embed github stats on your Astro page ✨"
-        />
-    </ul>
-    <Footer />
-  </main>
-</Layout>
diff --git a/src/pages/showcase/index.astro b/src/pages/showcase/index.astro
new file mode 100644
index 0000000..45ca988
--- /dev/null
+++ b/src/pages/showcase/index.astro
@@ -0,0 +1,33 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import Footer from "../../components/Footer.astro";
+import Card from "../../components/Card.astro";
+import Back from "../../components/Back.astro";
+---
+
+<Layout>
+  <main>
+    <Back url="/" />
+    <h1>Showcase <span class="text-gradient">Components</span></h1>
+    <ul list=role>
+      <Card
+        href="/showcase/astro-reactive-form"
+        title="Astro Reactive Form"
+        body="The reactive form component for Astro 🔥"
+        />
+      <Card
+        href="/showcase/astro-github-stats"
+        title="Astro GitHub Stats"
+        body="Embed GitHub stats on your Astro page ✨"
+        />
+    </ul>
+    <Footer />
+  </main>
+</Layout>
+
+<style>
+  ul {
+    list-style: none;
+    margin-left: -40px;
+  }
+</style>