Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-23 09:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Dedicated section with link to /federation (#6038)

Browse source
This commit is contained in:
Kamil Kisiela 2024-11-26 10:00:26 +01:00 committed by GitHub
parent 56aec76a50
commit 6b97b97823
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/web/docs/src/components/landing-page.tsx
View file

@ -85,6 +85,7 @@ export function IndexPage(): ReactElement {
<StatsItem label="Collected operations" value={350} suffix="B" />
</StatsList>
<UltimatePerformanceCards />
<LearnGraphQLFederationSection className="mx-4 md:mx-6" />
<CompanyTestimonialsSection className="mx-4 mt-6 md:mx-6" />
<GetStartedTodaySection className="mx-4 mt-6 md:mx-6" />
<EnterpriseFocusedCards className="mx-4 my-6 md:mx-6" />
@ -204,6 +205,29 @@ function UltimatePerformanceCards() {
);
}
function LearnGraphQLFederationSection(props: { className?: string }) {
return (
<section className={cn('bg-green-1000 rounded-3xl p-24 text-center', props.className)}>
<Heading as="h2" size="md" className="flex items-center justify-center gap-4 text-white">
What Is GraphQL Federation?
</Heading>
<p className="mt-8 font-medium text-white/80">
Understand what federated GraphQL API is, how it works, and why it may be the right choice
for your API.
</p>
<CallToAction
variant="secondary"
href="/federation"
className="mx-auto mt-8"
title="Introduction to federated GraphQL APIs"
>
Introduction to Federation
</CallToAction>
</section>
);
}
function PerformanceListItemIcon() {
return (
<svg width="24" height="24" fill="currentColor">