doc: Add Unkey as sponsor 💖 (#915)

* chore: Disable hydration warnings on dark mode class injection

* doc: Add Unkey as sponsor 💖

Author: franky47

packages/docs/src/app/(pages)/_landing/dependents.tsx

@@ -35,16 +35,30 @@ export async function DependentsSection() {
         Used by
       </h2>
       <p className="flex flex-wrap items-center justify-center gap-x-16 gap-y-8">
-        <a href="https://vercel.com" className="order-last sm:order-none">
+        <a href="https://vercel.com">
           <svg
             aria-label="Vercel"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 284 65"
-            className="inline h-8 fill-black dark:fill-white md:h-10"
+            className="inline h-8 fill-black dark:fill-white"
           >
             <path d="M141.68 16.25c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm117.14-14.5c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zm-39.03 3.5c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9v-46h9zM37.59.25l36.95 64H.64l36.95-64zm92.38 5l-27.71 48-27.71-48h10.39l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10v14.8h-9v-34h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" />
           </svg>
         </a>
+        <a href="https://unkey.com">
+          <svg
+            aria-label="Unkey"
+            xmlns="http://www.w3.org/2000/svg"
+            width="93"
+            height="40"
+            viewBox="0 0 93 40"
+          >
+            <path
+              d="M10.8 30.3C4.8 30.3 1.38 27.12 1.38 21.66V9.9H4.59V21.45C4.59 25.5 6.39 27.18 10.8 27.18C15.21 27.18 17.01 25.5 17.01 21.45V9.9H20.25V21.66C20.25 27.12 16.83 30.3 10.8 30.3ZM26.3611 30H23.1211V15.09H26.0911V19.71H26.3011C26.7511 17.19 28.7311 14.79 32.5111 14.79C36.6511 14.79 38.6911 17.58 38.6911 21.03V30H35.4511V21.9C35.4511 19.11 34.1911 17.7 31.1011 17.7C27.8311 17.7 26.3611 19.38 26.3611 22.62V30ZM44.8181 30H41.5781V9.9H44.8181V21H49.0781L53.5481 15.09H57.3281L51.7181 22.26L57.2981 30H53.4881L49.0781 23.91H44.8181V30ZM66.4219 30.3C61.5319 30.3 58.3219 27.54 58.3219 22.56C58.3219 17.91 61.5019 14.79 66.3619 14.79C70.9819 14.79 74.1319 17.34 74.1319 21.87C74.1319 22.41 74.1019 22.83 74.0119 23.28H61.3519C61.4719 26.16 62.8819 27.69 66.3319 27.69C69.4519 27.69 70.7419 26.67 70.7419 24.9V24.66H73.9819V24.93C73.9819 28.11 70.8619 30.3 66.4219 30.3ZM66.3019 17.34C63.0019 17.34 61.5619 18.81 61.3819 21.48H71.0719V21.42C71.0719 18.66 69.4819 17.34 66.3019 17.34ZM78.9586 35.1H76.8286V32.16H79.7386C81.0586 32.16 81.5986 31.8 82.0486 30.78L82.4086 30L75.0586 15.09H78.6886L82.4986 23.01L83.9686 26.58H84.2086L85.6186 22.98L89.1286 15.09H92.6986L84.9286 31.62C83.6986 34.29 82.0186 35.1 78.9586 35.1Z"
+              className="fill-black dark:fill-white"
+            />
+          </svg>
+        </a>
         <a href="https://midday.ai">
           <svg
             xmlns="http://www.w3.org/2000/svg"

packages/docs/src/app/(pages)/_landing/sponsors.tsx

@@ -11,7 +11,7 @@ export async function SponsorsSection() {
       <h2 className="mb-12 text-center text-3xl font-bold tracking-tighter dark:text-white md:text-4xl xl:text-5xl">
         Sponsors
       </h2>
-      <ul className="container grid grid-cols-2 gap-y-12 md:grid-cols-3 xl:grid-cols-6">
+      <ul className="container grid grid-cols-2 gap-y-12 md:grid-cols-3 xl:grid-cols-7">
         {sponsors.map(sponsor => (
           <li key={sponsor.handle} className="flex flex-col items-center">
             <a href={sponsor.url} className="h-32 w-32 rounded-full">
@@ -89,6 +89,12 @@ async function fetchSponsors(): Promise<Sponsors> {
       url: 'https://vercel.com/',
       img: 'https://avatars.githubusercontent.com/u/14985020?v=4'
     },
+    {
+      handle: 'unkey.com',
+      name: 'Unkey',
+      url: 'https://unkey.com',
+      img: 'https://avatars.githubusercontent.com/u/138932600?s=200&v=4'
+    },
     {
       handle: 'ryanmagoon',
       name: 'Ryan Magoon',

packages/docs/src/app/layout.tsx

@@ -33,7 +33,12 @@ export const metadata = {
 export default function Layout({ children }: { children: ReactNode }) {
   const enableChiffreAnalytics = process.env.VERCEL_ENV === 'production'
   return (
-    <html lang="en" className={cn(inter.className, 'antialiased')}>
+    <html
+      lang="en"
+      className={cn(inter.className, 'antialiased')}
+      // https://github.com/shadcn-ui/ui/issues/5552#issuecomment-2435024526
+      suppressHydrationWarning
+    >
       <body>
         <Banner
           variant="rainbow"