diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 62d9d8a..72427eb 100644 --- a/src/components/Header/index.tsx +++ b/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 = ({ isHome }) => { tech spotlight join us + {isHome && } ) diff --git a/src/components/Partner/index.tsx b/src/components/Partner/index.tsx new file mode 100644 index 0000000..ea24c9d --- /dev/null +++ b/src/components/Partner/index.tsx @@ -0,0 +1,12 @@ +import React, { FC } from "react" +import * as SC from "./styles" + +export const Partner: FC = () => { + return ( + + Member of + + Supported user groups + + ) +} diff --git a/src/components/Partner/styles.tsx b/src/components/Partner/styles.tsx new file mode 100644 index 0000000..29b0498 --- /dev/null +++ b/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; +` diff --git a/src/images/jetbrains-logo.svg b/src/images/jetbrains-logo.svg new file mode 100644 index 0000000..996d1c5 --- /dev/null +++ b/src/images/jetbrains-logo.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +