refactor(web): replace external links with internal routing using Link

apps/web/src/routeTree.gen.ts

@@ -89,6 +89,7 @@ import { Route as ViewDownloadLinuxAppimageRouteImport } from './routes/_view/do
 import { Route as ViewDownloadLinuxRouteImport } from './routes/_view/download/linux'
 import { Route as ViewDownloadAppleSiliconRouteImport } from './routes/_view/download/apple-silicon'
 import { Route as ViewDownloadAppleIntelRouteImport } from './routes/_view/download/apple-intel'
+import { Route as ViewDownloadAppleRouteImport } from './routes/_view/download/apple'
 import { Route as ViewDocsSplatRouteImport } from './routes/_view/docs/$'
 import { Route as ViewCompanyHandbookSplatRouteImport } from './routes/_view/company-handbook/$'
 import { Route as ViewChangelogSlugRouteImport } from './routes/_view/changelog/$slug'
@@ -507,6 +508,11 @@ const ViewDownloadAppleIntelRoute = ViewDownloadAppleIntelRouteImport.update({
   path: '/download/apple-intel',
   getParentRoute: () => ViewRouteRoute,
 } as any)
+const ViewDownloadAppleRoute = ViewDownloadAppleRouteImport.update({
+  id: '/download/apple',
+  path: '/download/apple',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewDocsSplatRoute = ViewDocsSplatRouteImport.update({
   id: '/$',
   path: '/$',
@@ -603,6 +609,7 @@ export interface FileRoutesByFullPath {
   '/changelog/$slug': typeof ViewChangelogSlugRoute
   '/company-handbook/$': typeof ViewCompanyHandbookSplatRoute
   '/docs/$': typeof ViewDocsSplatRoute
+  '/download/apple': typeof ViewDownloadAppleRoute
   '/download/apple-intel': typeof ViewDownloadAppleIntelRoute
   '/download/apple-silicon': typeof ViewDownloadAppleSiliconRoute
   '/download/linux': typeof ViewDownloadLinuxRoute
@@ -692,6 +699,7 @@ export interface FileRoutesByTo {
   '/changelog/$slug': typeof ViewChangelogSlugRoute
   '/company-handbook/$': typeof ViewCompanyHandbookSplatRoute
   '/docs/$': typeof ViewDocsSplatRoute
+  '/download/apple': typeof ViewDownloadAppleRoute
   '/download/apple-intel': typeof ViewDownloadAppleIntelRoute
   '/download/apple-silicon': typeof ViewDownloadAppleSiliconRoute
   '/download/linux': typeof ViewDownloadLinuxRoute
@@ -786,6 +794,7 @@ export interface FileRoutesById {
   '/_view/changelog/$slug': typeof ViewChangelogSlugRoute
   '/_view/company-handbook/$': typeof ViewCompanyHandbookSplatRoute
   '/_view/docs/$': typeof ViewDocsSplatRoute
+  '/_view/download/apple': typeof ViewDownloadAppleRoute
   '/_view/download/apple-intel': typeof ViewDownloadAppleIntelRoute
   '/_view/download/apple-silicon': typeof ViewDownloadAppleSiliconRoute
   '/_view/download/linux': typeof ViewDownloadLinuxRoute
@@ -880,6 +889,7 @@ export interface FileRouteTypes {
     | '/changelog/$slug'
     | '/company-handbook/$'
     | '/docs/$'
+    | '/download/apple'
     | '/download/apple-intel'
     | '/download/apple-silicon'
     | '/download/linux'
@@ -969,6 +979,7 @@ export interface FileRouteTypes {
     | '/changelog/$slug'
     | '/company-handbook/$'
     | '/docs/$'
+    | '/download/apple'
     | '/download/apple-intel'
     | '/download/apple-silicon'
     | '/download/linux'
@@ -1062,6 +1073,7 @@ export interface FileRouteTypes {
     | '/_view/changelog/$slug'
     | '/_view/company-handbook/$'
     | '/_view/docs/$'
+    | '/_view/download/apple'
     | '/_view/download/apple-intel'
     | '/_view/download/apple-silicon'
     | '/_view/download/linux'
@@ -1699,6 +1711,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewDownloadAppleIntelRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/download/apple': {
+      id: '/_view/download/apple'
+      path: '/download/apple'
+      fullPath: '/download/apple'
+      preLoaderRoute: typeof ViewDownloadAppleRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/docs/$': {
       id: '/_view/docs/$'
       path: '/$'
@@ -1847,6 +1866,7 @@ interface ViewRouteRouteChildren {
   ViewBlogSlugRoute: typeof ViewBlogSlugRoute
   ViewCallbackAuthRoute: typeof ViewCallbackAuthRoute
   ViewChangelogSlugRoute: typeof ViewChangelogSlugRoute
+  ViewDownloadAppleRoute: typeof ViewDownloadAppleRoute
   ViewDownloadAppleIntelRoute: typeof ViewDownloadAppleIntelRoute
   ViewDownloadAppleSiliconRoute: typeof ViewDownloadAppleSiliconRoute
   ViewDownloadLinuxRoute: typeof ViewDownloadLinuxRoute
@@ -1916,6 +1936,7 @@ const ViewRouteRouteChildren: ViewRouteRouteChildren = {
   ViewBlogSlugRoute: ViewBlogSlugRoute,
   ViewCallbackAuthRoute: ViewCallbackAuthRoute,
   ViewChangelogSlugRoute: ViewChangelogSlugRoute,
+  ViewDownloadAppleRoute: ViewDownloadAppleRoute,
   ViewDownloadAppleIntelRoute: ViewDownloadAppleIntelRoute,
   ViewDownloadAppleSiliconRoute: ViewDownloadAppleSiliconRoute,
   ViewDownloadLinuxRoute: ViewDownloadLinuxRoute,

apps/web/src/routes/_view/download/apple.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/_view/download/apple")({
+  beforeLoad: async () => {
+    throw redirect({
+      to: "/download/apple-silicon",
+    });
+  },
+});

apps/web/src/routes/_view/integrations/$category.$slug.tsx

@@ -1,4 +1,4 @@
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { createFileRoute, Link, notFound } from "@tanstack/react-router";
 import { allIntegrations } from "content-collections";
 import { useRef, useState } from "react";
 
@@ -176,16 +176,16 @@ function HeroSection({
         )}
 
         <div className="mt-8">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "inline-block px-8 py-3 text-base font-medium rounded-full",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white",
               "hover:scale-105 active:scale-95 transition-transform",
             ])}
           >
             Download Hyprnote for free
-          </a>
+          </Link>
         </div>
       </header>
     </div>

apps/web/src/routes/_view/product/ai-assistant.tsx

@@ -57,16 +57,16 @@ function HeroSection() {
           Prepare, engage, and follow through with AI-powered assistance
         </p>
         <div className="mt-8">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "inline-block px-8 py-3 text-base font-medium rounded-full",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white",
               "hover:scale-105 active:scale-95 transition-transform",
             ])}
           >
             Download for free
-          </a>
+          </Link>
         </div>
       </header>
     </div>
@@ -422,8 +422,8 @@ function CTASection() {
           Hyprnote
         </p>
         <div className="pt-6 flex flex-col sm:flex-row gap-4 justify-center items-center">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "group px-6 h-12 flex items-center justify-center text-base sm:text-lg",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-full",
@@ -446,7 +446,7 @@ function CTASection() {
                 d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
               />
             </svg>
-          </a>
+          </Link>
           <Link
             to="/product/ai-notetaking"
             className={cn([

apps/web/src/routes/_view/product/ai-notetaking.tsx

@@ -159,16 +159,16 @@ function HeroSection() {
             customizable summaries
           </p>
           <div className="mt-8">
-            <a
-              href="https://hyprnote.com/download"
+            <Link
+              to="/download"
               className={cn([
                 "inline-block px-8 py-3 text-base font-medium rounded-full",
                 "bg-linear-to-t from-stone-600 to-stone-500 text-white",
                 "hover:scale-105 active:scale-95 transition-transform",
               ])}
             >
               Download for free
-            </a>
+            </Link>
           </div>
         </header>
       </div>
@@ -2508,8 +2508,8 @@ function CTASection() {
           transcription and AI summary needs with one powerful tool
         </p>
         <div className="pt-6">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "group px-6 h-12 flex items-center justify-center text-base sm:text-lg",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-full",
@@ -2532,7 +2532,7 @@ function CTASection() {
                 d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
               />
             </svg>
-          </a>
+          </Link>
         </div>
       </div>
     </section>

apps/web/src/routes/_view/product/local-ai.tsx

@@ -434,16 +434,16 @@ function Component() {
               Experience the best of both worlds with local AI.
             </p>
             <div className="flex flex-col sm:flex-row gap-4 justify-center">
-              <a
-                href="https://hyprnote.com/download"
+              <Link
+                to="/download"
                 className={cn([
                   "px-8 py-3 text-base font-medium rounded-full",
                   "bg-linear-to-t from-stone-600 to-stone-500 text-white",
                   "hover:scale-105 active:scale-95 transition-transform",
                 ])}
               >
                 Download for free
-              </a>
+              </Link>
               <Link
                 to="/product/notepad"
                 className={cn([

apps/web/src/routes/_view/product/mini-apps.tsx

@@ -1,5 +1,5 @@
 import { Icon } from "@iconify-icon/react";
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
 import { CheckIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 
@@ -58,16 +58,16 @@ function HeroSection() {
           personal knowledge base.
         </p>
         <div className="mt-8">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "inline-block px-8 py-3 text-base font-medium rounded-full",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white",
               "hover:scale-105 active:scale-95 transition-transform",
             ])}
           >
             Download for free
-          </a>
+          </Link>
         </div>
       </header>
     </div>
@@ -605,8 +605,8 @@ function CTASection() {
           today. Daily notes coming soon
         </p>
         <div className="pt-6 flex flex-col sm:flex-row gap-4 justify-center items-center">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "group px-6 h-12 flex items-center justify-center text-base sm:text-lg",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white rounded-full",
@@ -629,7 +629,7 @@ function CTASection() {
                 d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
               />
             </svg>
-          </a>
+          </Link>
         </div>
       </div>
     </section>

apps/web/src/routes/_view/product/self-hosting.tsx

@@ -478,16 +478,16 @@ function Component() {
               solutions.
             </p>
             <div className="flex flex-col sm:flex-row gap-4 justify-center">
-              <a
-                href="https://hyprnote.com/founders"
+              <Link
+                to="/founders"
                 className={cn([
                   "px-8 py-3 text-base font-medium rounded-full",
                   "bg-linear-to-t from-stone-600 to-stone-500 text-white",
                   "hover:scale-105 active:scale-95 transition-transform",
                 ])}
               >
                 Contact sales
-              </a>
+              </Link>
               <Link
                 to="/product/local-ai"
                 className={cn([

apps/web/src/routes/_view/vs/$slug.tsx

@@ -1,4 +1,4 @@
-import { createFileRoute, notFound } from "@tanstack/react-router";
+import { createFileRoute, Link, notFound } from "@tanstack/react-router";
 import { allVs } from "content-collections";
 import { useRef, useState } from "react";
 
@@ -155,16 +155,16 @@ function HeroSection({
         </p>
 
         <div className="mt-8">
-          <a
-            href="https://hyprnote.com/download"
+          <Link
+            to="/download"
             className={cn([
               "inline-block px-8 py-3 text-base font-medium rounded-full",
               "bg-linear-to-t from-stone-600 to-stone-500 text-white",
               "hover:scale-105 active:scale-95 transition-transform",
             ])}
           >
             Download Hyprnote for free
-          </a>
+          </Link>
         </div>
       </header>
     </div>