diff --git a/docs/content/index.md b/docs/content/index.md
index 0b6bcc9fa7..c5f60e7e8c 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -4,15 +4,27 @@ seo:
   description: A fast, modern browser for the npm registry
 ---
 
-::u-page-hero{title="npmx.dev" description="A fast, modern browser for the npm registry. Speed first, URL compatible, and simple."}
-#links
-:::u-button{color="neutral" size="xl" to="/getting-started/introduction" trailing-icon="i-lucide-arrow-right"}
-Get Started
-:::
+## ::u-page-hero
+
+title: npmx.dev
+description: A fast, modern browser for the npm registry. Speed first, URL compatible, and simple.
+links:
+
+- label: Get Started
+  to: /getting-started/introduction
+  color: neutral
+  size: xl
+  trailingIcon: i-lucide-arrow-right
+- label: View on GitHub
+  to: https://github.com/npmx-dev/npmx.dev
+  target: \_blank
+  color: neutral
+  size: xl
+  icon: i-simple-icons-github
+  variant: outline
+
+---
 
-:::u-button{color="neutral" icon="i-simple-icons-github" size="xl" to="https://github.com/npmx-dev/npmx.dev" target="\_blank" variant="outline"}
-View on GitHub
-:::
 ::
 
 ::u-page-section{title="What you can do"}