From afe09f3d9d32cb510d74219cd87b5e2ffddad819 Mon Sep 17 00:00:00 2001
From: Kamil Kisiela <kamil.kisiela@gmail.com>
Date: Wed, 13 Nov 2024 13:57:58 +0100
Subject: [PATCH] Fix links (#5926)

---
 .../web/docs/src/components/ecosystem-management/index.tsx   | 5 +----
 packages/web/docs/src/components/feature-tabs.tsx            | 5 +++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/web/docs/src/components/ecosystem-management/index.tsx b/packages/web/docs/src/components/ecosystem-management/index.tsx
index 6036451ef..0c53c415a 100644
--- a/packages/web/docs/src/components/ecosystem-management/index.tsx
+++ b/packages/web/docs/src/components/ecosystem-management/index.tsx
@@ -49,10 +49,7 @@ export function EcosystemManagementSection({ className }: { className?: string }
               Get started with Federation
               <ArrowIcon />
             </CallToAction>
-            <CallToAction
-              href="https://the-guild.dev/graphql/hive/docs/use-cases/apollo-studio"
-              variant="secondary"
-            >
+            <CallToAction href="/docs/use-cases/apollo-studio" variant="secondary">
               <BookIcon />
               Migrate from Apollo GraphOS
             </CallToAction>
diff --git a/packages/web/docs/src/components/feature-tabs.tsx b/packages/web/docs/src/components/feature-tabs.tsx
index 40ac17b99..fa04e3407 100644
--- a/packages/web/docs/src/components/feature-tabs.tsx
+++ b/packages/web/docs/src/components/feature-tabs.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import Image, { StaticImageData } from 'next/image';
+import NextLink from 'next/link';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 import * as Tabs from '@radix-ui/react-tabs';
 import { CallToAction, Heading } from '@theguild/components';
@@ -264,7 +265,7 @@ function Feature(props: {
         {highlights.map((highlight, i) => {
           if (highlight.link) {
             return (
-              <a
+              <NextLink
                 href={highlight.link}
                 key={i}
                 title={'Learn more about ' + highlight.title}
@@ -273,7 +274,7 @@ function Feature(props: {
               >
                 <dt className="text-green-1000 font-medium">{highlight.title}</dt>
                 <dd className="mt-2 text-sm leading-5 text-green-800">{highlight.description}</dd>
-              </a>
+              </NextLink>
             );
           }