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;
+`