diff --git a/.github/workflows/update-repo.yml b/.github/workflows/update-repo.yml
index ede36ed..fc57a40 100644
--- a/.github/workflows/update-repo.yml
+++ b/.github/workflows/update-repo.yml
@@ -42,7 +42,16 @@ jobs:
           else
             echo "No packages found."
           fi
-          
+           
+      - name: Generate Package Index
+        run: |
+          echo "<html><body><h1>Package Index</h1><ul>" > index.html
+          for file in x86_64/*.pkg.tar.zst; do
+            filename=$(basename "$file")
+            echo "<li><a href='./x86_64/$filename'>$filename</a></li>" >> index.html
+          done
+          echo "</ul></body></html>" >> index.html
+
       - name: Commit and Push changes
         run: |
           git config --global user.name "github-actions[bot]"
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1b1a1e4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>HyprArch Repository</title>
+    <style>
+        body { font-family: sans-serif; margin: 40px; line-height: 1.6; background: #2e3440; color: #eceff4; }
+        a { color: #88c0d0; text-decoration: none; }
+        a:hover { text-decoration: underline; }
+        .container { max-width: 800px; margin: auto; background: #3b4252; padding: 20px; border-radius: 8px; }
+        h1 { border-bottom: 2px solid #4c566a; padding-bottom: 10px; }
+        pre { background: #2e3440; padding: 15px; border-radius: 5px; color: #ebcb8b; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🚀 HyprArch Custom Repository</h1>
+        <p>To use this repository, add the following to your <code>/etc/pacman.conf</code>:</p>
+        <pre>[hyprarch-repo]
+SigLevel = Optional TrustAll
+Server = https://hyprarch-repo.stuple.net/$arch</pre>
+        
+        <h2>📦 Available Packages</h2>
+        <ul>
+            <li><a href="./x86_64/">Browse x86_64 Packages</a></li>
+        </ul>
+        <hr>
+        <p><small>Automated by GitHub Actions</small></p>
+    </div>
+</body>
+</html>
