From a486a273cccd47ff48d0c494378592c07cbbbf45 Mon Sep 17 00:00:00 2001
From: Kamil Kisiela <kamil.kisiela@gmail.com>
Date: Wed, 20 Nov 2024 22:19:26 +0100
Subject: [PATCH] Improve the landing page a bit (#6013)

---
 .../components/ecosystem-management/index.tsx | 58 +++++++++++++++----
 .../web/docs/src/components/landing-page.tsx  |  7 ++-
 2 files changed, 50 insertions(+), 15 deletions(-)

diff --git a/packages/web/docs/src/components/ecosystem-management/index.tsx b/packages/web/docs/src/components/ecosystem-management/index.tsx
index 6fcbbd8f2..bc6d003f6 100644
--- a/packages/web/docs/src/components/ecosystem-management/index.tsx
+++ b/packages/web/docs/src/components/ecosystem-management/index.tsx
@@ -26,34 +26,68 @@ export function EcosystemManagementSection({ className }: { className?: string }
       <div className="relative mx-auto flex w-[1392px] max-w-full flex-col gap-x-4 gap-y-6 md:gap-y-12 lg:flex-row [@media(min-width:1400px)]:gap-x-[120px]">
         <div className="flex flex-col gap-12 lg:w-[488px]">
           <Heading as="h3" size="sm">
-            GraphQL Federation Platform
+            360° GraphQL API Management
           </Heading>
           <ul className="mx-auto flex list-none flex-col gap-y-4 text-white/80 lg:gap-y-6">
             {[
-              <>A complete ecosystem covering all your dev and production needs.</>,
+              <div className="text-white">
+                A complete ecosystem covering all your dev and production needs.
+              </div>,
               <>
-                <NextLink className="underline" href="/federation-gateway-audit">
-                  Full Apollo Federation Support
-                </NextLink>
-                . Drop-in replacement for Apollo GraphOS (Apollo Studio)
+                <div className="font-medium text-white">Apollo Federation v1 and v2</div>
+                <div>
+                  Best in class{' '}
+                  <NextLink
+                    className="underline underline-offset-2"
+                    href="/federation-gateway-audit"
+                  >
+                    compatibility with Apollo Federation spec
+                  </NextLink>
+                </div>
               </>,
               <>
-                Use tools of your choice — either dive into our full GraphQL ecosystem,
-                or&nbsp;build your own stack, connecting{' '}
-                <NextLink className="underline" href="/federation">
+                <div className="font-medium text-white">
+                  Powerful and flexible{' '}
+                  <NextLink
+                    className="underline decoration-1 underline-offset-2"
+                    href="/docs/gateway"
+                  >
+                    GraphQL Gateway (Router)
+                  </NextLink>
+                </div>
+                <div>
+                  GraphQL Subscriptions support and built-in security features (RBAC, JWT, Persisted
+                  Operations)
+                </div>
+              </>,
+              <>
+                <span className="font-medium text-white">No vendor-lock</span> — dive into our full
+                GraphQL ecosystem, or&nbsp;build your own stack, connecting{' '}
+                <NextLink className="underline decoration-1 underline-offset-2" href="/federation">
                   GraphQL federation
                 </NextLink>
                 ,{' '}
-                <NextLink className="underline" href="/docs/gateway">
+                <NextLink
+                  className="underline decoration-1 underline-offset-2"
+                  href="/docs/gateway"
+                >
                   Hive Gateway
                 </NextLink>
                 ,{' '}
-                <NextLink className="underline" href="https://the-guild.dev/graphql/mesh">
+                <NextLink
+                  className="underline decoration-1 underline-offset-2"
+                  href="https://the-guild.dev/graphql/mesh"
+                >
                   GraphQL Mesh
                 </NextLink>{' '}
                 and more.
               </>,
-              'Learn how to migrate from Apollo and keep your GraphQL Federation stack vendor-unlocked.',
+              <>
+                <div className="font-medium text-white">
+                  Drop-in replacement for Apollo GraphOS (Apollo Studio)
+                </div>
+                <div>100% on-prem and open-source</div>
+              </>,
             ].map((text, i) => (
               <li key={i} className="flex items-start gap-4">
                 <CheckIcon className="mt-0.5 shrink-0 text-blue-400" />
diff --git a/packages/web/docs/src/components/landing-page.tsx b/packages/web/docs/src/components/landing-page.tsx
index f95d1347d..878606126 100644
--- a/packages/web/docs/src/components/landing-page.tsx
+++ b/packages/web/docs/src/components/landing-page.tsx
@@ -35,16 +35,17 @@ export function IndexPage(): ReactElement {
           Open-Source GraphQL Federation Platform
         </Heading>
         <p className="mx-auto w-[512px] max-w-[80%] text-center leading-6 text-white/80">
-          Schema registry, analytics and gateway for GraphQL federation and other GraphQL APIs.
+          Fully open-source schema registry, analytics, metrics and gateway for GraphQL federation
+          and other GraphQL APIs.
         </p>
         <HeroFeatures>
           <li>
             <CheckIcon className="text-blue-400" />
-            Fully open-source
+            MIT licensed
           </li>
           <li>
             <CheckIcon className="text-blue-400" />
-            No vendor lock
+            No vendor-lock
           </li>
           <li>
             <CheckIcon className="text-blue-400" />