From 506740c9c3cb85765b30b5663b71233294f37664 Mon Sep 17 00:00:00 2001
From: Kamil Kisiela <kamil.kisiela@gmail.com>
Date: Thu, 5 Dec 2024 13:28:24 +0100
Subject: [PATCH] Point people from /federation to Hive and Crisp (#6078)

---
 .../docs/src/components/federation-page.tsx   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/web/docs/src/components/federation-page.tsx b/packages/web/docs/src/components/federation-page.tsx
index bad206e01..29ff0f51a 100644
--- a/packages/web/docs/src/components/federation-page.tsx
+++ b/packages/web/docs/src/components/federation-page.tsx
@@ -4,7 +4,7 @@ import { Anchor, CallToAction, Heading } from '@theguild/components';
 import { cn } from '../lib';
 import { ArrowIcon } from './arrow-icon';
 import { FrequentlyAskedFederationQuestions } from './frequently-asked-questions';
-import { Hero } from './hero';
+import { Hero, HeroLinks } from './hero';
 import { InfoCard } from './info-card';
 import { Page } from './page';
 import federationDiagram from '../../public/federation-diagram.png';
@@ -30,6 +30,24 @@ export function FederationPage(): ReactElement {
           into one unified API (supergraph), and serve data from a single endpoint using a GraphQL
           gateway.
         </p>
+        <HeroLinks>
+          <CallToAction
+            variant="primary-inverted"
+            href="/"
+            title="Learn about our Open-Source GraphQL Federation Solution - Hive"
+          >
+            Try Hive for Federation
+          </CallToAction>
+          <CallToAction
+            variant="secondary"
+            title="Contact our experts to learn more about GraphQL Federation"
+            onClick={() => {
+              (window as any).$crisp?.push(['do', 'chat:open']);
+            }}
+          >
+            Contact an Expert
+          </CallToAction>
+        </HeroLinks>
       </Hero>
       <Intro />
       <WhyFederation />