diff --git a/apps/web/src/app/[locale]/automation/page.tsx b/apps/web/src/app/[locale]/automation/page.tsx
index 35380c51..d68838f4 100644
--- a/apps/web/src/app/[locale]/automation/page.tsx
+++ b/apps/web/src/app/[locale]/automation/page.tsx
@@ -9,6 +9,7 @@
  */
 
 import Link from 'next/link'
+import type { Route as NextRoute } from 'next'
 import { useTranslations } from 'next-intl'
 import {
   Activity,
@@ -39,7 +40,7 @@ export default function AutomationPage({ params }: { params: { locale: string }
             {links.map(({ id, label, href, Icon }) => (
               <Link
                 key={id}
-                href={href}
+                href={href as NextRoute}
                 className="group min-w-0 border border-[#e0ddd4] bg-[#faf9f3] p-4 text-[#141413] no-underline transition hover:border-[#d97757] hover:bg-[#fffaf7]"
               >
                 <div className="flex items-center justify-between gap-3">
diff --git a/apps/web/src/app/[locale]/observability/page.tsx b/apps/web/src/app/[locale]/observability/page.tsx
index 8566ab00..7b8e836a 100644
--- a/apps/web/src/app/[locale]/observability/page.tsx
+++ b/apps/web/src/app/[locale]/observability/page.tsx
@@ -9,6 +9,7 @@
 
 import { useEffect, useMemo, useState, type ReactNode } from 'react'
 import Link from 'next/link'
+import type { Route as NextRoute } from 'next'
 import { useTranslations } from 'next-intl'
 import {
   Activity,
@@ -781,7 +782,7 @@ export default function ObservabilityPage({ params }: { params: { locale: string
               {drilldownLinks.map(({ id, label, href, Icon }) => (
                 <Link
                   key={id}
-                  href={href}
+                  href={href as NextRoute}
                   className="group min-w-0 border border-[#e0ddd4] bg-white p-4 text-[#141413] no-underline transition hover:border-[#d97757] hover:bg-[#fffaf7]"
                 >
                   <div className="flex items-center justify-between gap-3">
diff --git a/apps/web/src/app/[locale]/operations/page.tsx b/apps/web/src/app/[locale]/operations/page.tsx
index 098c0fda..2801a1d2 100644
--- a/apps/web/src/app/[locale]/operations/page.tsx
+++ b/apps/web/src/app/[locale]/operations/page.tsx
@@ -9,6 +9,7 @@
  */
 
 import Link from 'next/link'
+import type { Route as NextRoute } from 'next'
 import { useTranslations } from 'next-intl'
 import {
   BarChart3,
@@ -45,7 +46,7 @@ export default function OperationsPage({ params }: { params: { locale: string }
             {links.map(({ id, label, href, Icon }) => (
               <Link
                 key={id}
-                href={href}
+                href={href as NextRoute}
                 className="group min-w-0 border border-[#e0ddd4] bg-[#faf9f3] p-4 text-[#141413] no-underline transition hover:border-[#d97757] hover:bg-[#fffaf7]"
               >
                 <div className="flex items-center justify-between gap-3">
diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index f0db53a1..a473dab0 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -16,6 +16,7 @@
 
 import React from 'react'
 import Link from 'next/link'
+import type { Route as NextRoute } from 'next'
 import { useTranslations } from 'next-intl'
 import { useState, useEffect } from 'react'
 import { useIncidents } from '@/hooks/useIncidents'
@@ -2024,7 +2025,7 @@ export default function Home({ params }: { params: { locale: string } }) {
             return (
               <Link
                 key={section.id}
-                href={section.href}
+                href={section.href as NextRoute}
                 style={{
                   display: 'grid',
                   gap: 8,