fix: align wording with npm tos

Author: danielroe

README.md

@@ -12,7 +12,7 @@
 
 ## Vision
 
-The aim of [npmx.dev](https://npmx.dev) is to provide a better npm package browsing experience - fast, accessible, and designed for power users.
+The aim of [npmx.dev](https://npmx.dev) is to provide a better browser for the npm registry - fast, accessible, and designed for power users.
 
 - **Speed first** - Insanely fast searching, filtering, and navigation.
 - **URL compatible** - Replace `npmjs.com` with `xnpmjs.com` or `npmx.dev` in any URL and it just works.

app/components/AppFooter.vue

@@ -1,26 +1,31 @@
 <template>
   <footer class="border-t border-border mt-auto">
-    <div class="container py-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-fg-subtle text-sm">
-      <p class="font-mono m-0">
-        a better npm browser
-      </p>
-      <div class="flex items-center gap-6">
-        <a
-          href="https://github.com/danielroe/npmx.dev"
-          rel="noopener noreferrer"
-          class="link-subtle font-mono text-xs"
-        >
-          source
-        </a>
-        <span class="text-border">|</span>
-        <a
-          href="https://roe.dev"
-          rel="noopener noreferrer"
-          class="link-subtle font-mono text-xs"
-        >
-          @danielroe
-        </a>
+    <div class="container py-8 flex flex-col gap-4 text-fg-subtle text-sm">
+      <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
+        <p class="font-mono m-0">
+          a better browser for the npm registry
+        </p>
+        <div class="flex items-center gap-6">
+          <a
+            href="https://github.com/danielroe/npmx.dev"
+            rel="noopener noreferrer"
+            class="link-subtle font-mono text-xs"
+          >
+            source
+          </a>
+          <span class="text-border">|</span>
+          <a
+            href="https://roe.dev"
+            rel="noopener noreferrer"
+            class="link-subtle font-mono text-xs"
+          >
+            @danielroe
+          </a>
+        </div>
       </div>
+      <p class="text-xs text-fg-subtle/60 text-center sm:text-left m-0">
+        npm is a registered trademark of npm, Inc. This site is not affiliated with npm, Inc.
+      </p>
     </div>
   </footer>
 </template>

app/components/OgImage/Default.vue

@@ -12,7 +12,7 @@
       >./</span> npmx
     </h1>
     <h1 class="text-3xl font-medium tracking-tight">
-      a better npm package browser
+      a better browser for the npm registry
     </h1>
 
     <p class="absolute bottom-12 text-lg text-[#404040]">

app/pages/index.vue

@@ -11,8 +11,8 @@ function handleSearch() {
 }
 
 useSeoMeta({
-  title: 'npmx - Better npm Package Browser',
-  description: 'A fast, accessible npm package browser for power users. Search, browse, and manage npm packages with a modern interface.',
+  title: 'npmx - Package Browser for the npm Registry',
+  description: 'A better browser for the npm registry. Search, browse, and explore packages with a modern interface.',
 })
 
 defineOgImageComponent('Default')
@@ -31,7 +31,7 @@ defineOgImageComponent('Default')
         class="text-fg-muted text-lg sm:text-xl max-w-md mb-12 animate-slide-up animate-fill-both"
         style="animation-delay: 0.1s"
       >
-        a better npm package browser
+        a better browser for the npm registry
       </p>
 
       <!-- Search form with micro-interactions -->