docs: use external link

atomiks · atomiks · commit 3021433bbfcb · 2025-04-20T12:23:13.000+10:00
diff --git a/website/pages/index.js b/website/pages/index.js
@@ -287,16 +287,18 @@ function HomePage({sponsors}) {
               </p>
             </div>
             <div className="container mx-auto mb-12 max-w-screen-xl px-4 md:px-8 lg:mb-16 mt-12">
-              <Link
+              <a
                 href="https://base-ui.com"
+                target="_blank"
+                rel="noopener noreferrer"
                 className="inline-block rounded-md bg-gray-900 dark:bg-gray-100 dark:hover:bg-white p-6 font-bold text-gray-50 transition-colors hover:bg-gray-700 sm:text-xl dark:text-gray-900"
               >
                 Start using Base UI{' '}
                 <ArrowRight
                   className="relative top-[-1px] inline-block"
                   size={20}
                 />
-              </Link>
+              </a>
             </div>
           </div>
         </div>
