Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hive /gateway landing: Orchestrate section #6462

Merged
merged 5 commits into from
Feb 5, 2025
Merged

Hive /gateway landing: Orchestrate section #6462

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
6d9bdcc
Add Orchestrate Your Way section
hasparus Feb 3, 2025
278661e
Improve spacing
hasparus Feb 3, 2025
8462dfe
Add transition
hasparus Feb 3, 2025
cc84acf
Fix mobile styles of Orchestrate section
hasparus Feb 4, 2025
ae35330
Merge branch 'hive-gateway-landing' into hive-gateway-landing-orchest…
hasparus Feb 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
150 changes: 150 additions & 0 deletions packages/web/docs/src/app/gateway/orchestrate-your-way.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@
import { ReactNode } from 'react';
import { Anchor, cn, Heading, InfoCard } from '@theguild/components';

export function OrchestrateYourWay({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) {
return (
<section
className={cn(
className,
'text-green-1000 mx-auto flex max-w-[1248px] flex-wrap rounded-3xl border border-blue-200 p-4',
)}
{...rest}
>
<header className="box-content w-[400px] p-12">
<Heading as="h3" size="sm">
Orchestrate your way!
</Heading>
<p className="mt-6">
The open nature of Hive Gateway ensures that it fits into your existing GraphQL
infrastructure.
</p>
</header>
<ul className="flex grow basis-2/5 p-12">
<InfoCard
as="li"
heading="Apollo Federation v1 and v2 Support"
icon={<CodeIcon />}
className="flex-1 bg-transparent px-0 sm:px-8 sm:py-0 md:px-8 md:py-0"
>
Ensures full compatibility and seamless operation within Apollo Federation setups,
simplifying integration with existing GraphQL services.
</InfoCard>
<InfoCard
as="li"
heading="Plugin System"
icon={<EditIcon />}
className="border-beige-400 flex-1 basis-full bg-transparent px-0 sm:basis-0 sm:border-l sm:px-8 sm:py-0 md:py-0 md:pl-8 md:pr-0"
>
Extensive customization options, allowing enterprises to tailor the gateway to fit
specific architectural needs and workflows.
</InfoCard>
</ul>
<ul className="nextra-scrollbar mt-6 grid max-w-full basis-full grid-cols-4 rounded-3xl bg-[#F8F7F6] [background-image:linear-gradient(55deg,#F8F7F6_25%,theme(colors.blue.700/0.25)_70%,#F8F7F6_94%)] md:mt-12 [&>:not(:first-child)]:border-l [&>:not(:first-child)]:border-blue-300">
<LinkCard href="/federation" logo={<ApolloLogo />} text="Apollo Federation V1" />
<LinkCard href="/federation" logo={<ApolloLogo />} text="Apollo Federation V2" />
<LinkCard
href="/docs/get-started/first-steps#create-hive-project"
logo={<StitchingLogo />}
text="Schema Stitching"
/>
<LinkCard
href="/docs/get-started/schema-stitching"
logo={<MonolithLogo />}
text="Monolith/Single Schema"
/>
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@saihaj @kamilkisiela what links should we use here?

</ul>
</section>
);
}

function CodeIcon() {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="25"
viewBox="0 0 24 25"
fill="currentColor"
>
<path d="M23 12.9502L15.929 20.0211L14.515 18.6072L20.172 12.9502L14.515 7.29315L15.929 5.87915L23 12.9502ZM3.828 12.9502L9.485 18.6072L8.071 20.0211L1 12.9502L8.071 5.87915L9.485 7.29315L3.828 12.9502Z" />
</svg>
);
}

function EditIcon() {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M6.414 15.89L16.556 5.74798L15.142 4.33398L5 14.476V15.89H6.414ZM7.243 17.89H3V13.647L14.435 2.21198C14.6225 2.0245 14.8768 1.91919 15.142 1.91919C15.4072 1.91919 15.6615 2.0245 15.849 2.21198L18.678 5.04098C18.8655 5.2285 18.9708 5.48281 18.9708 5.74798C18.9708 6.01314 18.8655 6.26745 18.678 6.45498L7.243 17.89ZM3 19.89H21V21.89H3V19.89Z" />
</svg>
);
}

function LinkCard({ href, text, logo }: { href: string; text: ReactNode; logo: ReactNode }) {
return (
<li>
<Anchor
href={href}
className="flex min-w-[220px] flex-col items-center justify-center gap-6 p-16 transition hover:bg-white/40"
>
{logo}
<span className="whitespace-pre rounded-3xl border border-blue-400 px-3 py-1 text-sm">
<span className="mr-2.5 inline-block size-3 shrink-0 rounded-full bg-[#24D551]" />
{text}
</span>
</Anchor>
</li>
);
}

function ApolloLogo() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="58" viewBox="0 0 60 58" fill="none">
<path
d="M29.2787 0.0405435C29.1666 0.045613 28.7435 0.0810993 28.3357 0.111516C23.2382 0.486658 18.0694 2.36237 13.8334 5.37364C12.4316 6.36726 11.3255 7.30005 10.0919 8.52686C3.00132 15.5836 0.0804735 25.682 2.29787 35.4915C3.20521 39.5166 5.14225 43.5672 7.71137 46.8218C11.7435 51.9369 17.2691 55.5413 23.4676 57.1027C25.9908 57.7414 28.0859 58 30.7315 58C33.3414 58 35.2631 57.7668 37.7507 57.1635C41.324 56.2916 44.464 54.8569 47.6041 52.672C50.6116 50.5732 53.4101 47.6329 55.4185 44.4645C58.008 40.3683 59.4811 35.8463 59.8431 30.8833C59.9195 29.839 59.8736 27.2535 59.7615 26.189C59.5372 24.075 58.9663 21.2868 58.635 20.7038C58.5024 20.4756 58.1303 20.1816 57.855 20.0853C57.7582 20.0549 57.5441 20.0295 57.3708 20.0295C56.6062 20.0295 55.9639 20.6632 55.9639 21.4084C55.9639 21.5859 56.0455 22.0117 56.1627 22.473C57.172 26.3765 57.2535 30.6653 56.3921 34.579C55.291 39.5927 52.8341 44.0133 49.1282 47.638C47.4002 49.3261 45.7333 50.5732 43.5771 51.8C38.5459 54.6643 32.2913 55.7491 26.4241 54.7758C21.969 54.0407 18.1 52.3374 14.4247 49.4934C12.6967 48.155 10.5914 45.9498 9.28648 44.1045C7.0334 40.9209 5.61631 37.5649 4.88228 33.6664C4.51016 31.6792 4.38273 29.0431 4.55604 26.8987C4.82111 23.6441 5.6418 20.6227 7.0334 17.7584C7.67568 16.4251 8.07329 15.7306 8.843 14.5798C10.413 12.2175 12.4928 10.0072 14.7917 8.25311C17.4883 6.18983 20.6895 4.62336 23.9264 3.78182C25.6748 3.32557 27.0715 3.09744 28.8454 2.97071C35.2631 2.51445 41.5024 4.34961 46.5846 8.19735C46.9618 8.48124 47.3594 8.79048 47.4664 8.8868L47.6601 9.05409L47.5837 9.26701C47.1912 10.362 47.4817 11.7257 48.3075 12.6788C48.7306 13.1654 49.4952 13.6217 50.1426 13.7738C50.5861 13.8802 51.3558 13.8802 51.8044 13.7738C52.9411 13.5051 54.0014 12.5368 54.3378 11.4621C54.715 10.2606 54.4958 9.07437 53.721 8.11117C52.8646 7.04657 51.3915 6.57004 50.0305 6.92491L49.7348 7.00095L49.3168 6.65622C47.6194 5.24184 45.5651 3.93391 43.4038 2.89466C39.8967 1.20653 36.3744 0.299087 32.3627 0.0557519C31.5929 0.0101265 29.7732 -1.24276e-05 29.2787 0.0405435Z"
fill="#00342C"
/>
<path
d="M26.261 16.7192C25.7207 18.1083 24.5483 21.15 23.646 23.4769C22.7438 25.8038 20.8934 30.5843 19.5324 34.0974C18.1765 37.6106 17.0499 40.5002 17.0397 40.5205C17.0244 40.5458 18.4568 40.561 20.2154 40.561H23.4217L23.6103 40.0389C23.7174 39.755 24.0946 38.7512 24.4463 37.8083L25.0886 36.0999H29.9006C33.7339 36.0999 34.7126 36.0847 34.6973 36.034C34.6463 35.8971 33.8613 33.6665 33.4433 32.4752L32.9948 31.2078L29.8088 31.1825L26.628 31.1571L28.6976 25.4844C29.9414 22.0777 30.7825 19.8471 30.7978 19.8978C30.8181 19.9434 31.6439 22.2805 32.6379 25.089C33.6319 27.8975 35.2733 32.5208 36.2826 35.3648L38.1126 40.5357L41.3036 40.5509C43.0571 40.556 44.4946 40.5509 44.4946 40.5408C44.4946 40.5306 44.0817 39.4508 43.572 38.148C43.0622 36.84 41.9714 34.0265 41.1456 31.8922C40.3198 29.758 39.3921 27.3652 39.0811 26.5693C38.7753 25.7733 38.24 24.3944 37.8934 23.5022C37.5468 22.61 36.6445 20.273 35.8799 18.306C35.1153 16.339 34.4475 14.6103 34.3915 14.4633L34.2946 14.1997H27.2346L26.261 16.7192Z"
fill="#00342C"
/>
</svg>
);
}

function StitchingLogo() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M51.212 28.5839C51.3979 28.3982 51.6186 28.251 51.8615 28.1506C52.1043 28.0502 52.3646 27.9986 52.6274 27.9988C52.8902 27.999 53.1503 28.0509 53.3931 28.1516C53.6358 28.2524 53.8563 28.3999 54.042 28.5859C54.2276 28.7718 54.3749 28.9925 54.4753 29.2354C54.5757 29.4783 54.6273 29.7385 54.6271 30.0013C54.6269 30.2641 54.5749 30.5243 54.4742 30.767C54.3735 31.0097 54.2259 31.2302 54.04 31.4159C53.6644 31.7909 53.1553 32.0014 52.6245 32.001C52.0938 32.0006 51.585 31.7894 51.21 31.4139C50.8349 31.0383 50.6245 30.5292 50.6248 29.9985C50.6252 29.4678 50.8364 28.9589 51.212 28.5839ZM48.384 34.2439C48.575 34.4284 48.7273 34.6491 48.8322 34.8931C48.937 35.1371 48.9921 35.3995 48.9945 35.6651C48.9968 35.9306 48.9462 36.194 48.8456 36.4398C48.745 36.6856 48.5965 36.9089 48.4087 37.0967C48.221 37.2845 47.9977 37.433 47.7519 37.5335C47.5061 37.6341 47.2427 37.6847 46.9771 37.6824C46.7116 37.6801 46.4492 37.6249 46.2051 37.5201C45.9611 37.4153 45.7404 37.2629 45.556 37.0719C45.1916 36.6947 44.99 36.1895 44.9946 35.6651C44.9992 35.1407 45.2095 34.6391 45.5803 34.2683C45.9511 33.8974 46.4528 33.6871 46.9771 33.6825C47.5015 33.678 48.0067 33.8796 48.384 34.2439ZM42.728 39.8999C42.919 40.0844 43.0713 40.3051 43.1762 40.5491C43.281 40.7931 43.3361 41.0555 43.3385 41.3211C43.3408 41.5866 43.2902 41.85 43.1896 42.0958C43.089 42.3416 42.9405 42.5649 42.7527 42.7527C42.565 42.9405 42.3417 43.089 42.0959 43.1895C41.8501 43.2901 41.5867 43.3407 41.3212 43.3384C41.0556 43.3361 40.7932 43.2809 40.5491 43.1761C40.3051 43.0713 40.0844 42.9189 39.9 42.7279C39.5356 42.3507 39.3341 41.8455 39.3386 41.3211C39.3432 40.7967 39.5535 40.2951 39.9243 39.9243C40.2951 39.5534 40.7968 39.3431 41.3212 39.3385C41.8455 39.334 42.3507 39.5356 42.728 39.8999ZM37.072 45.5559C37.263 45.7404 37.4153 45.9611 37.5202 46.2051C37.625 46.4491 37.6801 46.7115 37.6825 46.9771C37.6848 47.2426 37.6342 47.506 37.5336 47.7518C37.433 47.9976 37.2845 48.2209 37.0967 48.4087C36.909 48.5965 36.6857 48.745 36.4399 48.8455C36.1941 48.9461 35.9307 48.9967 35.6652 48.9944C35.3996 48.9921 35.1372 48.9369 34.8931 48.8321C34.6491 48.7273 34.4284 48.5749 34.244 48.3839C33.8796 48.0067 33.678 47.5015 33.6826 46.9771C33.6872 46.4527 33.8975 45.9511 34.2683 45.5803C34.6391 45.2094 35.1408 44.9991 35.6652 44.9945C36.1895 44.99 36.6947 45.1916 37.072 45.5559ZM28.584 54.0399C28.3983 53.8539 28.251 53.6332 28.1506 53.3904C28.0502 53.1475 27.9987 52.8873 27.9988 52.6245C27.999 52.3617 28.051 52.1015 28.1517 51.8588C28.2524 51.6161 28.4 51.3956 28.586 51.2099C28.7719 51.0242 28.9926 50.877 29.2355 50.7766C29.4783 50.6762 29.7386 50.6246 30.0014 50.6248C30.2642 50.625 30.5243 50.6769 30.7671 50.7776C31.0098 50.8784 31.2303 51.0259 31.416 51.2119C31.791 51.5874 32.0014 52.0966 32.0011 52.6273C32.0007 53.158 31.7895 53.6669 31.414 54.0419C31.0384 54.4169 30.5293 54.6274 29.9985 54.627C29.4678 54.6266 28.959 54.4154 28.584 54.0399Z"
fill="#00342C"
/>
<path
d="M11.616 34.2399C11.43 34.4256 11.2825 34.6461 11.1817 34.8888C11.081 35.1315 11.029 35.3917 11.0289 35.6545C11.0287 35.9173 11.0803 36.1775 11.1806 36.4204C11.281 36.6633 11.4283 36.884 11.614 37.0699C11.7997 37.2559 12.0202 37.4034 12.2629 37.5042C12.5056 37.6049 12.7658 37.6568 13.0286 37.657C13.2914 37.6572 13.5516 37.6056 13.7945 37.5052C14.0373 37.4049 14.258 37.2576 14.444 37.0719C14.8083 36.6947 15.0099 36.1895 15.0053 35.6651C15.0008 35.1407 14.7904 34.6391 14.4196 34.2683C14.0488 33.8975 13.5472 33.6871 13.0228 33.6826C12.4984 33.678 11.9932 33.8756 11.616 34.2399ZM17.272 39.9039C17.081 40.0884 16.9286 40.3091 16.8238 40.5531C16.719 40.7971 16.6638 41.0596 16.6615 41.3251C16.6592 41.5907 16.7098 41.854 16.8103 42.0998C16.9109 42.3456 17.0594 42.5689 17.2472 42.7567C17.435 42.9445 17.6583 43.093 17.9041 43.1936C18.1499 43.2941 18.4132 43.3447 18.6788 43.3424C18.9443 43.3401 19.2068 43.2849 19.4508 43.1801C19.6948 43.0753 19.9155 42.9229 20.1 42.7319C20.4643 42.3547 20.6659 41.8495 20.6613 41.3251C20.6568 40.8007 20.4464 40.2991 20.0756 39.9283C19.7048 39.5575 19.2032 39.3471 18.6788 39.3426C18.1544 39.338 17.6492 39.5396 17.272 39.9039ZM22.928 45.5599C22.737 45.7444 22.5846 45.9651 22.4798 46.2091C22.375 46.4531 22.3198 46.7156 22.3175 46.9811C22.3152 47.2467 22.3658 47.51 22.4663 47.7558C22.5669 48.0016 22.7154 48.2249 22.9032 48.4127C23.091 48.6005 23.3143 48.749 23.5601 48.8496C23.8059 48.9501 24.0692 49.0007 24.3348 48.9984C24.6003 48.9961 24.8628 48.9409 25.1068 48.8361C25.3508 48.7313 25.5715 48.5789 25.756 48.3879C26.1203 48.0107 26.3219 47.5055 26.3173 46.9811C26.3128 46.4567 26.1024 45.9551 25.7316 45.5843C25.3608 45.2135 24.8592 45.0031 24.3348 44.9986C23.8104 44.994 23.3052 45.1956 22.928 45.5599ZM8.78798 31.4159C9.11495 31.09 9.31909 30.6609 9.36575 30.2016C9.41242 29.7423 9.29873 29.281 9.04398 28.8959C8.87773 28.6517 8.66005 28.4469 8.40622 28.2958C8.15239 28.1447 7.86857 28.051 7.57468 28.0213C7.28078 27.9916 6.98394 28.0265 6.705 28.1237C6.42605 28.2209 6.17176 28.378 5.95998 28.5839C5.58443 28.9589 5.37324 29.4678 5.37286 29.9985C5.37249 30.5292 5.58296 31.0384 5.95798 31.4139C6.33299 31.7895 6.84183 32.0007 7.37256 32.001C7.90329 32.0014 8.41243 31.7909 8.78798 31.4159ZM14.44 22.9279C14.2555 22.7369 14.0348 22.5845 13.7908 22.4797C13.5468 22.3749 13.2843 22.3197 13.0188 22.3174C12.7532 22.3151 12.4899 22.3657 12.2441 22.4663C11.9983 22.5668 11.775 22.7153 11.5872 22.9031C11.3994 23.0909 11.2509 23.3142 11.1503 23.56C11.0498 23.8058 10.9992 24.0692 11.0015 24.3347C11.0038 24.6003 11.059 24.8627 11.1638 25.1067C11.2686 25.3507 11.421 25.5714 11.612 25.7559C11.9892 26.1202 12.4944 26.3218 13.0188 26.3173C13.5432 26.3127 14.0448 26.1024 14.4156 25.7316C14.7864 25.3607 14.9968 24.8591 15.0013 24.3347C15.0059 23.8103 14.8043 23.3051 14.44 22.9279ZM20.096 17.2719C19.9115 17.0809 19.6908 16.9285 19.4468 16.8237C19.2028 16.7189 18.9403 16.6637 18.6748 16.6614C18.4092 16.6591 18.1459 16.7097 17.9001 16.8103C17.6543 16.9108 17.431 17.0593 17.2432 17.2471C17.0554 17.4349 16.9069 17.6582 16.8063 17.904C16.7058 18.1498 16.6552 18.4132 16.6575 18.6787C16.6598 18.9443 16.715 19.2067 16.8198 19.4507C16.9246 19.6947 17.077 19.9154 17.268 20.0999C17.6452 20.4642 18.1504 20.6658 18.6748 20.6613C19.1992 20.6567 19.7008 20.4464 20.0716 20.0756C20.4424 19.7047 20.6528 19.2031 20.6573 18.6787C20.6619 18.1543 20.4603 17.6491 20.096 17.2719ZM25.76 11.6159C25.5755 11.4249 25.3548 11.2725 25.1108 11.1677C24.8668 11.0629 24.6043 11.0077 24.3388 11.0054C24.0732 11.0031 23.8099 11.0537 23.5641 11.1543C23.3183 11.2548 23.095 11.4033 22.9072 11.5911C22.7194 11.7789 22.5709 12.0022 22.4703 12.248C22.3698 12.4938 22.3192 12.7572 22.3215 13.0227C22.3238 13.2883 22.379 13.5507 22.4838 13.7947C22.5886 14.0387 22.741 14.2594 22.932 14.4439C23.3092 14.8082 23.8144 15.0098 24.3388 15.0053C24.8632 15.0007 25.3648 14.7904 25.7356 14.4196C26.1064 14.0487 26.3168 13.5471 26.3213 13.0227C26.3259 12.4983 26.1243 11.9931 25.76 11.6159ZM31.416 5.95992C31.2303 5.77396 31.0098 5.62641 30.7671 5.52567C30.5244 5.42493 30.2642 5.37299 30.0014 5.3728C29.7386 5.37262 29.4783 5.42419 29.2355 5.52459C28.9926 5.62498 28.7719 5.77223 28.586 5.95792C28.4 6.1436 28.2525 6.3641 28.1517 6.60682C28.051 6.84953 27.9991 7.10971 27.9989 7.3725C27.9987 7.63529 28.0503 7.89554 28.1507 8.1384C28.251 8.38126 28.3983 8.60196 28.584 8.78792C28.959 9.16346 29.4678 9.37465 29.9986 9.37503C30.5293 9.3754 31.0384 9.16493 31.414 8.78992C31.7895 8.4149 32.0007 7.90606 32.0011 7.37533C32.0015 6.8446 31.791 6.33546 31.416 5.95992ZM37.072 11.6159C36.8875 11.4249 36.6668 11.2725 36.4228 11.1677C36.1788 11.0629 35.9163 11.0077 35.6508 11.0054C35.3852 11.0031 35.1219 11.0537 34.8761 11.1543C34.6303 11.2548 34.407 11.4033 34.2192 11.5911C34.0314 11.7789 33.8829 12.0022 33.7823 12.248C33.6818 12.4938 33.6312 12.7572 33.6335 13.0227C33.6358 13.2883 33.691 13.5507 33.7958 13.7947C33.9006 14.0387 34.053 14.2594 34.244 14.4439C34.6212 14.8082 35.1264 15.0098 35.6508 15.0053C36.1752 15.0007 36.6768 14.7904 37.0476 14.4196C37.4184 14.0487 37.6288 13.5471 37.6333 13.0227C37.6379 12.4983 37.4363 11.9931 37.072 11.6159ZM42.728 17.2719C42.5435 17.0809 42.3228 16.9285 42.0788 16.8237C41.8348 16.7189 41.5723 16.6637 41.3068 16.6614C41.0412 16.6591 40.7779 16.7097 40.5321 16.8103C40.2863 16.9108 40.063 17.0593 39.8752 17.2471C39.6874 17.4349 39.5389 17.6582 39.4383 17.904C39.3378 18.1498 39.2872 18.4132 39.2895 18.6787C39.2918 18.9443 39.347 19.2067 39.4518 19.4507C39.5566 19.6947 39.709 19.9154 39.9 20.0999C40.2772 20.4642 40.7824 20.6658 41.3068 20.6613C41.8312 20.6567 42.3328 20.4464 42.7036 20.0756C43.0744 19.7047 43.2848 19.2031 43.2893 18.6787C43.2939 18.1543 43.0923 17.6491 42.728 17.2719ZM48.384 22.9279C48.1995 22.7369 47.9788 22.5845 47.7348 22.4797C47.4908 22.3749 47.2283 22.3197 46.9628 22.3174C46.6972 22.3151 46.4339 22.3657 46.1881 22.4663C45.9423 22.5668 45.719 22.7153 45.5312 22.9031C45.3434 23.0909 45.1949 23.3142 45.0943 23.56C44.9938 23.8058 44.9432 24.0692 44.9455 24.3347C44.9478 24.6003 45.003 24.8627 45.1078 25.1067C45.2126 25.3507 45.365 25.5714 45.556 25.7559C45.9332 26.1202 46.4384 26.3218 46.9628 26.3173C47.4872 26.3127 47.9888 26.1024 48.3596 25.7316C48.7304 25.3607 48.9408 24.8591 48.9453 24.3347C48.9499 23.8103 48.7483 23.3051 48.384 22.9279Z"
fill="#00342C"
/>
</svg>
);
}

function MonolithLogo() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<path
d="M19.5551 45.9136L33.2263 54.3749V18.6311L19.5551 10.1711V45.9136ZM19.5551 45.9136L33.2263 37.4536"
stroke="#00342C"
strokeWidth="1.25"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19.5551 10.1713L26.7738 5.625L40.4451 14.085M40.4451 14.085V49.8287L33.2263 54.375M40.4451 14.085L33.2263 18.6312"
stroke="#00342C"
strokeWidth="1.25"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
5 changes: 3 additions & 2 deletions packages/web/docs/src/app/gateway/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
import { LandingPageContainer } from '../../components/landing-page-container';
import { metadata as rootMetadata } from '../layout';
import { GatewayFeatureTabs } from './gateway-feature-tabs';
import { OrchestrateYourWay } from './orchestrate-your-way';

export const metadata: Metadata = {
title: 'Hive Gateway',
Expand Down Expand Up @@ -49,8 +50,8 @@ export default function HiveGatewayPage() {
</CallToAction>
<GatewayHeroDecoration />
</Hero>
<GatewayFeatureTabs className="relative mt-6 bg-blue-100 sm:mt-[-72px]" />
{/* orchestrate your way */}
<GatewayFeatureTabs className="relative mt-6 sm:mt-[-72px] sm:bg-blue-100" />
<OrchestrateYourWay className="mx-4 mt-6 md:mx-auto" />
{/* Federation-Compatible Gateway Benchmarks */}
{/* Let's get advanced */}
{/* Cloud-Native Nature */}
Expand Down
Loading