feat: partner page (#5900)

.changeset/seven-tools-cover.md

@@ -0,0 +1,5 @@
+---
+'hive': patch
+---
+
+Fix logging for invalid operation body within usage reporting.

packages/web/docs/src/components/frequently-asked-questions/index.tsx

@@ -5,6 +5,7 @@ import { Anchor, Heading } from '@theguild/components';
 import { cn, usePageFAQSchema } from '../../lib';
 import FederationQuestions from './federation-questions.mdx';
 import HomeQuestions from './home-questions.mdx';
+import PartnersQuestions from './partners-questions.mdx';
 
 const a = (props: ComponentPropsWithoutRef<'a'>) => (
   <Anchor
@@ -176,3 +177,23 @@ export function FrequentlyAskedFederationQuestions({ className }: { className?:
     </>
   );
 }
+
+export function FrequentlyAskedPartnersQuestions({ className }: { className?: string }) {
+  return (
+    <section
+      className={cn(
+        className,
+        'text-green-1000 flex flex-col gap-x-6 gap-y-2 px-4 py-6 md:flex-row md:px-10 lg:gap-x-24 lg:px-[120px] lg:py-24',
+      )}
+    >
+      <PartnersQuestions
+        components={{
+          a,
+          h2,
+          ul: Accordion,
+          li: AccordionItem,
+        }}
+      />
+    </section>
+  );
+}

packages/web/docs/src/components/frequently-asked-questions/partners-questions.mdx

@@ -0,0 +1,10 @@
+## Frequently Asked Questions
+
+- How to become a partner?
+
+  Connect with us on chat or [email us](mailto:contact@the-guild.dev).
+
+- What are the benefits of being a Hive partner?
+
+  When you become a Hive partner, you get a variety of benefits including Technical Access, Support,
+  Marketing initiatives, Sales enablement.

packages/web/docs/src/components/partners-page.tsx

@@ -0,0 +1,167 @@
+import Link from 'next/link';
+import { CodeIcon, LockOpen2Icon, RocketIcon } from '@radix-ui/react-icons';
+import {
+  Anchor,
+  CallToAction,
+  cn,
+  GetYourAPIGameRightSection,
+  Heading,
+  InfoCard,
+} from '@theguild/components';
+import { FrequentlyAskedPartnersQuestions } from './frequently-asked-questions';
+import { Hero, HeroLinks } from './hero';
+import { Page } from './page';
+
+function WhyUs({ className }: { className?: string }) {
+  return (
+    <section className={cn('p-6 sm:py-20 md:py-24 xl:px-[120px]', className)}>
+      <Heading as="h2" size="md" className="text-center">
+        Why partner with us?
+      </Heading>
+
+      <ul className="mt-6 flex flex-row flex-wrap justify-center gap-2 md:mt-16 md:gap-6">
+        <InfoCard
+          as="li"
+          heading="Scale with Open Source"
+          icon={<RocketIcon />}
+          className="flex-1 rounded-2xl md:rounded-3xl"
+        >
+          Join the open-source revolution and grow your business by integrating with a platform that
+          puts flexibility and community first. Build solutions that respect your customers' freedom
+          to innovate.
+        </InfoCard>
+        <InfoCard
+          as="li"
+          icon={<LockOpen2Icon />}
+          heading="Enhance Your Enterprise Appeal"
+          className="flex-1 basis-full rounded-2xl md:basis-0 md:rounded-3xl"
+        >
+          Reach organizations seeking vendor-independent solutions. As a Hive partner, you'll
+          connect with companies prioritizing open-source infrastructure and full ownership of their
+          GraphQL stack.
+        </InfoCard>
+        <InfoCard
+          as="li"
+          icon={<CodeIcon />}
+          heading="Drive Technical Excellence"
+          className="flex-1 basis-full rounded-2xl md:rounded-3xl lg:basis-0"
+        >
+          Enable your customers to build more reliable and observable GraphQL APIs through our
+          comprehensive schema registry,{' '}
+          <Anchor
+            href="/federation"
+            title="Visit our guide to learn more about GraphQL federation"
+            className="underline decoration-slate-400 hover:decoration-slate-700"
+          >
+            federation
+          </Anchor>{' '}
+          support, and performance monitoring tools.
+        </InfoCard>
+      </ul>
+    </section>
+  );
+}
+
+const PARTNERS = [
+  {
+    name: 'The Guild',
+    logo: '/the-guild-logo.svg',
+    className: 'brightness-0 grayscale hover:brightness-100',
+    href: 'https://the-guild.dev',
+  },
+  {
+    name: 'Duality',
+    logo: '/duality-logo.svg',
+    href: 'https://teamduality.dev',
+  },
+];
+
+function SolutionsPartner({ className }: { className?: string }) {
+  return (
+    <section
+      className={cn(
+        'bg-beige-100 text-green-1000 rounded-3xl',
+        'p-6 sm:py-20 md:py-24 xl:px-[120px]',
+        'mx-4 max-sm:mt-2 md:mx-6',
+        className,
+      )}
+    >
+      <Heading as="h2" size="md" className="text-center">
+        Solution Partners
+      </Heading>
+      <p className="mx-auto mt-4 max-w-3xl text-center">
+        Our solution partners are experts in their field, providing a range of services to help you
+        get the most out of the Hive platform. From consulting to implementation, our partners are
+        here to help you succeed.
+      </p>
+      <ul className="mt-10 grid grid-cols-1 place-items-center gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+        {PARTNERS.map(partner => (
+          <Link
+            key={partner.name}
+            href={`${partner.href}?utm_source=hive&utm_medium=website&utm_campaign=partners`}
+            target="_blank"
+          >
+            <li
+              className={cn(
+                'flex h-32 w-56 cursor-pointer flex-col items-center justify-center rounded-3xl border border-black hover:bg-slate-300',
+                partner?.className,
+              )}
+            >
+              <img src={partner.logo} alt={partner.name} className="h-10 w-auto" />
+            </li>
+          </Link>
+        ))}
+      </ul>
+    </section>
+  );
+}
+
+export function PartnersPage() {
+  return (
+    <Page className="text-green-1000 light mx-auto max-w-[90rem] overflow-hidden">
+      <Hero className="mx-4 h-[22%] max-sm:mt-2 md:mx-6">
+        <Heading
+          as="h1"
+          size="xl"
+          className="mx-auto max-w-3xl text-balance text-center text-white"
+        >
+          Accelerate Your Federation Journey
+        </Heading>
+        <p className="mx-auto w-[512px] max-w-[80%] text-center leading-6 text-white/80">
+          The Hive Partner Network accelerates your{' '}
+          <Anchor
+            href="/federation"
+            title="Visit our guide to learn more about GraphQL federation"
+            className="underline decoration-white/30 underline-offset-2 hover:decoration-white/80"
+          >
+            federation
+          </Anchor>{' '}
+          journey, delivering expert solutions and best-in-class technology for faster value
+          realization.
+        </p>
+        <HeroLinks>
+          <CallToAction
+            variant="primary-inverted"
+            onClick={() => {
+              (window as any).$crisp?.push(['do', 'chat:open']);
+            }}
+          >
+            Talk to an expert
+          </CallToAction>
+          <CallToAction
+            variant="secondary"
+            onClick={() => {
+              (window as any).$crisp?.push(['do', 'chat:open']);
+            }}
+          >
+            Become a partner
+          </CallToAction>
+        </HeroLinks>
+      </Hero>
+      <WhyUs />
+      <SolutionsPartner />
+      <FrequentlyAskedPartnersQuestions />
+      <GetYourAPIGameRightSection className="mx-4 mt-6 !overflow-visible sm:mb-6 md:mx-6 md:mt-16" />
+    </Page>
+  );
+}

packages/web/docs/src/pages/_meta.ts

@@ -43,6 +43,14 @@ const meta: Record<string, DeepPartial<Item | MenuItem | PageItem>> = {
       toc: true,
     },
   },
+  partners: {
+    title: 'Partners',
+    type: 'page',
+    display: 'hidden',
+    theme: {
+      layout: 'raw',
+    },
+  },
   products: {
     title: 'Products',
     type: 'menu',

packages/web/docs/src/pages/partners.mdx

@@ -0,0 +1,10 @@
+---
+title: Partnerships
+description:
+  Accelerate GraphQL Federation adoption with the Hive Partner Network. Access enterprise-grade
+  tools and expertise to build scalable, unified APIs across distributed systems. Join our network
+  of federation experts.
+ogImage: /hive-partners-og.png
+---
+
+export { PartnersPage as default } from '../components/partners-page'