System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 22:05:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Amend features section for FIRST teams that join Hack Club Bank

Browse source
This commit is contained in:
Ella 2022-11-15 21:16:50 -05:00
parent 53f5f8271d
commit 6b6595bb2e
1 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
components/bank/first/features.js
View file

@ -83,7 +83,7 @@ export default function Features() {
<Module
icon="card"
name="Debit cards"
body={<>Issue physical debit cards to all your teammates.</>}
body="Issue physical debit cards to all your teammates."
/>
<Module
@ -97,7 +97,7 @@ export default function Features() {
name="Reimbursement flow"
body="Reimburse teammates for expenses with flexible money transfer options including ACH, PayPal, mailed checks, and more."
/>
<Fade bottom>
{/* <Fade bottom>
<Tilt>
<Card
as="div"
@ -110,7 +110,13 @@ export default function Features() {
}}
/>
</Tilt>
</Fade>
</Fade> */}
<Module
icon="explore"
name="Transparency Grant"
body="Get a $250 grant when you join, available for the first 1,000 teams who sign up before June 1st, 2023."
iconColor="#D4AF37"
/>
<Module
icon="support"
name="Support anytime"
@ -249,7 +255,7 @@ export default function Features() {
<Module
icon="rep"
name="No start-up costs"
body="All fees waived on your first $25k for the 2022-23 season. Then, just 7% of revenue. "
body="All fees waived on your first $25k for the 2022-23 season. Then, just 7% of revenue (as compared to 10-14% charged by other fiscal sponsors). "
/>
</Masonry>
</Container>
@ -322,19 +328,23 @@ export default function Features() {
)
}
function Module({ icon, name, body }) {
function Module({ icon, name, body, iconColor }) {
return (
<Fade bottom>
<Card
variant="primary"
sx={{ display: 'flex', flexDirection: 'column', p: [4, null, 4] }}
sx={{
display: 'flex',
flexDirection: 'column',
p: [4, null, 4]
}}
className="post"
>
<Box
as="span"
sx={{
width: 'fit-content',
bg: 'primary',
background: iconColor || 'primary',
borderRadius: 'default',
lineHeight: 0,
p: 1,
@ -350,7 +360,13 @@ function Module({ icon, name, body }) {
</Box>
<Box>
<Heading sx={{ color: 'snow', lineHeight: '1.5' }}>{name}</Heading>
<Text sx={{ color: 'muted', lineHeight: '1.375', fontSize: 17 }}>
<Text
sx={{
color: 'muted',
lineHeight: '1.375',
fontSize: 17
}}
>
{body}
</Text>
</Box>