fix: simpler index formatting

Author: devdumpling

docs/content/index.md

@@ -4,73 +4,34 @@ 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.
-
+::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-button{color="neutral" icon="i-simple-icons-github" size="xl" to="https://github.com/npmx-dev/npmx.dev" target="_blank" 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
-
+::u-page-section{title="What you can do"}
 #features
-:::u-page-feature{icon="i-lucide-search" to="/guide/features"}
-#title
-Search packages
-
-#description
-Fast package search with instant results, infinite scroll, and keyboard navigation.
+:::u-page-feature{icon="i-lucide-search" to="/guide/features" title="Search packages" description="Fast package search with instant results, infinite scroll, and keyboard navigation."}
 :::
 
-:::u-page-feature{icon="i-lucide-code" to="/guide/features"}
-#title
-Browse source code
-
-#description
-View package source code with syntax highlighting and permalink to specific lines.
+:::u-page-feature{icon="i-lucide-code" to="/guide/features" title="Browse source code" description="View package source code with syntax highlighting and permalink to specific lines."}
 :::
 
-:::u-page-feature{icon="i-lucide-link" to="/guide/url-structure"}
-#title
-Use familiar URLs
-
-#description
-Replace npmjs.com with npmx.dev in any URL and it just works.
+:::u-page-feature{icon="i-lucide-link" to="/guide/url-structure" title="Use familiar URLs" description="Replace npmjs.com with npmx.dev in any URL and it just works."}
 :::
 
-:::u-page-feature{icon="i-lucide-keyboard" to="/guide/keyboard-shortcuts"}
-#title
-Navigate with keyboard
-
-#description
-Press `/` to search, `.` for code viewer, arrow keys to navigate results.
+:::u-page-feature{icon="i-lucide-keyboard" to="/guide/keyboard-shortcuts" title="Navigate with keyboard" description="Press / to search, . for code viewer, arrow keys to navigate results."}
 :::
 
-:::u-page-feature{icon="i-lucide-shield-check" to="/guide/features"}
-#title
-Check security
-
-#description
-Vulnerability warnings from OSV database and provenance indicators for verified builds.
+:::u-page-feature{icon="i-lucide-shield-check" to="/guide/features" title="Check security" description="Vulnerability warnings from OSV database and provenance indicators for verified builds."}
 :::
 
-:::u-page-feature{icon="i-lucide-moon" to="/guide/features"}
-#title
-Enjoy dark mode
-
-#description
-Dark mode by default for a better viewing experience.
+:::u-page-feature{icon="i-lucide-moon" to="/guide/features" title="Enjoy dark mode" description="Dark mode by default for a better viewing experience."}
 :::
 ::