chore: add link to version number in hero

Author: KyleRoss

site/components/Hero.jsx

@@ -47,9 +47,11 @@ const Hero = () => {
           <div className="text-center lg:text-right">
             <div className={styles.version}>
               {version && (
-                <abbr title={new Date(versionDate).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}>
-                  v{version}
-                </abbr>
+                <Link plain href="https://www.npmjs.com/package/lambda-log">
+                  <abbr title={new Date(versionDate).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}>
+                    v{version}
+                  </abbr>
+                </Link>
               )}
             </div>
             <Link plain prefetch={false} href="/docs/latest" className={clsx(styles.btn, styles.docs)}>

site/components/Hero.module.css

@@ -30,13 +30,17 @@
 }
 
 .version {
-  @apply h-8 text-base text-indigo-100 font-semibold mb-2;
+  @apply h-8 text-base mb-2;
 
   &:before {
-    @apply inline-block mr-4 text-sm text-indigo-300;
+    @apply inline-block mr-4 text-sm text-indigo-300 font-semibold;
     content: 'Latest Version';
   }
 
+  & a {
+    @apply text-indigo-100 font-semibold;
+  }
+
   & abbr {
     text-underline-offset: 5px;
     text-decoration-thickness: 1px;