feat: partner page

.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 } 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
@@ -109,3 +110,23 @@ export function FrequentlyAskedFederationQuestions({ className }: { className?:
     </section>
   );
 }
+
+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,
+          li,
+        }}
+      />
+    </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:[email protected]).
+
+- 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,126 @@
+import { CodeIcon, LockOpen2Icon, RocketIcon } from '@radix-ui/react-icons';
+import {
+  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, federation support, and performance monitoring tools.
+        </InfoCard>
+      </ul>
+    </section>
+  );
+}
+
+const PARTNERS = [
+  {
+    name: 'The Guild',
+    logo: '/the-guild-logo.svg',
+  },
+];
+
+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">
+        {PARTNERS.map(partner => (
+          <li
+            key={partner.name}
+            className="flex h-32 max-w-56 flex-col items-center justify-center rounded-3xl border brightness-0 grayscale"
+          >
+            <img src={partner.logo} alt={partner.name} className="h-10 w-auto" />
+          </li>
+        ))}
+      </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 federation 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']);
+            }}
+          >
+            Get in touch
+          </CallToAction>
+        </HeroLinks>
+      </Hero>
+      <WhyUs />
+      <SolutionsPartner />
+      <FrequentlyAskedPartnersQuestions />
+      <GetYourAPIGameRightSection className="mx-4 mt-6 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,9 @@
+---
+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.
+---
+
+export { PartnersPage as default } from '../components/partners-page'