From b95e474e2bc6e195c464f546332a7b63331cdd0b Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Sat, 17 Jun 2023 09:14:43 +0200
Subject: [PATCH] conf website: add The Guild as a conference sponsor

---
 src/components/Conf/Footer/index.tsx          |  4 +-
 .../Conf/{Sponers => Sponsors}/index.tsx      | 58 ++++++++++++++-----
 static/img/conf/Sponsors/TheGuild.svg         | 23 ++++++++
 3 files changed, 68 insertions(+), 17 deletions(-)
 rename src/components/Conf/{Sponers => Sponsors}/index.tsx (72%)
 create mode 100644 static/img/conf/Sponsors/TheGuild.svg

diff --git a/src/components/Conf/Footer/index.tsx b/src/components/Conf/Footer/index.tsx
index 70aa746c6e..fb27e09a33 100644
--- a/src/components/Conf/Footer/index.tsx
+++ b/src/components/Conf/Footer/index.tsx
@@ -1,6 +1,6 @@
 import React from "react"
 import SocialIcons from "../SocialIcons"
-import SponsersConf from "../Sponers"
+import SponsorsConf from "../Sponsors"
 import PartnersConf from "../Partners"
 
 const links = [
@@ -28,7 +28,7 @@ const links = [
 const FooterConf = () => {
   return (
     <>
-      <SponsersConf />
+      <SponsorsConf />
       <PartnersConf />
       <footer className="text-gray-600 bg-[#171E26]">
         <div className="container px-5 md:py-24 mx-auto flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
diff --git a/src/components/Conf/Sponers/index.tsx b/src/components/Conf/Sponsors/index.tsx
similarity index 72%
rename from src/components/Conf/Sponers/index.tsx
rename to src/components/Conf/Sponsors/index.tsx
index 0a60917592..b969a46cb0 100644
--- a/src/components/Conf/Sponers/index.tsx
+++ b/src/components/Conf/Sponsors/index.tsx
@@ -5,6 +5,7 @@ import { ReactComponent as Postman } from "../../../../static/img/conf/Sponsors/
 import { ReactComponent as Solo } from "../../../../static/img/conf/Sponsors/Solo.svg"
 import { ReactComponent as Hasura } from "../../../../static/img/conf/Sponsors/Hasura.svg"
 import { ReactComponent as TheGraph } from "../../../../static/img/conf/Sponsors/TheGraph.svg"
+import { ReactComponent as TheGuild } from "../../../../static/img/conf/Sponsors/TheGuild.svg"
 
 interface Image {
   iconPath: string
@@ -23,6 +24,11 @@ function alphabetSort(a: Image, b: Image) {
 }
 
 const sponsorDiamond: Image[] = [
+  {
+    iconPath: TheGuild,
+    name: "The Guild",
+    link: "https://the-guild.dev/",
+  },
   {
     iconPath: Postman,
     name: "Postman",
@@ -59,6 +65,15 @@ const sponsorSilver: Image[] = [
   },
 ]
 
+const workshopDaySponsors: Image[] = [
+  {
+    iconPath: TheGuild,
+    name: "The Guild",
+    link: "https://the-guild.dev/",
+    workshopSponsor: true,
+  },
+]
+
 const SponsersConf = () => {
   return (
     <div id="sponsors" className="bg-white py-10 static">
@@ -68,21 +83,19 @@ const SponsersConf = () => {
       <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         DIAMOND
       </h3>
-      <div className="flex justify-center items-start flex-wrap gap-[20px]">
-        {sponsorDiamond
-          .sort((a, b) => alphabetSort(a, b))
-          .map((sponsor, i) => (
-            <a
-              key={i}
-              className="zoom-diamond flex flex-col items-center text-center w-full h-full"
-              href={sponsor.link}
-              target="_blank"
-            >
-              <sponsor.iconPath />
-            </a>
-          ))}
+      <div className="flex justify-center items-center flex-wrap gap-[40px]">
+        {sponsorDiamond.map((sponsor, i) => (
+          <a
+            key={i}
+            className="zoom-diamond flex flex-col items-center text-center w-full h-full"
+            href={sponsor.link}
+            target="_blank"
+          >
+            <sponsor.iconPath />
+          </a>
+        ))}
       </div>
-      <h3 className="text-center text-[--rhodamine] font-bold my-20 underline underline-offset-8">
+      <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         PLATINUM
       </h3>
       <div className="flex justify-center items-start flex-wrap gap-[20px]">
@@ -118,7 +131,7 @@ const SponsersConf = () => {
           ))}
       </div>
 
-      <h3 className="text-center text-[--rhodamine] font-bold my-20 underline underline-offset-8">
+      <h3 className="text-center text-[--rhodamine] font-bold my-10 underline underline-offset-8">
         SILVER
       </h3>
       <div className="flex justify-center items-start flex-wrap gap-[20px]">
@@ -135,6 +148,21 @@ const SponsersConf = () => {
             </a>
           ))}
       </div>
+      <h1 className="text-center text-4xl text-[#171E26] font-bold my-8 pt-10">
+        Workshop Day Sponsor
+      </h1>
+      <div className="flex justify-center items-center flex-wrap gap-[40px]">
+        {workshopDaySponsors.map((sponsor, i) => (
+          <a
+            key={i}
+            className="zoom-diamond flex flex-col items-center text-center w-full h-full"
+            href={sponsor.link}
+            target="_blank"
+          >
+            <sponsor.iconPath />
+          </a>
+        ))}
+      </div>
     </div>
   )
 }
diff --git a/static/img/conf/Sponsors/TheGuild.svg b/static/img/conf/Sponsors/TheGuild.svg
new file mode 100644
index 0000000000..3181c71f98
--- /dev/null
+++ b/static/img/conf/Sponsors/TheGuild.svg
@@ -0,0 +1,23 @@
+<svg viewBox="0 0 421 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M6.25051 61.4612C8.1399 62.1048 10.1551 62.4702 12.2586 62.4702C14.148 62.4702 15.9704 62.1805 17.6915 61.657V111.401C17.6915 113.159 18.6296 114.797 20.1431 115.675L67.7178 143.338C69.9684 140.693 73.301 139.009 77.0225 139.009C81.0726 139.009 84.6569 141.004 86.8912 144.061C86.9304 144.117 86.9729 144.169 87.0121 144.224C87.169 144.448 87.3161 144.676 87.4583 144.912L87.6217 145.18C87.7476 145.397 87.8636 145.618 87.9748 145.842C88.0353 145.962 88.0925 146.084 88.1497 146.206C88.2445 146.413 88.3344 146.624 88.4193 146.838C88.4798 146.991 88.5338 147.144 88.5877 147.298C88.6563 147.494 88.7233 147.692 88.7805 147.891C88.8361 148.08 88.8802 148.271 88.9276 148.462L89.0502 149C89.0976 149.239 89.1287 149.481 89.1614 149.725C89.1794 149.87 89.2071 150.011 89.2202 150.156C89.2578 150.551 89.2807 150.949 89.2807 151.354C89.2807 151.999 89.2169 152.627 89.1205 153.245L89.0862 153.476C88.0843 159.275 83.0617 163.699 77.0225 163.699C71.6371 163.699 67.0624 160.178 65.4198 155.306L14.4226 125.655C9.36408 122.715 6.25051 117.28 6.25051 111.401V61.4612ZM139.743 31.1962C146.503 31.1962 152.002 36.7333 152.002 43.5412C152.002 47.2447 150.367 50.563 147.795 52.8279V111.401C147.795 117.28 144.681 122.715 139.622 125.655L95.8069 151.13C95.7579 146.963 94.3588 143.126 92.038 140.017L133.902 115.675C135.415 114.797 136.354 113.159 136.354 111.401V55.3957C131.24 53.911 127.485 49.1639 127.485 43.5412C127.485 40.8039 128.386 38.2805 129.889 36.2313C129.912 36.1984 129.937 36.1671 129.96 36.1342C130.244 35.7556 130.548 35.3902 130.872 35.0462L130.916 34.9984C131.588 34.2939 132.339 33.6734 133.16 33.145C133.245 33.0891 133.335 33.038 133.421 32.9837C133.747 32.7878 134.079 32.6035 134.422 32.4372C134.521 32.3895 134.621 32.3368 134.722 32.2907C135.152 32.0965 135.59 31.9171 136.045 31.7739C136.046 31.7739 136.046 31.7739 136.046 31.7723L136.936 31.5253C137.838 31.311 138.777 31.1962 139.743 31.1962ZM122.991 57.8123V98.6397C122.991 103.476 120.407 107.982 116.249 110.4V110.402L83.4836 129.431L80.4599 131.1L80.4958 127.608V113.133L107.464 97.4529V83.0932L84.5083 76.5142L122.991 57.8123ZM31.0545 57.788L46.5815 65.4583V97.4516L73.1408 112.894V130.951L37.7965 110.402C33.6385 107.983 31.0545 103.476 31.0545 98.64V57.788ZM70.2802 30.2173C74.3744 27.8388 79.67 27.8388 83.7642 30.2173L119.71 51.2186L116.294 52.8465L102.959 59.4354L77.0222 44.3548L51.0856 59.4354L34.3884 51.184L37.5967 49.2385C37.6261 49.2121 37.7095 49.1562 37.7994 49.1051L70.2802 30.2173ZM77.022 0C79.8447 0 82.6657 0.734116 85.1941 2.20399L129.27 27.8322C126.025 30.0346 123.515 33.236 122.134 36.9856L79.4737 12.1837C78.73 11.7492 77.8818 11.522 77.022 11.522C76.1623 11.522 75.3157 11.7492 74.5704 12.1837L24.3202 41.4019C24.4411 42.0981 24.5163 42.8092 24.5163 43.5417C24.5163 48.8533 21.1625 53.3782 16.4799 55.1163C16.4439 55.1295 16.4063 55.1443 16.3704 55.1558C15.9993 55.2892 15.6234 55.4044 15.2377 55.5015L15.0072 55.5608C14.6542 55.6431 14.293 55.7072 13.9302 55.7583L13.6343 55.8027C13.1816 55.8537 12.724 55.8867 12.2582 55.8867C11.7597 55.8867 11.2693 55.8472 10.7839 55.7879C10.6531 55.7714 10.5257 55.7484 10.3965 55.7286C10.0239 55.671 9.65779 55.597 9.29658 55.5064C9.18544 55.4785 9.0743 55.4521 8.96316 55.4208C8.00702 55.1492 7.09829 54.7723 6.25002 54.29L5.52144 53.8411C2.19971 51.6314 0 47.8432 0 43.5417C0 36.7338 5.49982 31.1966 12.2582 31.1966C14.0119 31.1966 15.6757 31.5752 17.1843 32.2452L68.8499 2.20399C71.3784 0.734116 74.201 0 77.022 0Z"
+    fill="#0B0D11" />
+  <path d="M187.081 36.4725H203.462V76.0032H216.945V36.4725H233.326V23.3856H187.081V36.4725Z" fill="#0B0D11" />
+  <path
+    d="M275.083 23.3856V43.8255H253.646V23.3856H240.231V76.0032H253.646V56.4402H275.083V76.0032H288.565V23.3856H275.083Z"
+    fill="#0B0D11" />
+  <path
+    d="M298.703 76.0032H339.083V62.9837H312.185V56.2378H334.296V44.0278H312.185V36.4725H339.083V23.3856H298.703V76.0032Z"
+    fill="#0B0D11" />
+  <path
+    d="M213.27 120.566H225.897V121.995C223.425 125.503 219.417 127.776 214.74 127.776C206.857 127.776 200.577 121.67 200.577 114.005C200.577 106.339 206.857 100.233 214.74 100.233C219.283 100.233 223.292 102.247 225.897 105.43L236.787 98.2844C231.777 91.9183 223.693 87.6959 214.74 87.6959C199.641 87.6959 187.081 99.5186 187.081 114.005C187.081 128.491 199.641 140.314 214.74 140.314C220.085 140.314 225.363 138.365 227.902 134.597V139.339H238.391V109.782H213.27V120.566Z"
+    fill="#0B0D11" />
+  <path
+    d="M280.983 88.6703V116.408C280.983 123.749 277.309 127.776 270.294 127.776C263.346 127.776 259.738 123.749 259.738 116.408V88.6703H246.376V117.188C246.376 130.245 254.66 140.314 270.294 140.314C285.861 140.314 294.279 130.245 294.279 117.188V88.6703H280.983Z"
+    fill="#0B0D11" />
+  <path d="M303.56 88.6703V139.339H316.922V88.6703H303.56Z" fill="#0B0D11" />
+  <path d="M326.93 139.339H365.212V126.802H340.225V88.6703H326.93V139.339Z" fill="#0B0D11" />
+  <path
+    d="M372.092 139.339H396.277C412.578 139.339 420.93 127.841 420.93 114.005C420.93 100.233 412.578 88.6703 396.277 88.6703H372.092V139.339ZM395.275 101.273C403.225 101.273 407.434 106.404 407.434 114.005C407.434 121.605 403.225 126.802 395.275 126.802H385.454V101.273H395.275Z"
+    fill="#0B0D11" />
+</svg>
\ No newline at end of file