Create the first official page, still a lot to do

mpourismaiel · Sep 28, 2024 · 393cb19 · 393cb19
1 parent ab0177d
commit 393cb19
Show file tree

Hide file tree

Showing 46 changed files with 1,818 additions and 129 deletions.
diff --git a/components/Dock.tsx b/components/Dock.tsx
@@ -90,10 +90,10 @@ const DATA = {
   },
 };
 
-export function DockDemo() {
+export function DockDemo({ className }: { className?: string }) {
   return (
     <TooltipProvider>
-      <Dock direction="middle">
+      <Dock direction="middle" className={className}>
         {DATA.navbar.map(item => (
           <DockIcon key={item.label}>
             <Tooltip>

diff --git a/components/icons/AdonisJsIcon.tsx b/components/icons/AdonisJsIcon.tsx
@@ -0,0 +1,8 @@
+export const AdonisJsIcon = () => (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill="#fff"
+      d="m13.333 1.333-.596 1.193-2.404 4.807-2.333-4.666-8 16h4.667l-2 4h21.333zm0 2.982 8.51 17.018h-17.02l1.334-2.666h9.843l-4.922-9.843z"
+    />
+  </svg>
+);
diff --git a/components/icons/ApolloIcon.tsx b/components/icons/ApolloIcon.tsx
@@ -0,0 +1,12 @@
+export const ApolloIcon = () => (
+  <svg
+    preserveAspectRatio="xMidYMid"
+    viewBox="0 0 256 256"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m160.227 178.5186h27.63l-44.107-114.47h-30.549l-44.107 114.47h27.632l7.208-19.39h41.675l-7.544-21.456h-27.44l17.85-49.254zm91.112-84.7506c-.982-3.536-4.634-5.613-8.185-4.627-3.537.982-5.61 4.646-4.628 8.183 2.773 9.985 4.178 20.306 4.178 30.676 0 63.248-51.456 114.702-114.704 114.702s-114.703-51.454-114.703-114.702c0-63.249 51.455-114.704 114.703-114.704 26.793 0 52.718 9.518 73.179 26.456-.796 1.9-1.238 3.985-1.238 6.173 0 8.835 7.162 15.997 15.997 15.997s15.997-7.162 15.997-15.997-7.162-15.997-15.997-15.997c-1.701 0-3.338.271-4.876.763-23.04-19.635-52.549-30.691-83.062-30.691-70.579 0-128 57.42-128 128 0 70.579 57.421 127.999 128 127.999s128-57.42 128-127.999c0-11.572-1.567-23.09-4.661-34.232z"
+      fill="#fff"
+    />
+  </svg>
+);
diff --git a/components/icons/CPPIcon.tsx b/components/icons/CPPIcon.tsx
@@ -0,0 +1,45 @@
+export const CPPIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 48 48"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+  >
+    <path
+      fill="#00549d"
+      fill-rule="evenodd"
+      d="M22.903,3.286c0.679-0.381,1.515-0.381,2.193,0 c3.355,1.883,13.451,7.551,16.807,9.434C42.582,13.1,43,13.804,43,14.566c0,3.766,0,15.101,0,18.867 c0,0.762-0.418,1.466-1.097,1.847c-3.355,1.883-13.451,7.551-16.807,9.434c-0.679,0.381-1.515,0.381-2.193,0 c-3.355-1.883-13.451-7.551-16.807-9.434C5.418,34.899,5,34.196,5,33.434c0-3.766,0-15.101,0-18.867 c0-0.762,0.418-1.466,1.097-1.847C9.451,10.837,19.549,5.169,22.903,3.286z"
+      clip-rule="evenodd"
+    />
+    <path
+      fill="#0086d4"
+      fill-rule="evenodd"
+      d="M5.304,34.404C5.038,34.048,5,33.71,5,33.255 c0-3.744,0-15.014,0-18.759c0-0.758,0.417-1.458,1.094-1.836c3.343-1.872,13.405-7.507,16.748-9.38 c0.677-0.379,1.594-0.371,2.271,0.008c3.343,1.872,13.371,7.459,16.714,9.331c0.27,0.152,0.476,0.335,0.66,0.576L5.304,34.404z"
+      clip-rule="evenodd"
+    />
+    <path
+      fill="#fff"
+      fill-rule="evenodd"
+      d="M24,10c7.727,0,14,6.273,14,14s-6.273,14-14,14 s-14-6.273-14-14S16.273,10,24,10z M24,17c3.863,0,7,3.136,7,7c0,3.863-3.137,7-7,7s-7-3.137-7-7C17,20.136,20.136,17,24,17z"
+      clip-rule="evenodd"
+    />
+    <path
+      fill="#0075c0"
+      fill-rule="evenodd"
+      d="M42.485,13.205c0.516,0.483,0.506,1.211,0.506,1.784 c0,3.795-0.032,14.589,0.009,18.384c0.004,0.396-0.127,0.813-0.323,1.127L23.593,24L42.485,13.205z"
+      clip-rule="evenodd"
+    />
+    <path
+      fill="#fff"
+      fill-rule="evenodd"
+      d="M31 21H33V27H31zM38 21H40V27H38z"
+      clip-rule="evenodd"
+    />
+    <path
+      fill="#fff"
+      fill-rule="evenodd"
+      d="M29 23H35V25H29zM36 23H42V25H36z"
+      clip-rule="evenodd"
+    />
+  </svg>
+);
diff --git a/components/icons/DjangoIcon.tsx b/components/icons/DjangoIcon.tsx
@@ -0,0 +1,12 @@
+export const DjangoIcon = () => (
+  <svg viewBox="0 0 128 128">
+    <path
+      fill="currentColor"
+      d="M59.448 0h20.93v96.88c-10.737 2.04-18.62 2.855-27.181 2.855-25.551-.001-38.87-11.551-38.87-33.705 0-21.338 14.135-35.2 36.015-35.2 3.398 0 5.98.272 9.106 1.087zm0 48.765c-2.446-.815-4.485-1.086-7.067-1.086-10.6 0-16.717 6.523-16.717 17.939 0 11.145 5.845 17.26 16.582 17.26 2.309 0 4.212-.136 7.202-.542z"
+    ></path>
+    <path
+      fill="currentColor"
+      d="M113.672 32.321V80.84c0 16.717-1.224 24.735-4.893 31.666-3.398 6.661-7.883 10.873-17.124 15.494l-19.435-9.241c9.242-4.35 13.726-8.153 16.58-14 2.99-5.979 3.943-12.91 3.943-31.122V32.321zM92.742.111h20.93v21.474h-20.93z"
+    ></path>
+  </svg>
+);
diff --git a/components/icons/DockerIcon.tsx b/components/icons/DockerIcon.tsx
@@ -0,0 +1,88 @@
+export const DockerIcon = () => (
+  <svg viewBox="0 0 128 128">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#3A4D54"
+      d="M73.8 50.8h11.3v11.5h5.7c2.6 0 5.3-.5 7.8-1.3 1.2-.4 2.6-1 3.8-1.7-1.6-2.1-2.4-4.7-2.6-7.3-.3-3.5.4-8.1 2.8-10.8l1.2-1.4 1.4 1.1c3.6 2.9 6.5 6.8 7.1 11.4 4.3-1.3 9.3-1 13.1 1.2l1.5.9-.8 1.6c-3.2 6.2-9.9 8.2-16.4 7.8-9.8 24.3-31 35.8-56.8 35.8-13.3 0-25.5-5-32.5-16.8l-.1-.2-1-2.1c-2.4-5.2-3.1-10.9-2.6-16.6l.2-1.7h9.6V50.8h11.3V39.6h22.5V28.3h13.5v22.5z"
+    ></path>
+    <path
+      fill="#00AADA"
+      d="M110.4 55.1c.8-5.9-3.6-10.5-6.4-12.7-3.1 3.6-3.6 13.2 1.3 17.2-2.8 2.4-8.5 4.7-14.5 4.7H18.6c-.6 6.2.5 11.9 3 16.8l.8 1.5c.5.9 1.1 1.7 1.7 2.6 3 .2 5.7.3 8.2.2 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5 1.1-8.3 1.3h-.6c-1.3.1-2.7.1-4.2.1-1.6 0-3.1 0-4.9-.1 6 6.8 15.4 10.8 27.2 10.8 25 0 46.2-11.1 55.5-35.9 6.7.7 13.1-1 16-6.7-4.5-2.7-10.5-1.8-13.9-.1z"
+    ></path>
+    <path
+      fill="#28B8EB"
+      d="M110.4 55.1c.8-5.9-3.6-10.5-6.4-12.7-3.1 3.6-3.6 13.2 1.3 17.2-2.8 2.4-8.5 4.7-14.5 4.7h-68c-.3 9.5 3.2 16.7 9.5 21 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.5 1.4l-.1-.1c8.5 4.4 20.8 4.3 35-1.1 15.8-6.1 30.6-17.7 40.9-30.9-.2.1-.4.1-.5.2z"
+    ></path>
+    <path
+      fill="#028BB8"
+      d="M18.7 71.8c.4 3.3 1.4 6.4 2.9 9.3l.8 1.5c.5.9 1.1 1.7 1.7 2.6 3 .2 5.7.3 8.2.2 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.5 1.4h-.4c-1.3.1-2.7.1-4.1.1-1.6 0-3.2 0-4.9-.1 6 6.8 15.5 10.8 27.3 10.8 21.4 0 40-8.1 50.8-26H18.7v-.1z"
+    ></path>
+    <path
+      fill="#019BC6"
+      d="M23.5 71.8c1.3 5.8 4.3 10.4 8.8 13.5 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.6 1.4 8.5 4.4 20.8 4.3 34.9-1.1 8.5-3.3 16.8-8.2 24.2-14.1H23.5z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#00ACD3"
+      d="M28.4 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm3-12h9.8v9.8h-9.8v-9.8zm.9.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#23C2EE"
+      d="M39.6 52.7h9.8v9.8h-9.8v-9.8zm.9.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#00ACD3"
+      d="M50.9 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#23C2EE"
+      d="M50.9 41.5h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm3.1 10.4H72v9.8h-9.8v-9.8zm.8.8h.8v8.1H63v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#00ACD3"
+      d="M62.2 41.5H72v9.8h-9.8v-9.8zm.8.8h.8v8.1H63v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#23C2EE"
+      d="M62.2 30.2H72V40h-9.8v-9.8zm.8.8h.8v8.1H63V31zm1.5 0h.8v8.1h-.8V31zm1.4 0h.8v8.1h-.8V31zm1.5 0h.8v8.1h-.8V31zm1.5 0h.8v8.1h-.8V31zm1.5 0h.8v8.1h-.8V31z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#00ACD3"
+      d="M73.5 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#D4EEF1"
+      d="M48.8 78.3c1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7 0-1.5 1.2-2.7 2.7-2.7"
+    ></path>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      fill="#3A4D54"
+      d="M48.8 79.1c.2 0 .5 0 .7.1-.2.1-.4.4-.4.7 0 .4.4.8.8.8.3 0 .6-.2.7-.4.1.2.1.5.1.7 0 1.1-.9 1.9-1.9 1.9-1.1 0-1.9-.9-1.9-1.9 0-1 .8-1.9 1.9-1.9M1.1 72.8h125.4c-2.7-.7-8.6-1.6-7.7-5.2-5 5.7-16.9 4-20 1.2-3.4 4.9-23 3-24.3-.8-4.2 5-17.3 5-21.5 0-1.4 3.8-21 5.7-24.3.8-3 2.8-15 4.5-20-1.2 1.1 3.5-4.9 4.5-7.6 5.2"
+    ></path>
+    <path
+      fill="#BFDBE0"
+      d="M56 97.8c-6.7-3.2-10.3-7.5-12.4-12.2-2.5.7-5.5 1.2-8.9 1.4-1.3.1-2.7.1-4.1.1-1.7 0-3.4 0-5.2-.1 6 6 13.6 10.7 27.5 10.8H56z"
+    ></path>
+    <path
+      fill="#D4EEF1"
+      d="M46.1 89.9c-.9-1.3-1.8-2.8-2.5-4.3-2.5.7-5.5 1.2-8.9 1.4 2.3 1.2 5.7 2.4 11.4 2.9z"
+    ></path>
+  </svg>
+);
diff --git a/components/icons/ExpressJsIcon.tsx b/components/icons/ExpressJsIcon.tsx
@@ -0,0 +1,16 @@
+export const ExpressJsIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 48 48"
+    baseProfile="basic"
+  >
+    <path
+      fill="#fff"
+      d="M23.697,37.56h1.18c0.84,0,1.631-0.392,2.139-1.061l7.485-9.847l7.485,9.847 c0.508,0.668,1.299,1.061,2.139,1.061h1.18L35.756,25l9.121-12h-1.18c-0.84,0-1.631,0.392-2.139,1.061L34.5,23.347l-7.059-9.287 C26.933,13.392,26.142,13,25.302,13h-1.18l9.121,12L23.697,37.56z"
+    />
+    <path
+      fill="#fff"
+      d="M24,26v-3c0-6.675-5.945-11.961-12.829-10.852C5.812,13.011,2,17.857,2,23.284L2,24v2v0.142 c0,6.553,4.777,11.786,10.868,11.858c5.092,0.06,9.389-3.344,10.707-7.999h-1.028c-0.62,0-1.182,0.355-1.451,0.913 c-1.739,3.595-5.789,5.862-10.228,4.842C6.776,34.815,4,30.981,4,26.783V26H24z M4,23.71c0-4.708,2.804-8.557,6.924-9.478 C16.798,12.92,22,17.352,22,23v1H4V23.71z"
+    />
+  </svg>
+);
diff --git a/components/icons/FastAPIIcon.tsx b/components/icons/FastAPIIcon.tsx
@@ -0,0 +1,8 @@
+export const FastAPIIcon = () => (
+  <svg viewBox="0 0 128 128">
+    <path
+      d="M56.813 127.586c-1.903-.227-3.899-.52-4.434-.652a48.078 48.078 0 00-2.375-.5 36.042 36.042 0 01-2.703-.633c-4.145-1.188-4.442-1.285-7.567-2.563-2.875-1.172-8.172-3.91-9.984-5.156-.496-.344-.96-.621-1.031-.621-.07 0-1.23-.816-2.578-1.813-8.57-6.343-15.004-14.043-19.653-23.527-.8-1.629-1.453-3.074-1.453-3.21 0-.134-.144-.505-.32-.817-.363-.649-.88-2.047-1.297-3.492a20.047 20.047 0 00-.625-1.813c-.195-.46-.352-1.02-.352-1.246 0-.227-.195-.965-.433-1.645-.238-.675-.43-1.472-.43-1.77 0-.296-.187-1.32-.418-2.276C.598 73.492 0 67.379 0 63.953c0-3.422.598-9.535 1.16-11.894.23-.957.418-2 .418-2.32 0-.321.145-.95.32-1.4.18-.448.41-1.253.516-1.788.11-.535.36-1.457.563-2.055l.59-1.726c.433-1.293.835-2.387 1.027-2.813.11-.238.539-1.21.957-2.16.676-1.535 2.125-4.43 2.972-5.945.309-.555.426-.739 2.098-3.352 2.649-4.148 7.176-9.309 11.39-12.988 1.485-1.297 6.446-5.063 6.669-5.063.062 0 .53-.281 1.043-.625 1.347-.902 2.668-1.668 4.39-2.531a53.06 53.06 0 001.836-.953c.285-.164.82-.41 3.567-1.64.605-.27 1.257-.516 3.136-1.173.414-.144 1.246-.449 1.84-.672.598-.222 1.301-.406 1.563-.406.258 0 .937-.18 1.508-.402.57-.223 1.605-.477 2.304-.563.696-.082 1.621-.277 2.055-.43.43-.148 1.61-.34 2.621-.425a72.572 72.572 0 003.941-.465c2.688-.394 8.532-.394 11.192 0a75.02 75.02 0 003.781.445c.953.079 2.168.278 2.703.442.535.16 1.461.36 2.055.433.594.079 1.594.325 2.222.551.63.23 1.344.414 1.59.414s.754.137 1.125.309c.375.168 1.168.449 1.766.625.594.18 1.613.535 2.27.797.652.261 1.527.605 1.945.761.77.29 6.46 3.137 7.234 3.622 6.281 3.917 9.512 6.476 13.856 10.964 5.238 5.414 8.715 10.57 12.254 18.16.25.536.632 1.329.851 1.758.215.434.395.942.395 1.13 0 .19.18.76.402 1.269.602 1.383 1.117 2.957 1.36 4.16.12.59.343 1.32.495 1.621.153.3.332 1.063.403 1.688.07.624.277 1.648.453 2.269 1.02 3.531 1.527 13.934.91 18.535-.183 1.367-.39 3.02-.46 3.672-.118 1.117-.708 4.004-1.212 5.945l-.52 2.055c-.98 3.957-3.402 9.594-6.359 14.809-1.172 2.07-5.101 7.668-5.843 8.324-.067.058-.399.45-.735.863-.336.418-1.414 1.586-2.39 2.594-4.301 4.441-7.77 7.187-13.86 10.969-.722.449-6.847 3.441-7.992 3.906-.594.238-1.586.64-2.203.89-.613.247-1.297.454-1.512.458-.215.003-.781.195-1.258.425-.476.23-1.082.422-1.351.426-.266.004-1.043.192-1.727.418-.683.23-1.633.477-2.11.55-.476.075-1.495.278-2.269.45-.773.172-3.11.508-5.187.746a59.06 59.06 0 01-13.945-.031zm4.703-12.5c.3-.234.609-.7.691-1.027.18-.723 29.234-58.97 29.781-59.7.461-.617.504-1.605.082-1.953-.222-.187-3.004-.246-10.43-.234-5.57.012-10.253.016-10.406.012-.226-.008-.273-3.73-.25-19.672.016-10.817-.035-19.766-.113-19.89-.078-.126-.383-.227-.68-.227-.418 0-.613.18-.87.808-.485 1.168-1.825 3.82-8.348 16.485a3554.569 3554.569 0 00-4.055 7.89c-1.156 2.262-2.98 5.813-4.047 7.89a8751.248 8751.248 0 00-8.598 16.759c-4.933 9.636-5.53 10.785-5.742 11.039-.41.496-.633 1.64-.402 2.07.21.394.629.41 11.043.394 5.953-.007 10.863.024 10.914.07.137.141.086 37.31-.055 38.196-.093.582-.031.89.235 1.156.46.461.586.457 1.25-.066zm0 0"
+      fill="#049688"
+    ></path>
+  </svg>
+);
diff --git a/components/icons/FastifyIcon.tsx b/components/icons/FastifyIcon.tsx
@@ -0,0 +1,16 @@
+export const FastifyIcon = () => (
+  <svg
+    viewBox="0 -45.5 256 256"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+  >
+    <g>
+      <path
+        d="M247.942394,23.313675 L256,2.4439738 L255.649669,1.15108664 L175.932749,22.1542472 C184.432439,9.85930729 181.513017,0 181.513017,0 C181.513017,0 156.055651,16.2570135 136.804145,15.8316119 C117.552638,15.4062103 111.346779,10.2680265 81.8272458,19.6852497 C52.3077124,29.0941318 43.9665048,57.9797335 35.4084259,64.1855919 C26.850347,70.3914503 0,90.6021961 0,90.6021961 L0.0583884526,90.960868 L24.2645727,83.2535923 C24.2645727,83.2535923 17.6249715,89.5094979 3.51998957,108.51911 C3.51998957,108.51911 3.27809456,108.293897 2.86103418,107.910202 L2.8860578,108.043661 C2.8860578,108.043661 14.2217588,125.368349 25.3489297,122.165325 C26.4666515,121.840018 27.7261738,121.306181 29.102473,120.60552 C33.5817015,123.099541 39.4288879,125.551856 45.8849826,126.227493 C45.8849826,126.227493 41.5141898,121.147698 37.8690821,115.367241 C38.8533446,114.733309 39.8626307,114.074354 40.8885993,113.407057 L40.4131504,113.740706 L49.6301847,117.127236 L48.6125574,108.460721 C48.6459223,108.444039 48.6709459,108.419015 48.7043107,108.402333 L57.7628621,111.730475 L56.6367991,103.848034 C57.7878857,103.247467 58.9306311,102.680265 60.0733766,102.154768 L69.5156235,66.4377179 L108.560816,39.8042423 L105.457887,47.6116125 C97.5420807,67.0799909 82.6780489,71.6759962 82.6780489,71.6759962 L76.4721905,74.0282167 C71.8595028,79.4833665 69.9160014,80.8263009 68.331172,99.1352514 C72.0513506,98.2010361 75.604705,97.9758235 78.8244111,98.8433091 C95.5068261,103.33922 101.287283,123.44153 96.7913721,129.005116 C95.665309,130.398097 92.9877814,132.775341 89.6095924,135.569646 L82.8365319,135.569646 L82.7447786,141.05816 C82.5112248,141.241667 82.277671,141.416832 82.0524584,141.600339 L75.162621,141.600339 L75.0792089,146.955394 C74.4703007,147.422502 73.8613926,147.872927 73.2775081,148.315011 C66.804731,148.44847 58.605324,142.801473 58.605324,142.801473 C58.605324,147.939657 62.8843635,155.847121 62.8843635,155.847121 C62.8843635,155.847121 63.1679645,155.713662 63.6434134,155.480108 C63.226353,155.788733 62.9927992,155.955557 62.9927992,155.955557 C62.9927992,155.955557 80.3174872,167.508129 91.2277866,163.22909 C100.928611,159.425499 126.043987,139.623473 147.722785,130.247955 L213.326382,112.964973 L221.976215,90.5521488 L171.979017,103.722916 L171.979017,83.5955818 L230.642729,68.1393242 L239.292561,45.7264996 L171.995699,63.4599068 L171.995699,43.3242319 L247.942394,23.313675 Z"
+        fill="#fff"
+        fill-rule="nonzero"
+      ></path>
+    </g>
+  </svg>
+);
diff --git a/components/icons/FramerMotionIcon.tsx b/components/icons/FramerMotionIcon.tsx
@@ -0,0 +1,8 @@
+export const FramerMotionIcon = () => (
+  <svg viewBox="0 0 128 128">
+    <path
+      fill="currentColor"
+      d="M22.684 0h84.253v42.667H64.81L22.684 0Zm0 42.667H64.81l42.127 42.666H64.81V128L22.684 85.333V42.667Z"
+    ></path>
+  </svg>
+);
diff --git a/components/icons/GatsbyIcon.tsx b/components/icons/GatsbyIcon.tsx
@@ -0,0 +1,12 @@
+export const GatsbyIcon = () => (
+  <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="m27 16h-7v2h4.8a9.066 9.066 0 0 1 -5.8 6.5l-11.5-11.5a9 9 0 0 1 8.5-6 9.232 9.232 0 0 1 7.4 3.8l1.5-1.3a10.993 10.993 0 0 0 -19.6 4.1l13.2 13.2a11.251 11.251 0 0 0 8.5-10.8zm-22 .1a10.682 10.682 0 0 0 3.2 7.6 10.855 10.855 0 0 0 7.6 3.2z"
+      fill="#fff"
+    />
+    <path
+      d="m16 2a14 14 0 1 0 14 14 14.041 14.041 0 0 0 -14-14zm-7.8 21.8a10.855 10.855 0 0 1 -3.2-7.6l10.9 10.8a11.351 11.351 0 0 1 -7.7-3.2zm10.2 2.9-13.1-13.1a10.993 10.993 0 0 1 19.6-4.1l-1.5 1.3a9.232 9.232 0 0 0 -7.4-3.8 9.1 9.1 0 0 0 -8.5 6l11.5 11.5a9.066 9.066 0 0 0 5.8-6.5h-4.8v-2h7a11.031 11.031 0 0 1 -8.6 10.7z"
+      fill="#639"
+    />
+  </svg>
+);
diff --git a/components/icons/GinIcon.tsx b/components/icons/GinIcon.tsx
diff --git a/components/icons/GodotIcon.tsx b/components/icons/GodotIcon.tsx
@@ -0,0 +1,20 @@
+export const GodotIcon = () => (
+  <svg viewBox="0 0 124 124" xmlns="http://www.w3.org/2000/svg">
+    <g transform="scale(.101) translate(122 122)">
+      <g fill="#fff">
+        <path d="M105 673v33q407 354 814 0v-33z" />
+        <path
+          d="m105 673 152 14q12 1 15 14l4 67 132 10 8-61q2-11 15-15h162q13 4 15 15l8 61 132-10 4-67q3-13 15-14l152-14V427q30-39 56-81-35-59-83-108-43 20-82 47-40-37-88-64 7-51 8-102-59-28-123-42-26 43-46 89-49-7-98 0-20-46-46-89-64 14-123 42 1 51 8 102-48 27-88 64-39-27-82-47-48 49-83 108 26 42 56 81zm0 33v39c0 276 813 276 814 0v-39l-134 12-5 69q-2 10-14 13l-162 11q-12 0-16-11l-10-65H446l-10 65q-4 11-16 11l-162-11q-12-3-14-13l-5-69z"
+          fill="#478cbf"
+        />
+        <path d="M483 600c0 34 58 34 58 0v-86c0-34-58-34-58 0z" />
+        <circle cx="725" cy="526" r="90" />
+        <circle cx="299" cy="526" r="90" />
+      </g>
+      <g fill="#414042">
+        <circle cx="307" cy="532" r="60" />
+        <circle cx="717" cy="532" r="60" />
+      </g>
+    </g>
+  </svg>
+);