feat(home): add jetbrains as a partner

src/components/Header/index.tsx

@@ -1,6 +1,7 @@
 import { Link } from "gatsby"
 import React, { FC, useLayoutEffect, useState } from "react"
 import { DiscordButton } from "../DiscordButton"
+import { Partner } from "../Partner"
 import { WavesBottom, WavesTop } from "../Waves"
 import * as SC from "./styles"
 
@@ -88,6 +89,7 @@ export const Header: FC<IHeaderProps> = ({ isHome }) => {
           <MenuItem to="/">tech spotlight</MenuItem>
         </SC.Menu>
         <DiscordButton>join us</DiscordButton>
+        {isHome && <Partner />}
       </SC.InnerWrapper>
     </SC.HeaderWrapper>
   )

src/components/Partner/index.tsx

@@ -0,0 +1,12 @@
+import React, { FC } from "react"
+import * as SC from "./styles"
+
+export const Partner: FC = () => {
+  return (
+    <SC.PartnerWrapper>
+      Member of
+      <SC.StyledJetBrainsLogo alt="JetBrains" />
+      Supported user groups
+    </SC.PartnerWrapper>
+  )
+}

src/components/Partner/styles.tsx

@@ -0,0 +1,16 @@
+import styled from "styled-components"
+import JetBrainsLogo from "../../images/jetbrains-logo.svg"
+
+export const PartnerWrapper = styled.div`
+  margin-top: 32px;
+  display: flex;
+  align-items: center;
+  font-family: "Oxygen Mono", monospace;
+  text-transform: uppercase;
+  font-size: 22px;
+`
+
+export const StyledJetBrainsLogo = styled(JetBrainsLogo)`
+  height: 110px;
+  margin: 0 16px;
+`

src/images/jetbrains-logo.svg

@@ -0,0 +1,39 @@
+<svg width="121" height="131" viewBox="0 0 121 131" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M118.623 71.8C119.523 71 120.023 69.9 120.123 68.6C120.223 66 118.323 63.9 115.723 63.7C114.523 63.6 113.323 64.1 112.423 64.8L28.6227 110.7C26.7227 111.5 25.0227 112.9 23.9227 114.8C21.0227 119.6 22.6227 125.8 27.5227 128.7C30.9227 130.7 35.0227 130.5 38.2227 128.5C38.4227 128.3 38.7227 128.2 38.9227 128L116.923 73.2C117.323 72.9 118.423 72.1 118.623 71.8Z" fill="url(#paint0_linear)"/>
+<path d="M118.823 65.1L55.0227 2.5C53.6227 1 51.6227 0 49.3227 0C45.0227 0 41.6227 3.5 41.6227 7.7C41.6227 9.8 42.4227 11.6 43.7227 13C44.1227 13.4 44.5227 13.7 44.9227 14L112.323 71.7C113.123 72.4 114.123 72.9 115.323 73C117.923 73.1 120.023 71.2 120.223 68.6C120.223 67.3 119.723 66 118.823 65.1Z" fill="url(#paint1_linear)"/>
+<path d="M57.1227 59.5C57.0227 59.5 17.7227 28.5 16.9227 28C16.3227 27.7 15.7227 27.4 15.1227 27.1C9.32269 24.9 2.92269 27.9 0.722689 33.7C-1.17731 38.8 0.922689 44.4 5.32269 47.1C6.02269 47.5 6.62269 47.8 7.32269 48C7.72269 48.2 52.7227 66.8 52.7227 66.8C54.5227 67.6 56.6227 67.1 57.8227 65.6C59.3227 63.7 59.0227 61 57.1227 59.5Z" fill="url(#paint2_linear)"/>
+<path d="M49.3226 0C47.6226 0 46.0226 0.6 44.7226 1.5L4.92264 28.3C4.82264 28.4 4.72264 28.4 4.72264 28.5H4.62264C2.92264 29.7 1.52264 31.5 0.722643 33.6C-1.47736 39.4 1.52264 45.9 7.32264 48C10.9226 49.4 14.8226 48.7 17.7226 46.6C18.4226 46.1 19.0226 45.6 19.5226 45L54.1226 13.8C55.9226 12.4 57.1226 10.2 57.1226 7.7C57.1226 3.5 53.6226 0 49.3226 0Z" fill="url(#paint3_linear)"/>
+<path d="M85.6227 37.4H34.6227V88.4H85.6227V37.4Z" fill="black"/>
+<path d="M58.1227 78.8H39.0227V82H58.1227V78.8Z" fill="white"/>
+<path d="M38.8226 50.8L40.3226 49.4C40.7226 49.9 41.1226 50.2 41.6226 50.2C42.2226 50.2 42.5226 49.8 42.5226 49V43.7H44.8226V49C44.8226 50 44.5226 50.8 44.0226 51.3C43.5226 51.8 42.7226 52.1 41.7226 52.1C40.2226 52.2 39.4226 51.6 38.8226 50.8Z" fill="white"/>
+<path d="M45.3226 43.8H52.0226V45.7H47.6226V47H51.6226V48.8H47.6226V50.1H52.1226V52.1H45.4226L45.3226 43.8Z" fill="white"/>
+<path d="M55.0226 45.8H52.5226V43.8H59.8226V45.8H57.3226V52.1H55.0226V45.8Z" fill="white"/>
+<path d="M39.0226 54H43.3226C44.3226 54 45.1226 54.3 45.6226 54.7C45.9226 55 46.1226 55.5 46.1226 56.1C46.1226 57.1 45.6226 57.6 44.8226 58C45.8226 58.3 46.4226 58.9 46.4226 60C46.4226 61.4 45.2226 62.3 43.3226 62.3H39.0226V54ZM43.8226 56.6C43.8226 56.1 43.4226 55.9 42.8226 55.9H41.3226V57.4H42.7226C43.4226 57.3 43.8226 57.1 43.8226 56.6ZM43.0226 59H41.2226V60.5H43.0226C43.7226 60.5 44.1226 60.2 44.1226 59.7C44.1226 59.2 43.7226 59 43.0226 59Z" fill="white"/>
+<path d="M46.8226 54H50.7226C52.0226 54 52.8226 54.3 53.4226 54.9C53.9226 55.4 54.1226 56 54.1226 56.8C54.1226 58.1 53.4226 58.9 52.4226 59.4L54.4226 62.3H51.8226L50.1226 59.8H49.1226V62.3H46.8226V54ZM50.6226 58C51.4226 58 51.8226 57.6 51.8226 57C51.8226 56.3 51.3226 56 50.6226 56H49.1226V58H50.6226Z" fill="white"/>
+<path d="M56.8227 54H59.0227L62.5227 62.4H60.0227L59.4227 60.9H56.2227L55.6227 62.4H53.2227L56.8227 54ZM58.8227 59L57.9227 56.7L57.0227 59H58.8227Z" fill="white"/>
+<path d="M62.8226 54H65.1226V62.3H62.8226V54Z" fill="white"/>
+<path d="M65.7227 54H67.8227L71.2227 58.4V54H73.5227V62.3H71.5227L68.0227 57.8V62.4H65.7227V54Z" fill="white"/>
+<path d="M73.7227 61.1L75.0227 59.6C75.8227 60.3 76.7227 60.6 77.7227 60.6C78.3227 60.6 78.7227 60.4 78.7227 60C78.7227 59.6 78.4227 59.5 77.3227 59.2C75.5227 58.8 74.2227 58.3 74.2227 56.6C74.2227 55.1 75.4227 53.9 77.4227 53.9C78.8227 53.9 79.9227 54.3 80.8227 55L79.6227 56.6C78.8227 56.1 78.0227 55.8 77.3227 55.8C76.7227 55.8 76.5227 56 76.5227 56.3C76.5227 56.7 76.8227 56.8 77.9227 57.1C79.8227 57.5 81.0227 58.1 81.0227 59.7C81.0227 61.4 79.7227 62.4 77.6227 62.4C76.1227 62.5 74.7227 62 73.7227 61.1Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="31.8639" y1="120.558" x2="110.263" y2="73.24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCEE39"/>
+<stop offset="1" stop-color="#F37B3D"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="48.3834" y1="6.9083" x2="119.941" y2="69.5546" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF5A6B"/>
+<stop offset="0.57" stop-color="#F26F4E"/>
+<stop offset="1" stop-color="#F37B3D"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="52.9694" y1="63.6407" x2="10.5606" y2="37.1562" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7C59A4"/>
+<stop offset="0.3852" stop-color="#AF4C92"/>
+<stop offset="0.7654" stop-color="#DC4183"/>
+<stop offset="0.957" stop-color="#ED3D7D"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="52.1962" y1="3.7019" x2="10.7932" y2="37.8971" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF5A6B"/>
+<stop offset="0.364" stop-color="#EE4E72"/>
+<stop offset="1" stop-color="#ED3D7D"/>
+</linearGradient>
+</defs>
+</svg>