From 6847fe1929b6263d710793f9a5d84564fdaed3fa Mon Sep 17 00:00:00 2001
From: Belle <bellesee1212@gmail.com>
Date: Fri, 16 Dec 2022 16:32:13 -0500
Subject: [PATCH] wahoo

---
 components/index/cards/bank.js      |   2 +-
 components/index/cards/button.js    |   4 +-
 components/index/cards/sinerider.js |   2 +-
 components/index/cards/sprig.js     |   2 +-
 pages/index.js                      | 111 ++++++++++++++--------------
 5 files changed, 59 insertions(+), 62 deletions(-)

diff --git a/components/index/cards/bank.js b/components/index/cards/bank.js
index 94f4ecdc..6811a2f7 100644
--- a/components/index/cards/bank.js
+++ b/components/index/cards/bank.js
@@ -24,7 +24,7 @@ export default function Bank({ data }) {
         color="white"
         sx={{
           backgroundColor: 'dark',
-          minHeight: ['300px', '400px', '350px'],
+          minHeight: ['300px', '400px', '380px'],
           backgroundColor: 'darkless',
           backgroundImage: `url('https://icons.hackclub.com/api/icons/0x29282C/glyph:bank-account.svg')`,
           backgroundSize: '40px 40px',
diff --git a/components/index/cards/button.js b/components/index/cards/button.js
index 0f8fc9b4..558cd9b8 100644
--- a/components/index/cards/button.js
+++ b/components/index/cards/button.js
@@ -34,8 +34,8 @@ export default function Buttons({ children, icon, id, content, link, primary, ..
           display: 'flex',
           alignItems: 'center',
           color: 'inherit',
-          px: 3,
-          py: primary != null ? 2 : 1,
+          px: '3',
+          py: primary != null ? '5px' : 1,
           width: 'fit-content',
           textTransform: 'none',
           fontWeight: '400',
diff --git a/components/index/cards/sinerider.js b/components/index/cards/sinerider.js
index ad537d38..b5effd46 100644
--- a/components/index/cards/sinerider.js
+++ b/components/index/cards/sinerider.js
@@ -66,7 +66,7 @@ export default function Sinerider({ stars }) {
           </Text>
           <Flex sx={{ flexDirection: 'column', mt: [3, 3, 4] }}>
             <Buttons
-              content="you could create the art, be a scene maker, or write graphics rendering code"
+              // content="you could create the art, be a scene maker, or write graphics rendering code"
               id="4"
               icon="rainbow"
               href="https://github.com/hackclub/sinerider/#readme"
diff --git a/components/index/cards/sprig.js b/components/index/cards/sprig.js
index 76ce8add..0087862a 100644
--- a/components/index/cards/sprig.js
+++ b/components/index/cards/sprig.js
@@ -238,7 +238,7 @@ export default function Sprig({ stars, game, gameImage, gameImage1 }) {
               Review games / build the engine
             </Buttons>
             <Buttons
-              content="we're all hanging out in #sprig on Slack"
+              // content="we're all hanging out in #sprig on Slack"
               id="9"
               icon="friend"
               link="/slack"
diff --git a/pages/index.js b/pages/index.js
index 34b8c34b..924c1d47 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -707,9 +707,6 @@ function Page({
                 margin: 'auto'
               }}
             >
-              {/* <Text variant="eyebrow" as="p">
-                Hack Clubbers
-              </Text> */}
               <Text variant="title" sx={{ fontSize: ['36px', 4, 5] }}>
                 Find your{' '}
                 <Text
@@ -844,60 +841,6 @@ function Page({
                   }}
                 />
               </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)' },
-                  textDecoration: 'none',
-                  position: 'relative',
-                  '.icon': {
-                    transition:
-                      'transform 0.25s ease-in-out, opacity 0.25s ease-in-out'
-                  },
-                  ':hover,:focus': {
-                    '.icon': {
-                      transform: 'translateX(28px) translateY(-28px)',
-                      opacity: 0
-                    }
-                  }
-                }}
-                as="a"
-                href="/clubs"
-                variant="interactive"
-                target="_blank"
-                rel="noopener"
-              >
-                <Icon
-                  glyph="external"
-                  size={32}
-                  className="icon"
-                  sx={{
-                    position: 'absolute',
-                    top: 2,
-                    right: 2,
-                    opacity: 0.3,
-                    fontSize: ['18px', '20px', '22px'],
-                    zIndex: 3,
-                    color: 'white !important'
-                  }}
-                />
-                <Stage
-                  icon="clubs"
-                  color="white"
-                  name="Start a club"
-                  desc="Build an in-person community of high school hackers, and we're here to help."
-                  sx={{
-                    p: {
-                      fontSize: ['18px', '20px', '22px']
-                    },
-                    h3: {
-                      fontSize: ['22px', 2, 3]
-                    }
-                  }}
-                />
-              </Card>
               <Card
                 sx={{
                   background:
@@ -952,6 +895,60 @@ function Page({
                   }}
                 />
               </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)' },
+                  textDecoration: 'none',
+                  position: 'relative',
+                  '.icon': {
+                    transition:
+                      'transform 0.25s ease-in-out, opacity 0.25s ease-in-out'
+                  },
+                  ':hover,:focus': {
+                    '.icon': {
+                      transform: 'translateX(28px) translateY(-28px)',
+                      opacity: 0
+                    }
+                  }
+                }}
+                as="a"
+                href="/clubs"
+                variant="interactive"
+                target="_blank"
+                rel="noopener"
+              >
+                <Icon
+                  glyph="external"
+                  size={32}
+                  className="icon"
+                  sx={{
+                    position: 'absolute',
+                    top: 2,
+                    right: 2,
+                    opacity: 0.3,
+                    fontSize: ['18px', '20px', '22px'],
+                    zIndex: 3,
+                    color: 'white !important'
+                  }}
+                />
+                <Stage
+                  icon="clubs"
+                  color="white"
+                  name="Start a club"
+                  desc="Build an in-person community of high school hackers, and we're here to help."
+                  sx={{
+                    p: {
+                      fontSize: ['18px', '20px', '22px']
+                    },
+                    h3: {
+                      fontSize: ['22px', 2, 3]
+                    }
+                  }}
+                />
+              </Card>
             </Grid>
             <MailingList />
           </Box>