Merge pull request #136 from AlphadayHQ/feat/add-chiliz

[feat] [ALPHA-4030] Add New Partners

package.json

@@ -23,7 +23,7 @@
     "autoprefixer": "^10.4.4",
     "postcss": "^8.4.12",
     "sitemaps": "^1.0.0",
-    "tailwindcss": "^3.0.24",
+    "tailwindcss": "3.3.3",
     "vite": "^2.9.2"
   }
-}
+}

src/components/home/Partners.jsx

@@ -13,17 +13,20 @@ function Partners() {
             </h2>
           </div>
           <div className="grid place-content-center grid-cols-2 md:grid-cols-3 lg:grid-cols-6 w-full mx-auto gap-4">
-            {partners.map((item) => {
+            {partners.map((item, index) => {
               return (
                 <figure
                   key={item.id}
-                  className={`flex justify-center ${
-                    item.id === "13" ? "col-[1/-1] h-24" : ""
-                  }`}
+                  className={`flex justify-center 
+                  ${index === partners.length - 4 && "[grid-column-end:_-5]"}`}
                 >
                   <a
                     target="_blank"
-                    href={`https://app.alphaday.com/b/${item.slug}`}
+                    href={
+                      item.slug
+                        ? `https://app.alphaday.com/b/${item.slug}`
+                        : undefined
+                    }
                     className="transcale flex items-center"
                   >
                     <img

src/components/home/partnersData.jsx

@@ -11,6 +11,9 @@ import theGraph from "../../images/partners/theGraph.png";
 import zcash from "../../images/partners/zcash.png";
 import verasity from "../../images/partners/verasity.png";
 import sia from "../../images/partners/sia.png";
+import chiliz from "../../images/partners/chiliz.png";
+import ethereumClassic from "../../images/partners/ethereum-classic.png";
+import oceanProtocol from "../../images/partners/ocean-protocol.png";
 
 const partners = [
   {
@@ -104,6 +107,27 @@ const partners = [
     slug: "zcash",
     size: "w-[90px]",
   },
+  {
+    id: "14",
+    img: chiliz,
+    partner: "Chiliz",
+    slug: undefined,
+    size: "w-[90px]",
+  },
+  {
+    id: "15",
+    img: ethereumClassic,
+    partner: "Ethereum Classic",
+    slug: "ethereumclassic",
+    size: "w-[90px]",
+  },
+  {
+    id: "16",
+    img: oceanProtocol,
+    partner: "Ocean Protocol",
+    slug: "oceanprotocol",
+    size: "w-[90px]",
+  },
 ];
 
 export { partners };