init

2026-04-19 22:05:11 +00:00 · 2022-11-28 14:22:43 -05:00 · 2022-11-28 14:22:43 -05:00 · ea5e864437
commit ea5e864437
parent 06795844fa
10 changed files with 16276 additions and 684 deletions
--- a/components/announcement.js
+++ b/components/announcement.js
@ -21,7 +21,7 @@ const Announcement = ({
    variant="interactive"
    sx={{
      variant: 'cards.translucent',
-      mx: 'auto',
+      // mx: 'auto',
      maxWidth: 'narrow',
      width: '100%',
      textAlign: 'left',
--- a/components/carousel-cards.js
+++ b/components/carousel-cards.js
@ -0,0 +1,50 @@
+import {
+  Box,
+  Button,
+  Card,
+  Container,
+  Grid,
+  Heading,
+  Image,
+  Badge,
+  Link,
+  Text
+} from 'theme-ui'
+/** @jsxImportSource theme-ui */
+
+export default function CarouselCards({
+  background,
+  titleColor,
+  descriptionColor,
+  title,
+  description,
+  img
+}) {
+  return (
+    <Box sx={{ position: 'relative', display: 'inline-block', transition: 'transform .125s ease-in-out, box-shadow .125s ease-in-out', '&:hover' : {transform: 'scale(1.0625)', boxShadow: 'elevated'} }}>
+      <img
+        src={img}
+        width="40"
+        height="40"
+        sx={{ position: 'absolute', top: '-20px', left: 2, zIndex: 2 }}
+      />
+      <Card
+        // variant="interactive"
+        sx={{
+          mr: 3,
+          backgroundColor: background,
+          position: 'relative',
+          color: 'text',
+          // width: '400px'
+        }}
+      >
+        <Text as="h2" sx={{ color: titleColor }}>
+          {title}
+        </Text>
+        <Text as="p" sx={{ color: descriptionColor }}>
+          {description}
+        </Text>
+      </Card>
+    </Box>
+  )
+}
--- a/components/carousel.js
+++ b/components/carousel.js
@ -0,0 +1,98 @@
+import {
+  Box,
+  Button,
+  Card,
+  Container,
+  Grid,
+  Heading,
+  Image,
+  Badge,
+  Link,
+  Text
+} from 'theme-ui'
+import CarouselCards from './carousel-cards'
+import { keyframes } from '@emotion/react'
+import React, { useEffect, useState } from 'react'
+
+const noOfCards = 7
+
+const move = keyframes`
+0% { transform: translateX(150vw); }
+	100% { transform: translateX(-50vw)}
+`
+
+export default function Carousel() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        animation: `${move} 10s linear infinite`,
+        gap: '10px',
+        width: '150vw',
+        flexWrap: 'nowrap',
+        transform: 'translateX(0)',
+        animationPlayState: 'paused',
+        '&:hover': {
+          animationPlayState: 'paused'
+        }
+      }}
+    >
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig1"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig2"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig3"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig4"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig5"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+      <CarouselCards
+        background="black"
+        titleColor="yellow"
+        textColor="white"
+        title="Sprig6"
+        description="🍃 Learn to code by making games in a JavaScript web-based game editor."
+        img="https://emoji.slack-edge.com/T0266FRGM/sprig-dino/6f01fec60b51b343.png"
+      />
+    </Box>
+  )
+}
--- a/components/nav.js
+++ b/components/nav.js
@ -109,8 +109,9 @@ const layout = props =>
    : css`
        @media (min-width: 56em) {
          display: flex;
+          justify-content: flex-end;
          position: absolute;
-          left: 50%;
+          left: 70%;
          transform: translateX(-50%);
        }
        a {
@ -136,17 +137,19 @@ const NavBar = styled(Box)`

 const Navigation = props => (
  <NavBar role="navigation" {...props}>
-    <NextLink href="/slack" passHref>
-      <Link>Slack</Link>
+    <NextLink href="/clubs" passHref>
+      <Link>Clubs</Link>
    </NextLink>
-    <Link href="https://workshops.hackclub.com/">Workshops</Link>
-    <Link href="https://scrapbook.hackclub.com/">Scrapbook</Link>
    <NextLink href="/bank" passHref>
      <Link>Bank</Link>
    </NextLink>
    <NextLink href="/hackathons" passHref>
      <Link>Hackathons</Link>
    </NextLink>
+    <NextLink href="/slack" passHref>
+      <Link>Slack</Link>
+    </NextLink>
+    <Link href="https://workshops.hackclub.com/">Workshops</Link>
  </NavBar>
 )

--- a/next.config.js
+++ b/next.config.js
@ -29,7 +29,6 @@ const nextConfig = {
    return [
      { source: '/grant/', destination: '/hackathons/grant', permanent: false },
      { source: '/start/', destination: '/', permanent: false },
-      { source: '/clubs/', destination: '/', permanent: false },
      { source: '/repl/', destination: '/', permanent: true },
      { source: '/c9/', destination: '/deprecated/cloud9/', permanent: true },
      {
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -26,6 +26,7 @@
    "animejs": "^3.2.1",
    "axios": "^1.1.3",
    "country-list-js": "^3.1.7",
+    "devtools-detect": "^4.0.0",
    "globby": "^11.0.4",
    "jquery": "^3.6.1",
    "lodash": "^4.17.21",
--- a/pages/clubs.js
+++ b/pages/clubs.js
@ -0,0 +1,732 @@
+import {
+  Box,
+  Button,
+  Card,
+  Container,
+  Grid,
+  Heading,
+  Image,
+  Badge,
+  Link,
+  Text
+} from 'theme-ui'
+import styled from '@emotion/styled'
+import Head from 'next/head'
+import NextLink from 'next/link'
+import Meta from '@hackclub/meta'
+import Nav from '../components/nav'
+import Icon from '../components/icon'
+import BGImg from '../components/background-image'
+import ForceTheme from '../components/force-theme'
+import SlideDown from '../components/slide-down'
+import FadeIn from '../components/fade-in'
+import Photo from '../components/photo'
+import Footer from '../components/footer'
+import FooterImgFile from '../public/home/footer.png'
+import AssembleImgFile from '../public/home/assemble.jpg'
+import Slack from '../components/slack'
+import Announcement from '../components/announcement'
+import Stage from '../components/stage'
+
+let Highlight = styled(Text)`
+  color: inherit;
+  border-radius: 1em 0 1em 0;
+  background: linear-gradient(
+    -100deg,
+    rgba(250, 247, 133, 0.33),
+    rgba(250, 247, 133, 0.66) 95%,
+    rgba(250, 247, 133, 0.1)
+  );
+`
+Highlight = Highlight.withComponent('mark')
+
+const Feature = ({ icon, color, name, desc, children, sx, ...props }) => (
+  <Box
+    sx={{
+      display: 'grid',
+      gridGap: [0, 4],
+      gridTemplateColumns: [null, 'auto 1fr'],
+      alignItems: 'start',
+      justifyContent: 'start',
+      bg: 'rgba(224, 230, 237, 0.25)',
+      p: [3, 4],
+      mt: [1, 1],
+      borderRadius: 'extra',
+      span: { transform: 'none', width: 'min-intrinsic' },
+      svg: { color: 'white' },
+      ...sx
+    }}
+  >
+    {children || (
+      <Box
+        as="span"
+        sx={{
+          width: 'fit-content',
+          bg: color,
+          borderRadius: 18,
+          lineHeight: 0,
+          p: 2,
+          mb: 1,
+          display: 'inline-block',
+          transform: ['scale(0.75)', 'none'],
+          transformOrigin: 'bottom left',
+          boxShadow:
+            'inset 2px 2px 6px rgba(255,255,255,0.2), inset -2px -2px 6px rgba(0,0,0,0.1), 0 1px 4px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.1)'
+        }}
+      >
+        <Icon glyph={icon} size={48} />
+      </Box>
+    )}
+    <Box>
+      <Heading as="h3" variant="headline" mb={2} mt={0}>
+        {name}
+      </Heading>
+      <Text
+        as="p"
+        variant="subtitle"
+        sx={{ mt: 0, pb: 2, a: { variant: 'styles.a', color: 'blue' } }}
+      >
+        {desc}
+      </Text>
+    </Box>
+  </Box>
+)
+
+const Page = () => (
+  <>
+    <Meta
+      as={Head}
+      title="Don’t run your coding club alone"
+      description="Hack Club is a global nonprofit network of high school makers & student-led coding clubs where young people build the agency, the network, & the technical talent to think big & do big things in the world."
+      image="https://cloud-epiki4yvg.vercel.app/2020-09-09_drbp62kayjuyyy0ek89mf9fwcp5t4kuz.jpeg"
+    />
+    <Head>
+      <meta
+        property="og:logo"
+        content="https://assets.hackclub.com/icon-rounded.png"
+        size="512x512"
+      />
+    </Head>
+    <ForceTheme theme="light" />
+    <Nav />
+    <Box
+      as="header"
+      sx={{
+        bg: 'dark',
+        pt: [5, 6],
+        pb: [2, 3],
+        textAlign: 'center',
+        position: 'relative',
+        overflow: 'hidden'
+      }}
+    >
+      <BGImg
+        src={AssembleImgFile}
+        alt="Hack Clubbers assemble at Figma HQ for the first IRL hackathon in SF since 2020: Assemble. 📸 Photo by Kunal Botla, Hack Clubber in MA!"
+        priority
+      />
+      {/* <Announcement
+        copy="Epoch: celebrate the New Year with Hack Club."
+        caption="Join 150+ hackers in Delhi for a magical high-school hackathon!"
+        href="https://epoch.hackclub.com"
+        iconLeft="explore"
+        color="primary"
+      /> */}
+
+      <SlideDown duration={768}>
+        <Heading
+          as="h1"
+          variant="ultratitle"
+          sx={{
+            color: 'white',
+            textShadow: 'text',
+            filter: 'drop-shadow(0 -2px 4px rgba(0,0,0,0.5))',
+            WebkitFilter: 'drop-shadow(0 -2px 4px rgba(0,0,0,0.5))',
+            maxWidth: [null, 'copyUltra'],
+            my: [3, 4],
+            mx: 'auto',
+            zIndex: 1
+          }}
+        >
+          <Text
+            as="span"
+            sx={{
+              lineHeight: 0.875,
+              display: 'block',
+              pb: 3
+            }}
+          >
+            Don’t run your coding&nbsp;club alone.
+          </Text>
+          Make it a{' '}
+          <Text
+            as="span"
+            sx={{
+              WebkitTextStroke: 'currentColor',
+              WebkitTextStrokeWidth: ['2px', '3px'],
+              WebkitTextFillColor: 'transparent'
+            }}
+          >
+            Hack&nbsp;Club
+          </Text>
+          .
+        </Heading>
+      </SlideDown>
+      <FadeIn duration={1024}>
+        <Text
+          as="p"
+          variant="lead"
+          sx={{
+            color: 'white',
+            textShadow: 'text',
+            maxWidth: 620,
+            mt: 0,
+            mx: 'auto',
+            mb: [3, 4]
+          }}
+        >
+          Hack Club is a nonprofit network of high school coding&nbsp;clubs and
+          makers around the world. <strong>Applications are now open.</strong>
+        </Text>
+        <Button
+          as="a"
+          variant="ctaLg"
+          href="https://apply.hackclub.com"
+          target="_blank"
+          rel="noopener"
+        >
+          Apply now
+        </Button>
+        <NextLink href="/slack" passHref>
+          <Button
+            as="a"
+            variant="ctaLg"
+            href="/slack"
+            sx={{
+              backgroundImage: t => t.util.gx('green', 'blue'),
+              ml: [0, 3],
+              mt: [3, 0]
+            }}
+          >
+            Join the Slack
+          </Button>
+        </NextLink>
+      </FadeIn>
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: ['center', 'center', 'flex-end'],
+          marginRight: 2,
+          mt: [2, 2, 1]
+        }}
+      >
+        <Badge
+          as="a"
+          href="https://www.youtube.com/watch?v=PnK4gzO6S3Q"
+          variant="pill"
+          sx={{
+            zIndex: '1',
+            bg: '#000',
+            color: 'white',
+            opacity: 0.5,
+            textDecoration: 'none',
+            fontWeight: 'normal',
+            ':hover': { opacity: 1 },
+            transition: '0.3s ease'
+          }}
+          title="📸 Photo by Kunal Botla, Hack Clubber in MA!"
+        >
+          Hackers at Assemble in SF
+        </Badge>
+      </Box>
+    </Box>
+    <Box as="section" sx={{ py: [4, 5], color: 'black' }}>
+      <Container>
+        <Text as="p" variant="eyebrow">
+          The rundown
+        </Text>
+        <Heading as="h2" variant="title">
+          Clubs discovering the{' '}
+          <Text
+            as="span"
+            sx={{
+              borderRadius: 'default',
+              px: 2,
+              mx: [-2, 0],
+              whiteSpace: 'nowrap',
+              color: '#5d114c',
+              bg: 'rgb(255, 212, 64)'
+            }}
+          >
+            joy of code
+          </Text>
+          .
+        </Heading>
+        <Text as="p" variant="lead" sx={{ maxWidth: 'copyPlus' }}>
+          Hack Clubs typically meet for 1.5 hours each week in high schools,
+          makerspaces, community centers, churches, and any other venue where
+          teenagers can gather. As a club leader, you get members (mostly
+          beginners) started on something to learn/create, then members work at
+          their own pace, building websites, apps, & games, and presenting them
+          at the end.
+        </Text>
+        <Grid columns={[null, null, 2, '3fr 2fr']} gap={[3, 4]} pt={[3, 3]}>
+          <Photo
+            src="https://dl.airtable.com/.attachmentThumbnails/904cf56ceac6b0921eceae02958dcd29/5851864a"
+            alt="Summer Creek Hack Club meeting, February 2020"
+            width={3000}
+            height={2550}
+            showAlt
+          />
+          <Grid
+            columns="auto 1fr"
+            sx={{
+              gridColumnGap: 3,
+              span: {
+                width: 36,
+                height: 36,
+                borderRadius: 24,
+                display: 'inline-block',
+                fontSize: 2,
+                lineHeight: '30px',
+                textAlign: 'center',
+                fontWeight: 'bold',
+                border: '3px solid currentColor'
+              },
+              p: { my: 0 },
+              strong: { display: 'block' }
+            }}
+          >
+            <Text as="span" color="green">
+              1
+            </Text>
+            <Text as="p" variant="subtitle">
+              <strong>
+                A group of teens, many beginners, gather to start coding.
+              </strong>
+              The leader (that’s you!) presents for a few minutes, getting the
+              group started building something new.
+            </Text>
+            <Text as="span" color="cyan">
+              2
+            </Text>
+            <Text
+              as="p"
+              variant="subtitle"
+              sx={{ mt: 0, a: { variant: 'styles.a', color: 'blue' } }}
+            >
+              <strong>Everyone gets hacking, individually.</strong> Not hacking
+              bank accounts, being creative and{' '}
+              <Link href="/ship">making something awesome</Link>.
+            </Text>
+            <Text as="span" color="blue">
+              3
+            </Text>
+            <Text as="p" variant="subtitle">
+              <strong>To end, everyone demos their work.</strong>
+              As a leader, you’re cultivating a community of makers. Each member
+              showing off their work builds momentum & motivation.
+            </Text>
+          </Grid>
+        </Grid>
+        <Grid
+          columns={[null, '1fr 2fr']}
+          mt={[3, 5]}
+          sx={{ maxWidth: 'copyUltra', mx: 'auto' }}
+        >
+          <Heading as="h3" variant="headline" sx={{ fontSize: [4, 5], mb: 0 }}>
+            Go beyond club meetings.
+          </Heading>
+          <Text
+            as="p"
+            variant="lead"
+            sx={{ mt: 0, a: { variant: 'styles.a', color: 'blue' } }}
+          >
+            Hack Clubs attend and run{' '}
+            <NextLink href="/hackathons" passHref>
+              <a>hackathons</a>
+            </NextLink>{' '}
+            like <a href="https://windyhacks.com">Windy&nbsp;City&nbsp;Hacks</a>{' '}
+            &{' '}
+            <a href="https://www.sfchronicle.com/bayarea/article/Hack-the-Fog-makes-history-as-San-12729895.php">
+              Hack the Fog
+            </a>
+            , run summer programs like{' '}
+            <a href="https://web.archive.org/web/20200808171549/http://thecspn.com/?p=43434">
+              Hack Camp
+            </a>
+            , and compete in events like the{' '}
+            <a href="http://www.congressionalappchallenge.us">
+              Congressional App Challenge
+            </a>
+            . The&nbsp;hack’s the limit.
+          </Text>
+        </Grid>
+      </Container>
+    </Box>
+    <Box
+      as="section"
+      sx={{
+        py: 6,
+        bg: 'dark',
+        color: 'white',
+        'h2,p': { textShadow: 'text' },
+        textAlign: [null, 'center'],
+        position: 'relative',
+        overflow: 'hidden'
+      }}
+    >
+      <BGImg
+        gradient="linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.625))"
+        src="https://cdn.glitch.com/a7605379-7582-4aac-8f44-45bbdfca0cfa%2F2020-05-16_screenshot.jpeg?v=1589633885855"
+        width={2048}
+        height={1170}
+        alt="Hack Clubbers gather at the Elon Musk AMA in 2020"
+      />
+      <Container>
+        <Text as="p" variant="eyebrow" sx={{ color: 'white', opacity: 0.75 }}>
+          ~ Welcome to Hackerland ~
+        </Text>
+        <Heading as="h2" variant="title">
+          By the students, for the students.
+        </Heading>
+        <Text as="p" variant="lead" sx={{ maxWidth: 'copyPlus', mx: 'auto' }}>
+          Learning to code is like gaining a superpower — turning you from a
+          consumer of technology into a creator. It shouldn’t be taught like a
+          class — it should be a creative, inclusive space. To foster this
+          environment,{' '}
+          <Highlight>every&nbsp;Hack&nbsp;Club is student-led</Highlight> &
+          members make self-directed projects.
+        </Text>
+        <NextLink href="/philosophy" passHref>
+          <Button
+            as="a"
+            variant="ctaLg"
+            sx={{
+              background: 'linear-gradient(-32deg, #6f31b7 14%, #fb558e 82%)'
+            }}
+          >
+            Our philosophy →
+          </Button>
+        </NextLink>
+      </Container>
+    </Box>
+    <Box as="section" sx={{ py: [4, 5, 6], color: 'black' }}>
+      <Container
+        sx={{
+          maxWidth: [null, 'copyUltra'],
+          svg: { filter: 'drop-shadow(0 2px 3px rgba(0,0,0,.125))' }
+        }}
+      >
+        <Box as="header" sx={{ textAlign: [null, 'center'], pb: [4, 5] }}>
+          <Text as="p" variant="eyebrow">
+            Hit the ground running
+          </Text>
+          <Heading as="h2" variant="title">
+            Get your club{' '}
+            <Text
+              as="span"
+              sx={{
+                borderRadius: 'default',
+                px: 2,
+                mx: [-2, 0],
+                bg: 'rgb(91, 255, 205)',
+                color: '#095365',
+                display: 'inline-block',
+                whiteSpace: ['wrap', 'nowrap']
+              }}
+            >
+              going & growing
+            </Text>
+            with Hack&nbsp;Club.
+          </Heading>
+        </Box>
+        <Grid
+          columns={[null, 1]}
+          gap={[2, 3]}
+          sx={{ alignItems: 'end', span: { color: 'white' } }}
+        >
+          <Feature
+            icon="slack-fill"
+            color="#5d114c"
+            name="Chat with 100s of club leaders"
+            desc={
+              <>
+                In our <Link href="/slack">Slack community</Link>, you’ll be
+                invited to a space for Hack&nbsp;Club leaders to ask questions &
+                chat, share projects, & attend weekly live events.
+              </>
+            }
+          />
+          <Feature
+            icon="bolt"
+            color="green"
+            name="Tools to hack on"
+            desc={
+              <>
+                We build tools, such as{" "}
+                <a href="https://sprig.hackclub.com">Sprig</a>, that your members can 
+                use to make projects with in meetings! Built more of them with us in our 
+                {" "}<Link href="/slack">Slack community</Link>.
+              </>
+            }
+          ></Feature>
+          <Feature
+            icon="docs"
+            color="red"
+            name="Meeting content"
+            desc={
+              <>
+                Come prepared to every meeting with over 100{' '}
+                <a href="https://workshops.hackclub.com">workshops</a> (3 years’
+                worth!) that guide your club members through making fun,
+                creative projects.
+              </>
+            }
+          ></Feature>
+          {/* <Feature
+            name="A comprehensive leader guide"
+            desc={
+              <>
+                Need help getting started? Watch real club leaders run meetings, and
+                learn how to run them in your own club, with{' '}
+                <a href="https://meetings.hackclub.com">Hack Club Meetings</a>.
+              </>
+            }
+          >
+            <Photo
+              src="/home/meetings.png"
+              alt="Claire running a workshop on Generative Art in an online meeting"
+              width={1000}
+              height={653}
+              sx={{ maxWidth: [null, 332] }}
+            />
+          </Feature> */}
+          <Feature
+            name="Stickers"
+            desc={
+              <>
+                Get <Link href="/stickers">amazing stickers</Link> for marketing
+                your club shipped directly to you & your club members.
+              </>
+            }
+            color="purple"
+            icon="sticker"
+          ></Feature>
+          <Feature
+            icon="bank-account"
+            color="black"
+            name="A nonprofit bank account"
+            desc={
+              <>
+                Use our 501(c)(3) status and a restricted fund with{' '}
+                <Link href="/bank">Hack Club Bank</Link> to fundraise, accept
+                donations, buy things!
+              </>
+            }
+          />
+          <Feature
+            name="Weekly events"
+            desc={
+              <>
+                From <Link href="/night">Hack Night</Link> to{' '}
+                <Link href="/amas">AMAs</Link>
+                {' to '}
+                <a href="https://twitter.com/hackclub/status/1300494921997193217?s=21">
+                  weirder events
+                </a>
+                , the Slack community has live events for leaders & members
+                alike every week.
+              </>
+            }
+            icon="event-code"
+            color="blue"
+          ></Feature>
+          <Feature
+            icon="purse"
+            color="orange"
+            name="A basket of free tools"
+            desc={
+              <>
+                We're always building new tools for leaders, such as{' '}
+                <a href="https://sprig.hackclub.com">Sprig</a>! We've also got
+                free subscriptions to Figma Pro, Postman, and more for running a
+                great club.
+              </>
+            }
+          />
+          {/* <Feature
+            icon="sam"
+            color="blue"
+            name="Free Zoom Pro"
+            desc="24/7 access to Zoom Pro enabled meeting rooms for your club (that means no time limit)."
+          /> */}
+        </Grid>
+        <Feature
+          icon="welcome"
+          color="rgb(255,88,88)"
+          name="Existing clubs welcome"
+          desc={
+            <>
+              When established CS clubs join, they get all the Hack&nbsp;Club
+              benefits: Zoom&nbsp;Pro, stickers, our Slack community,{' '}
+              <a href="https://workshops.hackclub.com/">workshops</a>, the
+              works. They’re welcome to use the “Hack&nbsp;Club” name or keep
+              their existing one.
+            </>
+          }
+          as="aside"
+          sx={{
+            display: 'grid',
+            gridGap: [0, 4],
+            gridTemplateColumns: [null, 'auto 1fr'],
+            alignItems: 'start',
+            justifyContent: 'start',
+            bg: 'rgba(255,88,88,0.125)',
+            p: [3, 4],
+            mt: [3, 4],
+            borderRadius: 'extra',
+            span: { transform: 'none', width: 'min-intrinsic' },
+            svg: { color: 'white' }
+          }}
+        />
+      </Container>
+    </Box>
+    <Slack />
+    <Box bg="snow" color="black" py={[5, 6]}>
+      <Container sx={{ textAlign: ['left', 'center'] }}>
+        <Text as="p" variant="eyebrow">
+          Next steps
+        </Text>
+        <Heading as="h2" variant="title">
+          Apply today to{' '}
+          <Text
+            as="span"
+            sx={{
+              borderRadius: 'default',
+              px: 2,
+              ml: [-2, 0],
+              whiteSpace: ['wrap', 'nowrap'],
+              color: 'white',
+              bg: '#6f31b7'
+            }}
+          >
+            start your club
+          </Text>
+          .
+        </Heading>
+        <Text as="p" variant="lead" mt={3} color="slate">
+          It’s all-online, free, & takes under an hour. We’ll help from there!
+        </Text>
+        <Grid
+          pt={[3, 4]}
+          pb={[4, 5]}
+          gap={[4, 3, 4]}
+          columns={[null, 3]}
+          sx={{
+            textAlign: 'left',
+            '> a, > div': {
+              borderRadius: 'extra',
+              boxShadow: 'elevated',
+              px: [3, null, 4],
+              py: [4, null, 5]
+            },
+            span: {
+              boxShadow:
+                '-2px -2px 6px rgba(255,255,255,0.125), inset 2px 2px 6px rgba(0,0,0,0.1), 2px 2px 8px rgba(0,0,0,0.0625)'
+            },
+            svg: { fill: 'currentColor' }
+          }}
+        >
+          <Card
+            as="a"
+            href="https://apply.hackclub.com/"
+            variant="interactive"
+            sx={{
+              background:
+                'linear-gradient(32deg, rgba(51, 142, 218, 0.9) 0%, rgba(51, 214, 166, 0.9) 100%)',
+              color: 'white',
+              svg: { color: 'rgb(51, 142, 218)' }
+            }}
+          >
+            <Stage
+              icon="send"
+              color="white"
+              name="1. Application"
+              desc="Start by telling us about your club & who’s leading it."
+            />
+          </Card>
+          <Card
+            sx={{
+              background:
+                'linear-gradient(to bottom, rgba(255, 140, 55, 0.9) 0%, rgba(236, 55, 80, 0.9) 100%)',
+              color: 'white',
+              svg: { color: 'rgb(236, 55, 80)' }
+            }}
+          >
+            <Stage
+              icon="emoji"
+              color="white"
+              name="2. Onboarding call"
+              desc="Hop on a quick Zoom with someone from Hack Club HQ."
+            />
+          </Card>
+          <Card
+            sx={{
+              background: 'linear-gradient(-32deg, #6f31b7 14%, #fb558e 82%)',
+              color: 'white',
+              svg: { color: '#fb558e' }
+            }}
+          >
+            <Stage
+              icon="event-check"
+              color="white"
+              name="3. First meeting"
+              desc="Schedule your club’s first meeting & get going!"
+            />
+          </Card>
+        </Grid>
+        <Button
+          as="a"
+          href="https://apply.hackclub.com"
+          target="_blank"
+          rel="noopener"
+          variant="ctaLg"
+        >
+          Apply to Hack Club
+        </Button>
+      </Container>
+    </Box>
+    <Footer
+      dark
+      sx={{
+        backgroundColor: 'dark',
+        position: 'relative',
+        overflow: 'hidden',
+        textShadow: '0 1px 2px rgba(0,0,0,0.375)',
+        'h2,span,p,a': { color: 'white !important' },
+        '> div img': { objectPosition: ['left', 'center'] },
+        svg: {
+          fill: 'white',
+          filter: 'drop-shadow(0 1px 2px rgba(0,0,0,0.25))'
+        }
+      }}
+    >
+      <BGImg
+        width={2544}
+        height={2048}
+        gradient="linear-gradient(rgba(0,0,0,0.125), rgba(0,0,0,0.25))"
+        src={FooterImgFile}
+        placeholder="blur"
+        alt="Globe with hundreds of Hack Clubs"
+      />
+      <style>
+        {`a{
+          color: #338eda
+        }`}
+      </style>
+    </Footer>
+  </>
+)
+
+export default Page
--- a/pages/index.js
+++ b/pages/index.js
--- a/yarn.lock
+++ b/yarn.lock
@ -338,7 +338,7 @@

 "@emotion/babel-plugin@^11.10.5":
  version "11.10.5"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz#65fa6e1790ddc9e23cc22658a4c5dea423c55c3c"
+  resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz"
  integrity sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==
  dependencies:
    "@babel/helper-module-imports" "^7.16.7"
@ -356,7 +356,7 @@

 "@emotion/cache@^11.10.5":
  version "11.10.5"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.10.5.tgz#c142da9351f94e47527ed458f7bbbbe40bb13c12"
+  resolved "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.5.tgz"
  integrity sha512-dGYHWyzTdmK+f2+EnIGBpkz1lKc4Zbj2KHd4cX3Wi8/OWr5pKslNjc3yABKH4adRGCvSX4VDC0i04mrrq0aiRA==
  dependencies:
    "@emotion/memoize" "^0.8.0"
@ -401,7 +401,7 @@

 "@emotion/react@^11.10.5":
  version "11.10.5"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.10.5.tgz#95fff612a5de1efa9c0d535384d3cfa115fe175d"
+  resolved "https://registry.npmjs.org/@emotion/react/-/react-11.10.5.tgz"
  integrity sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==
  dependencies:
    "@babel/runtime" "^7.18.3"
@ -415,7 +415,7 @@

 "@emotion/serialize@^1.1.1":
  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.1.tgz#0595701b1902feded8a96d293b26be3f5c1a5cf0"
+  resolved "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz"
  integrity sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==
  dependencies:
    "@emotion/hash" "^0.9.0"
@ -426,12 +426,12 @@

 "@emotion/sheet@^1.2.1":
  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.1.tgz#0767e0305230e894897cadb6c8df2c51e61a6c2c"
+  resolved "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz"
  integrity sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==

 "@emotion/styled@^11.10.5":
  version "11.10.5"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.10.5.tgz#1fe7bf941b0909802cb826457e362444e7e96a79"
+  resolved "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.5.tgz"
  integrity sha512-8EP6dD7dMkdku2foLoruPCNkRevzdcBaY6q0l0OsbyJK+x8D9HWjX27ARiSIKNF634hY9Zdoedh8bJCiva8yZw==
  dependencies:
    "@babel/runtime" "^7.18.3"
@ -473,7 +473,7 @@

 "@eslint/eslintrc@^1.3.3":
  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.3.tgz#2b044ab39fdfa75b4688184f9e573ce3c5b0ff95"
+  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz"
  integrity sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==
  dependencies:
    ajv "^6.12.4"
@ -488,7 +488,7 @@

 "@hackclub/icons@^0.0.12":
  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/@hackclub/icons/-/icons-0.0.12.tgz#a82dd20fdbc263c956aaee3ec8689078965d22fa"
+  resolved "https://registry.npmjs.org/@hackclub/icons/-/icons-0.0.12.tgz"
  integrity sha512-YXPpalHN0lEjgaUD++u43NucSfgXlaQRbNKH+CJusS9erCF1jyu0pUH0peXqmlWZybbIg1PnuYJyOvKDvACA2g==

 "@hackclub/meta@1.1.32":
@ -503,7 +503,7 @@

 "@humanwhocodes/config-array@^0.11.6":
  version "0.11.6"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.6.tgz#6a51d603a3aaf8d4cf45b42b3f2ac9318a4adc4b"
+  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.6.tgz"
  integrity sha512-jJr+hPTJYKyDILJfhNSHsjiwXYf26Flsz8DvNndOsHs5pwSnpGUEy8yzF0JYhCEvTDdV2vuOK5tt8BVhwO5/hg==
  dependencies:
    "@humanwhocodes/object-schema" "^1.2.1"
@ -584,19 +584,19 @@

 "@next/env@12.3.1":
  version "12.3.1"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-12.3.1.tgz#18266bd92de3b4aa4037b1927aa59e6f11879260"
+  resolved "https://registry.npmjs.org/@next/env/-/env-12.3.1.tgz"
  integrity sha512-9P9THmRFVKGKt9DYqeC2aKIxm8rlvkK38V1P1sRE7qyoPBIs8l9oo79QoSdPtOWfzkbDAVUqvbQGgTMsb8BtJg==

 "@next/eslint-plugin-next@13.0.4":
  version "13.0.4"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.0.4.tgz#46800f48d9f81e8bb460319a15a00bf2f4016e91"
+  resolved "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.0.4.tgz"
  integrity sha512-jZ4urKT+aO9QHm3ttihrIQscQISDSKK8isAom750+EySn9o3LCSkTdPGBtvBqY7Yku+NqhfQempR5J58DqTaVg==
  dependencies:
    glob "7.1.7"

 "@next/mdx@^13.0.4":
  version "13.0.4"
-  resolved "https://registry.yarnpkg.com/@next/mdx/-/mdx-13.0.4.tgz#f1e77eea1a2ad4316a8c29ca0447f13548a6102f"
+  resolved "https://registry.npmjs.org/@next/mdx/-/mdx-13.0.4.tgz"
  integrity sha512-eKmn8YC5nSBwcvjxBi5X9F+4L0p5+YMJcLXZXaAkfXbjxO1mMpj+EpMn2EINNPIGCRKTypZfZaJgvrxuU8a72g==
  dependencies:
    source-map "^0.7.0"
@ -613,7 +613,7 @@

 "@next/swc-darwin-arm64@12.3.1":
  version "12.3.1"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.3.1.tgz#b105457d6760a7916b27e46c97cb1a40547114ae"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.3.1.tgz"
  integrity sha512-hT/EBGNcu0ITiuWDYU9ur57Oa4LybD5DOQp4f22T6zLfpoBMfBibPtR8XktXmOyFHrL/6FC2p9ojdLZhWhvBHg==

 "@next/swc-darwin-x64@12.3.1":
@ -668,7 +668,7 @@

 "@nodelib/fs.scandir@2.1.5":
  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
  dependencies:
    "@nodelib/fs.stat" "2.0.5"
@ -676,7 +676,7 @@

 "@nodelib/fs.stat@2.0.5":
  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==

 "@nodelib/fs.stat@^2.0.2":
@ -686,7 +686,7 @@

 "@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
  dependencies:
    "@nodelib/fs.scandir" "2.1.5"
@ -694,7 +694,7 @@

 "@octokit/auth-app@^4.0.7":
  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/@octokit/auth-app/-/auth-app-4.0.7.tgz#417c327e6a7ada1e6e9651db681146f8c12728e3"
+  resolved "https://registry.npmjs.org/@octokit/auth-app/-/auth-app-4.0.7.tgz"
  integrity sha512-hjjVCoI/+1oLminVHJPPexguYb9FP4Q60hEHExgy1uAKMMJ5Zf8iJIeRJlIIqneTb4vt7NvUTEj4YDxBLZ1FLg==
  dependencies:
    "@octokit/auth-oauth-app" "^5.0.0"
@ -752,7 +752,7 @@

 "@octokit/core@^4.0.5", "@octokit/core@^4.1.0":
  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@octokit/core/-/core-4.1.0.tgz#b6b03a478f1716de92b3f4ec4fd64d05ba5a9251"
+  resolved "https://registry.npmjs.org/@octokit/core/-/core-4.1.0.tgz"
  integrity sha512-Czz/59VefU+kKDy+ZfDwtOIYIkFjExOKf+HA92aiTZJ6EfWpFzYQWw0l54ji8bVmyhc+mGaLUbSUmXazG7z5OQ==
  dependencies:
    "@octokit/auth-token" "^3.0.0"
@ -813,12 +813,12 @@

 "@octokit/openapi-types@^14.0.0":
  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-14.0.0.tgz#949c5019028c93f189abbc2fb42f333290f7134a"
+  resolved "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-14.0.0.tgz"
  integrity sha512-HNWisMYlR8VCnNurDU6os2ikx0s0VyEjDYHNS/h4cgb8DeOxQ0n72HyinUtdDVxJhFy3FWLGl0DJhfEWk3P5Iw==

 "@octokit/plugin-paginate-rest@^5.0.0":
  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-5.0.1.tgz#93d7e74f1f69d68ba554fa6b888c2a9cf1f99a83"
+  resolved "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-5.0.1.tgz"
  integrity sha512-7A+rEkS70pH36Z6JivSlR7Zqepz3KVucEFVDnSrgHXzG7WLAzYwcHZbKdfTXHwuTHbkT1vKvz7dHl1+HNf6Qyw==
  dependencies:
    "@octokit/types" "^8.0.0"
@ -830,7 +830,7 @@

 "@octokit/plugin-rest-endpoint-methods@^6.7.0":
  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-6.7.0.tgz#2f6f17f25b6babbc8b41d2bb0a95a8839672ce7c"
+  resolved "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-6.7.0.tgz"
  integrity sha512-orxQ0fAHA7IpYhG2flD2AygztPlGYNAdlzYz8yrD8NDgelPfOYoRPROfEyIe035PlxvbYrgkfUZIhSBKju/Cvw==
  dependencies:
    "@octokit/types" "^8.0.0"
@ -880,7 +880,7 @@

 "@octokit/rest@^19.0.5":
  version "19.0.5"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-19.0.5.tgz#4dbde8ae69b27dca04b5f1d8119d282575818f6c"
+  resolved "https://registry.npmjs.org/@octokit/rest/-/rest-19.0.5.tgz"
  integrity sha512-+4qdrUFq2lk7Va+Qff3ofREQWGBeoTKNqlJO+FGjFP35ZahP+nBenhZiGdu8USSgmq4Ky3IJ/i4u0xbLqHaeow==
  dependencies:
    "@octokit/core" "^4.1.0"
@ -897,14 +897,14 @@

 "@octokit/types@^8.0.0":
  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-8.0.0.tgz#93f0b865786c4153f0f6924da067fe0bb7426a9f"
+  resolved "https://registry.npmjs.org/@octokit/types/-/types-8.0.0.tgz"
  integrity sha512-65/TPpOJP1i3K4lBJMnWqPUJ6zuOtzhtagDvydAWbEXpbFYA0oMKKyLb95NFZZP0lSh/4b6K+DQlzvYQJQQePg==
  dependencies:
    "@octokit/openapi-types" "^14.0.0"

 "@pkgr/utils@^2.3.1":
  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.3.1.tgz#0a9b06ffddee364d6642b3cd562ca76f55b34a03"
+  resolved "https://registry.npmjs.org/@pkgr/utils/-/utils-2.3.1.tgz"
  integrity sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==
  dependencies:
    cross-spawn "^7.0.3"
@ -1020,7 +1020,7 @@

 "@swc/helpers@0.4.11":
  version "0.4.11"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.11.tgz#db23a376761b3d31c26502122f349a21b592c8de"
+  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.11.tgz"
  integrity sha512-rEUrBSGIoSFuYxwBYtlUFMlE2CwGhmW+w9355/5oduSw8e5h2+Tj4UrAGNNgP9915++wj5vkQo0UuOBqOAq4nw==
  dependencies:
    tslib "^2.4.0"
@ -1151,7 +1151,7 @@

 "@typescript-eslint/parser@^5.42.0":
  version "5.42.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.42.1.tgz#3e66156f2f74b11690b45950d8f5f28a62751d35"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.42.1.tgz"
  integrity sha512-kAV+NiNBWVQDY9gDJDToTE/NO8BHi4f6b7zTsVAJoTkmB/zlfOpiEVBzHOKtlgTndCKe8vj9F/PuolemZSh50Q==
  dependencies:
    "@typescript-eslint/scope-manager" "5.42.1"
@ -1161,7 +1161,7 @@

 "@typescript-eslint/scope-manager@5.42.1":
  version "5.42.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.42.1.tgz#05e5e1351485637d466464237e5259b49f609b18"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.42.1.tgz"
  integrity sha512-QAZY/CBP1Emx4rzxurgqj3rUinfsh/6mvuKbLNMfJMMKYLRBfweus8brgXF8f64ABkIZ3zdj2/rYYtF8eiuksQ==
  dependencies:
    "@typescript-eslint/types" "5.42.1"
@ -1169,12 +1169,12 @@

 "@typescript-eslint/types@5.42.1":
  version "5.42.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.42.1.tgz#0d4283c30e9b70d2aa2391c36294413de9106df2"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.42.1.tgz"
  integrity sha512-Qrco9dsFF5lhalz+lLFtxs3ui1/YfC6NdXu+RAGBa8uSfn01cjO7ssCsjIsUs484vny9Xm699FSKwpkCcqwWwA==

 "@typescript-eslint/typescript-estree@5.42.1":
  version "5.42.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.42.1.tgz#f9a223ecb547a781d37e07a5ac6ba9ff681eaef0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.42.1.tgz"
  integrity sha512-qElc0bDOuO0B8wDhhW4mYVgi/LZL+igPwXtV87n69/kYC/7NG3MES0jHxJNCr4EP7kY1XVsRy8C/u3DYeTKQmw==
  dependencies:
    "@typescript-eslint/types" "5.42.1"
@ -1187,7 +1187,7 @@

 "@typescript-eslint/visitor-keys@5.42.1":
  version "5.42.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.42.1.tgz#df10839adf6605e1cdb79174cf21e46df9be4872"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.42.1.tgz"
  integrity sha512-LOQtSF4z+hejmpUvitPlc4hA7ERGoj2BVkesOcG91HCn8edLGUXbTrErmutmPbl8Bo9HjAvOO/zBKQHExXNA2A==
  dependencies:
    "@typescript-eslint/types" "5.42.1"
@ -1293,7 +1293,7 @@ array-includes@^3.1.3, array-includes@^3.1.4:

 array-includes@^3.1.5:
  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.5.tgz#2c320010db8d31031fd2a5f6b3bbd4b1aad31bdb"
+  resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.5.tgz"
  integrity sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==
  dependencies:
    call-bind "^1.0.2"
@ -1318,7 +1318,7 @@ array.prototype.flat@^1.2.5:

 array.prototype.flatmap@^1.3.0:
  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz#a7e8ed4225f4788a70cd910abcf0791e76a5534f"
+  resolved "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz"
  integrity sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==
  dependencies:
    call-bind "^1.0.2"
@ -1365,7 +1365,7 @@ axe-core@^4.3.5:

 axios@^1.1.3:
  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.1.3.tgz#8274250dada2edf53814ed7db644b9c2866c1e35"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.1.3.tgz"
  integrity sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==
  dependencies:
    follow-redirects "^1.15.0"
@ -1518,7 +1518,7 @@ camelize@^1.0.0:

 caniuse-lite@^1.0.30001406:
  version "1.0.30001412"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001412.tgz#30f67d55a865da43e0aeec003f073ea8764d5d7c"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001412.tgz"
  integrity sha512-+TeEIee1gS5bYOiuf+PS/kp2mrXic37Hl66VY6EAfxasIk5fELTktK2oOezYed12H8w7jt3s512PpulQidPjwA==

 caseless@~0.12.0:
@ -1810,7 +1810,7 @@ deepmerge@^4.2.2:

 define-lazy-prop@^2.0.0:
  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  resolved "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz"
  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==

 define-properties@^1.1.3:
@ -1822,7 +1822,7 @@ define-properties@^1.1.3:

 define-properties@^1.1.4:
  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
+  resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz"
  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
  dependencies:
    has-property-descriptors "^1.0.0"
@ -1850,6 +1850,11 @@ detab@2.0.4:
  dependencies:
    repeat-string "^1.5.4"

+devtools-detect@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/devtools-detect/-/devtools-detect-4.0.0.tgz#a5bf7f990df093ba231a37ed301ec9ba157ecafb"
+  integrity sha512-BnCKIj1DDWite4sml9z8baFlkZWdtFH0rl1+HcBZ6ORm3HG7JSuehQUVzdOUxbPDLLVmEVuqkrvy3y8y2GOXyQ==
+
 dir-glob@^3.0.1:
  version "3.0.1"
  resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
@ -1915,7 +1920,7 @@ emojis-list@^3.0.0:

 enhanced-resolve@^5.10.0:
  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz"
  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
  dependencies:
    graceful-fs "^4.2.4"
@ -1956,7 +1961,7 @@ es-abstract@^1.19.0, es-abstract@^1.19.1:

 es-abstract@^1.19.2, es-abstract@^1.19.5:
  version "1.20.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.3.tgz#90b143ff7aedc8b3d189bcfac7f1e3e3f81e9da1"
+  resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.3.tgz"
  integrity sha512-AyrnaKVpMzljIdwjzrj+LxGmj8ik2LckwXacHqrJJ/jxz6dDDBcZ7I7nlHM0FvEW8MfbWJwOd+yT2XzYW49Frw==
  dependencies:
    call-bind "^1.0.2"
@ -1986,7 +1991,7 @@ es-abstract@^1.19.2, es-abstract@^1.19.5:

 es-shim-unscopables@^1.0.0:
  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
+  resolved "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz"
  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
  dependencies:
    has "^1.0.3"
@ -2012,7 +2017,7 @@ escape-string-regexp@^4.0.0:

 eslint-config-next@13.0.4:
  version "13.0.4"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.0.4.tgz#78954caf26b3aa718bed077bce90c1f505db0005"
+  resolved "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.0.4.tgz"
  integrity sha512-moEC7BW2TK7JKq3QfnaauqRjWzVcEf71gp5DbClpFPHM6QXE0u0uVvSTiHlmOgtCe1vyWAO+AhF87ZITd8mIDw==
  dependencies:
    "@next/eslint-plugin-next" "13.0.4"
@ -2035,7 +2040,7 @@ eslint-import-resolver-node@^0.3.6:

 eslint-import-resolver-typescript@^3.5.2:
  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.2.tgz#9431acded7d898fd94591a08ea9eec3514c7de91"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.2.tgz"
  integrity sha512-zX4ebnnyXiykjhcBvKIf5TNvt8K7yX6bllTRZ14MiurKPjDpCAZujlszTdB8pcNXhZcOf+god4s9SjQa5GnytQ==
  dependencies:
    debug "^4.3.4"
@ -2098,7 +2103,7 @@ eslint-plugin-react-hooks@^4.5.0:

 eslint-plugin-react@^7.31.7:
  version "7.31.8"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.31.8.tgz#3a4f80c10be1bcbc8197be9e8b641b2a3ef219bf"
+  resolved "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.8.tgz"
  integrity sha512-5lBTZmgQmARLLSYiwI71tiGVTLUuqXantZM6vlSY39OaDSV0M7+32K5DnLkmFrwTe+Ksz0ffuLUC91RUviVZfw==
  dependencies:
    array-includes "^3.1.5"
@ -2143,7 +2148,7 @@ eslint-visitor-keys@^3.3.0:

 eslint@8.28.0:
  version "8.28.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.28.0.tgz#81a680732634677cc890134bcdd9fdfea8e63d6e"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-8.28.0.tgz"
  integrity sha512-S27Di+EVyMxcHiwDrFzk8dJYAaD+/5SoWKxL1ri/71CRHsnJnRDPNt2Kzj24+MT9FDupf4aqqyqPrvI8MvQ4VQ==
  dependencies:
    "@eslint/eslintrc" "^1.3.3"
@ -2256,7 +2261,7 @@ fast-equals@^2.0.0:

 fast-glob@^3.2.11:
  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz"
  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
  dependencies:
    "@nodelib/fs.stat" "^2.0.2"
@ -2342,7 +2347,7 @@ flatted@^3.1.0:

 follow-redirects@^1.15.0:
  version "1.15.2"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz"
  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==

 forever-agent@~0.6.1:
@ -2352,7 +2357,7 @@ forever-agent@~0.6.1:

 form-data@^4.0.0:
  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz"
  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
  dependencies:
    asynckit "^0.4.0"
@ -2380,7 +2385,7 @@ function-bind@^1.1.1:

 function.prototype.name@^1.1.5:
  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
+  resolved "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz"
  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
  dependencies:
    call-bind "^1.0.2"
@ -2390,7 +2395,7 @@ function.prototype.name@^1.1.5:

 functions-have-names@^1.2.2:
  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==

 gensync@^1.0.0-beta.1:
@ -2409,7 +2414,7 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:

 get-intrinsic@^1.1.3:
  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385"
+  resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz"
  integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==
  dependencies:
    function-bind "^1.1.1"
@ -2426,7 +2431,7 @@ get-symbol-description@^1.0.0:

 get-tsconfig@^4.2.0:
  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.2.0.tgz#ff368dd7104dab47bf923404eb93838245c66543"
+  resolved "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.2.0.tgz"
  integrity sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==

 getpass@^0.1.1:
@ -2445,7 +2450,7 @@ glob-parent@^5.1.2:

 glob-parent@^6.0.2:
  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz"
  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
  dependencies:
    is-glob "^4.0.3"
@ -2496,7 +2501,7 @@ globals@^13.15.0:

 globalyzer@0.1.0:
  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
+  resolved "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz"
  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==

 globby@^11.0.4, globby@^11.1.0:
@ -2513,7 +2518,7 @@ globby@^11.0.4, globby@^11.1.0:

 globby@^13.1.2:
  version "13.1.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.2.tgz#29047105582427ab6eca4f905200667b056da515"
+  resolved "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz"
  integrity sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==
  dependencies:
    dir-glob "^3.0.1"
@ -2524,7 +2529,7 @@ globby@^13.1.2:

 globrex@^0.1.2:
  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
+  resolved "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz"
  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==

 graceful-fs@^4.2.4:
@ -2557,7 +2562,7 @@ has-bigints@^1.0.1:

 has-bigints@^1.0.2:
  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==

 has-flag@^3.0.0:
@ -2572,7 +2577,7 @@ has-flag@^4.0.0:

 has-property-descriptors@^1.0.0:
  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
+  resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz"
  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
  dependencies:
    get-intrinsic "^1.1.1"
@ -2584,7 +2589,7 @@ has-symbols@^1.0.1, has-symbols@^1.0.2:

 has-symbols@^1.0.3:
  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz"
  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==

 has-tostringtag@^1.0.0:
@ -2807,12 +2812,12 @@ is-callable@^1.2.4:

 is-callable@^1.2.6:
  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==

 is-core-module@^2.10.0:
  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz"
  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
  dependencies:
    has "^1.0.3"
@ -2857,7 +2862,7 @@ is-decimal@^1.0.0:

 is-docker@^2.0.0, is-docker@^2.1.1:
  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==

 is-extglob@^2.1.1:
@ -2889,7 +2894,7 @@ is-negative-zero@^2.0.1:

 is-negative-zero@^2.0.2:
  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
+  resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz"
  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==

 is-number-object@^1.0.4:
@ -2904,7 +2909,7 @@ is-number@^7.0.0:

 is-path-inside@^3.0.3:
  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==

 is-plain-obj@^2.0.0:
@ -2932,7 +2937,7 @@ is-shared-array-buffer@^1.0.1:

 is-shared-array-buffer@^1.0.2:
  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
+  resolved "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz"
  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
  dependencies:
    call-bind "^1.0.2"
@ -2985,7 +2990,7 @@ is-word-character@^1.0.0:

 is-wsl@^2.2.0:
  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
  dependencies:
    is-docker "^2.0.0"
@ -3007,7 +3012,7 @@ jquery@^3.6.1:

 js-sdsl@^4.1.4:
  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
+  resolved "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.4.tgz"
  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==

 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
@ -3369,14 +3374,14 @@ next-compose-plugins@^2.2.1:

 next-transpile-modules@^10.0.0:
  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/next-transpile-modules/-/next-transpile-modules-10.0.0.tgz#7152880048835acb64d05fc7aa34910cbe7994da"
+  resolved "https://registry.npmjs.org/next-transpile-modules/-/next-transpile-modules-10.0.0.tgz"
  integrity sha512-FyeJ++Lm2Fq31gbThiRCrJlYpIY9QaI7A3TjuhQLzOix8ChQrvn5ny4MhfIthS5cy6+uK1AhDRvxVdW17y3Xdw==
  dependencies:
    enhanced-resolve "^5.10.0"

 next@^12.3.1:
  version "12.3.1"
-  resolved "https://registry.yarnpkg.com/next/-/next-12.3.1.tgz#127b825ad2207faf869b33393ec8c75fe61e50f1"
+  resolved "https://registry.npmjs.org/next/-/next-12.3.1.tgz"
  integrity sha512-l7bvmSeIwX5lp07WtIiP9u2ytZMv7jIeB8iacR28PuUEFG5j0HGAPnMqyG5kbZNBG2H7tRsrQ4HCjuMOPnANZw==
  dependencies:
    "@next/env" "12.3.1"
@ -3424,7 +3429,7 @@ object-inspect@^1.11.0:

 object-inspect@^1.12.2:
  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+  resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz"
  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==

 object-inspect@^1.9.0:
@ -3449,7 +3454,7 @@ object.assign@^4.1.2:

 object.assign@^4.1.4:
  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
+  resolved "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz"
  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
  dependencies:
    call-bind "^1.0.2"
@ -3477,7 +3482,7 @@ object.fromentries@^2.0.5:

 object.hasown@^1.1.1:
  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.1.tgz#ad1eecc60d03f49460600430d97f23882cf592a3"
+  resolved "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.1.tgz"
  integrity sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==
  dependencies:
    define-properties "^1.1.4"
@ -3501,7 +3506,7 @@ once@^1.3.0, once@^1.4.0:

 open@^8.4.0:
  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
+  resolved "https://registry.npmjs.org/open/-/open-8.4.0.tgz"
  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
  dependencies:
    define-lazy-prop "^2.0.0"
@ -3698,7 +3703,7 @@ property-information@^5.0.0, property-information@^5.3.0:

 proxy-from-env@^1.1.0:
  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==

 psl@^1.1.24:
@ -3743,7 +3748,7 @@ raw-body@2.3.2:

 react-before-after-slider-component@^1.1.5:
  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/react-before-after-slider-component/-/react-before-after-slider-component-1.1.5.tgz#affef71923b43b6147072b5ff3cc0f5fbcd30362"
+  resolved "https://registry.npmjs.org/react-before-after-slider-component/-/react-before-after-slider-component-1.1.5.tgz"
  integrity sha512-I687klUpBNkn8RPqqyrErtlMf+epAQqzEQD+YZMpGTNKwEXb+CcIadFHGvZpoo5soEUDyXFH6ubdDSMlYtYCbA==

 react-dom@^17.0.2:
@ -3811,7 +3816,7 @@ react-ticker@^1.3.2:

 react-transition-group@2.9.0:
  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.9.0.tgz#df9cdb025796211151a436c69a8f3b97b5b07c8d"
+  resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz"
  integrity sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==
  dependencies:
    dom-helpers "^3.4.0"
@ -3821,7 +3826,7 @@ react-transition-group@2.9.0:

 react-tsparticles@^2.5.3:
  version "2.5.3"
-  resolved "https://registry.yarnpkg.com/react-tsparticles/-/react-tsparticles-2.5.3.tgz#689d1b9da20f3ec0880725d5a38c3c0b50f602aa"
+  resolved "https://registry.npmjs.org/react-tsparticles/-/react-tsparticles-2.5.3.tgz"
  integrity sha512-4wIq3wGcKnnMKz5fXWCQDPWnibCWRoUi/KO13l8vFATg7kcwSkDF52I5mzGFdiftM6d3Amy5x86wDuXGj3dGHg==
  dependencies:
    fast-deep-equal "^3.1.3"
@ -3879,7 +3884,7 @@ regenerator-runtime@^0.13.4:

 regexp.prototype.flags@^1.4.1, regexp.prototype.flags@^1.4.3:
  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
+  resolved "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz"
  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
  dependencies:
    call-bind "^1.0.2"
@ -4054,7 +4059,7 @@ safe-buffer@~5.1.1:

 safe-regex-test@^1.0.0:
  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
+  resolved "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz"
  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
  dependencies:
    call-bind "^1.0.2"
@ -4086,7 +4091,7 @@ semver@^6.3.0:

 semver@^7.3.7:
  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz"
  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
  dependencies:
    lru-cache "^6.0.0"
@ -4129,7 +4134,7 @@ slash@^3.0.0:

 slash@^4.0.0:
  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  resolved "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz"
  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==

 source-map-js@^1.0.2:
@ -4144,7 +4149,7 @@ source-map@^0.5.0, source-map@^0.5.7:

 source-map@^0.7.0:
  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz"
  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==

 space-separated-tokens@^1.0.0:
@ -4179,7 +4184,7 @@ state-toggle@^1.0.0:

 string.prototype.matchall@^4.0.7:
  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz#8e6ecb0d8a1fb1fda470d81acecb2dba057a481d"
+  resolved "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz"
  integrity sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==
  dependencies:
    call-bind "^1.0.2"
@ -4201,7 +4206,7 @@ string.prototype.trimend@^1.0.4:

 string.prototype.trimend@^1.0.5:
  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+  resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz"
  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
  dependencies:
    call-bind "^1.0.2"
@ -4218,7 +4223,7 @@ string.prototype.trimstart@^1.0.4:

 string.prototype.trimstart@^1.0.5:
  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+  resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz"
  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
  dependencies:
    call-bind "^1.0.2"
@ -4251,7 +4256,7 @@ style-to-object@0.3.0, style-to-object@^0.3.0:

 styled-components@^5.3.6:
  version "5.3.6"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.6.tgz#27753c8c27c650bee9358e343fc927966bfd00d1"
+  resolved "https://registry.npmjs.org/styled-components/-/styled-components-5.3.6.tgz"
  integrity sha512-hGTZquGAaTqhGWldX7hhfzjnIYBZ0IXQXkCYdvF1Sq3DsUaLx6+NTHC5Jj1ooM2F68sBiVz3lvhfwQs/S3l6qg==
  dependencies:
    "@babel/helper-module-imports" "^7.0.0"
@ -4267,7 +4272,7 @@ styled-components@^5.3.6:

 styled-jsx@5.0.7:
  version "5.0.7"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.7.tgz#be44afc53771b983769ac654d355ca8d019dff48"
+  resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.7.tgz"
  integrity sha512-b3sUzamS086YLRuvnaDigdAewz1/EFYlHpYBP5mZovKEdQQOIIYq8lApylub3HHZ6xFjV051kkGU7cudJmrXEA==

 styled-system@^5.1.5:
@ -4291,7 +4296,7 @@ styled-system@^5.1.5:

 stylis@4.1.3:
  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz#fd2fbe79f5fed17c55269e16ed8da14c84d069f7"
+  resolved "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz"
  integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==

 supports-color@^5.3.0, supports-color@^5.5.0:
@ -4320,7 +4325,7 @@ swr@^1.3.0:

 synckit@^0.8.4:
  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.4.tgz#0e6b392b73fafdafcde56692e3352500261d64ec"
+  resolved "https://registry.npmjs.org/synckit/-/synckit-0.8.4.tgz"
  integrity sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==
  dependencies:
    "@pkgr/utils" "^2.3.1"
@ -4350,7 +4355,7 @@ theme-ui@^0.14:

 tiny-glob@^0.2.9:
  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
+  resolved "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz"
  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
  dependencies:
    globalyzer "0.1.0"
@ -4423,7 +4428,7 @@ tslib@^2.4.0:

 tsparticles-engine@^2.5.2:
  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/tsparticles-engine/-/tsparticles-engine-2.5.2.tgz#1772e857c452af806602ab0f33c90338d109f8b8"
+  resolved "https://registry.npmjs.org/tsparticles-engine/-/tsparticles-engine-2.5.2.tgz"
  integrity sha512-P2m1E/EIlvEnH9l7OEIpeKXxSn1ThNhWSp6zeRYvH/DntJpI5Oqa/AMrjum15rUzBkMDgRo7XFO4LqRWs8iB/Q==

 tsutils@^3.21.0:
@ -4476,7 +4481,7 @@ unbox-primitive@^1.0.1:

 unbox-primitive@^1.0.2:
  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"
  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
  dependencies:
    call-bind "^1.0.2"
@ -4599,7 +4604,7 @@ uuid@^3.3.2:

 vanilla-tilt@^1.7.3:
  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/vanilla-tilt/-/vanilla-tilt-1.7.3.tgz#1c6a15c1c627e949571167e5421ee82cf465026a"
+  resolved "https://registry.npmjs.org/vanilla-tilt/-/vanilla-tilt-1.7.3.tgz"
  integrity sha512-tdNVZ1JyDNsByplVCS1H3/i/zcGOIrFW5BQp7u9SyXKjNypZw7s89x+GA8kOhUxWOggF4A1E9N55jEF0ttpLjw==

 verror@1.10.0: