mirror of
https://github.com/System-End/site.git
synced 2026-04-19 23:22:49 +00:00
Design improvements to Fiscal Sponsorship pages (#1088)
This commit is contained in:
parent
a3d5226e2c
commit
4b6974294b
3 changed files with 236 additions and 223 deletions
|
|
@ -46,8 +46,9 @@ function Bullet({ glow = true, icon, href, children }) {
|
|||
baseX * Math.sin((2 * Math.PI * c) / colours.length) +
|
||||
baseY * Math.cos((2 * Math.PI * c) / colours.length)
|
||||
|
||||
boxShadow += `${x * spread}px ${y * spread}px ${blur}px ${colours[c]
|
||||
}${hexOpacity},`
|
||||
boxShadow += `${x * spread}px ${y * spread}px ${blur}px ${
|
||||
colours[c]
|
||||
}${hexOpacity},`
|
||||
}
|
||||
|
||||
// Remove trailing comma
|
||||
|
|
@ -208,10 +209,11 @@ export default function FiscalSponsorship() {
|
|||
height: '1000%',
|
||||
zIndex: -2,
|
||||
backgroundSize: '20px 20px',
|
||||
backgroundImage: `linear-gradient(to right, #23262D 1px, transparent 1px),
|
||||
backgroundImage: `linear-gradient(to right, #23262D 1px, transparent 1px),
|
||||
linear-gradient(to bottom, #23262D 1px, transparent 1px) `,
|
||||
backgroundPosition: 'top left',
|
||||
maskImage: `linear-gradient(180deg, transparent 0%, white 3%)`
|
||||
maskImage: `linear-gradient(180deg, transparent 0%, white 3%)`,
|
||||
opacity: 0.5
|
||||
}}
|
||||
/>
|
||||
<Box
|
||||
|
|
@ -230,7 +232,7 @@ export default function FiscalSponsorship() {
|
|||
filter: 'blur(2rem)',
|
||||
translate: '-50% -50%',
|
||||
// Mask it to the grid background
|
||||
maskImage: `linear-gradient(to right, #23262D 1px, transparent 1px),
|
||||
maskImage: `linear-gradient(to right, #23262D 1px, transparent 1px),
|
||||
linear-gradient(to bottom, #23262D 1px, transparent 1px) `,
|
||||
maskSize: '20px 20px, 20px 20px, cover',
|
||||
maskPosition: '0px 0px'
|
||||
|
|
@ -247,218 +249,225 @@ export default function FiscalSponsorship() {
|
|||
<title>Fiscal Sponsorship | HCB</title>
|
||||
</Meta>
|
||||
|
||||
<Container sx={{ textAlign: 'center', mt: 6 }}>
|
||||
<FlexCol gap={4} alignItems="center">
|
||||
<FlexCol gap={4} alignItems="center">
|
||||
<Text variant="ultratitle">Fiscal sponsorship</Text>
|
||||
<Text variant="title">
|
||||
<Text
|
||||
sx={{
|
||||
color: 'red',
|
||||
textShadow: '0 0 50px var(--theme-ui-colors-red)'
|
||||
}}
|
||||
>
|
||||
501(c)(3) nonprofit{' '}
|
||||
</Text>
|
||||
status in just 24 hours for your mission
|
||||
<Container
|
||||
variant="copy"
|
||||
sx={{ mt: 6, display: 'flex', flexDirection: 'column', gap: 3 }}
|
||||
>
|
||||
<FlexCol gap={4}>
|
||||
<Text variant="title" as="h1">
|
||||
Fiscal sponsorship:
|
||||
<br />
|
||||
<Text
|
||||
sx={{
|
||||
color: 'red',
|
||||
textShadow: '0 0 50px var(--theme-ui-colors-red)'
|
||||
}}
|
||||
>
|
||||
501(c)(3) nonprofit{' '}
|
||||
</Text>
|
||||
</FlexCol>
|
||||
<Text variant="headline">
|
||||
Organizing an event, project, or organization to serve the public
|
||||
good or your community? Consider fiscal sponsorship before the pain
|
||||
of paperwork distracts you from your goals.
|
||||
status in just 24 hours
|
||||
</Text>
|
||||
</FlexCol>
|
||||
<Text variant="headline" as="p" sx={{ fontWeight: 'body' }}>
|
||||
Organizing an event, project, or organization to serve the public good
|
||||
or your community? Consider fiscal sponsorship before the pain of
|
||||
paperwork distracts you from your goals.
|
||||
</Text>
|
||||
|
||||
<FlexCol gap={1} alignItems="center">
|
||||
<Text variant="headline">Jump to:</Text>
|
||||
<BulletBox padding="0">
|
||||
<Link sx={{ fontSize: 2 }} href="#costs-and-perks">
|
||||
Costs and perks of 501(c)(3) status
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#what-is">
|
||||
How fiscal sponsorship works
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#requirements">
|
||||
Requirements for fiscal sponsorship
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#partner">
|
||||
HCB, the #1 fiscal sponsor
|
||||
</Link>
|
||||
</BulletBox>
|
||||
</FlexCol>
|
||||
<Section id="costs-and-perks">
|
||||
<Text variant="title">
|
||||
Why organizers go after 501(c)(3) status
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
Every year, 1.6 million nonprofits in the U.S. apply for and renew
|
||||
501(c)(3) status through the IRS for charitable recognition and
|
||||
tax exemption for their funding. It can take anywhere from 2-12
|
||||
months to hear a decision back from the IRS, and in general,
|
||||
nonprofit organizers should be prepared for:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet glow={false} icon="sad">
|
||||
$3,000 in <b>up-front costs</b>, from
|
||||
<Link href="https://www.irs.gov/charities-non-profits/form-1023-and-1023-ez-amount-of-user-fee">
|
||||
{' '}
|
||||
forms{' '}
|
||||
</Link>
|
||||
to state fees to support from legal counsel
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
The potential for the IRS to <b>reject</b> an application
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
<b>Hiring</b> bookkeepers and accountants to prepare taxes and
|
||||
provide upkeep annually to stay in good standing
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
<b>Closing costs</b> averaging around $5,000 if you lose or
|
||||
terminate status
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
</Section>
|
||||
<Text variant="lead">
|
||||
Legal status sounds great and all, but why go through the hassle of
|
||||
applying when it’s so expensive and time consuming?
|
||||
<FlexCol gap={1} alignItems="center">
|
||||
<Text variant="headline">Jump to:</Text>
|
||||
<BulletBox padding="0">
|
||||
<Link sx={{ fontSize: 2 }} href="#costs-and-perks">
|
||||
Costs and perks of 501(c)(3) status
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#what-is">
|
||||
How fiscal sponsorship works
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#requirements">
|
||||
Requirements for fiscal sponsorship
|
||||
</Link>
|
||||
<Link sx={{ fontSize: 2 }} href="#partner">
|
||||
HCB, the #1 fiscal sponsor
|
||||
</Link>
|
||||
</BulletBox>
|
||||
</FlexCol>
|
||||
<Section id="costs-and-perks">
|
||||
<Text variant="title" as="h2">
|
||||
Why organizers go after 501(c)(3) status
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
Because as a legally recognized 501(c)(3) nonprofit in the U.S.,
|
||||
your organization gains access to loads of legal tax benefits like:
|
||||
Every year, 1.6 million nonprofits in the U.S. apply for and renew
|
||||
501(c)(3) status through the IRS for charitable recognition and tax
|
||||
exemption for their funding. It can take anywhere from 2-12 months
|
||||
to hear a decision back from the IRS, and in general, nonprofit
|
||||
organizers should be prepared for:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet glow={false} icon="sad">
|
||||
$3,000 in <b>up-front costs</b>, from
|
||||
<Link href="https://www.irs.gov/charities-non-profits/form-1023-and-1023-ez-amount-of-user-fee">
|
||||
{' '}
|
||||
forms{' '}
|
||||
</Link>
|
||||
to state fees to support from legal counsel
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
The potential for the IRS to <b>reject</b> an application
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
<b>Hiring</b> bookkeepers and accountants to prepare taxes and
|
||||
provide upkeep annually to stay in good standing
|
||||
</Bullet>
|
||||
<Bullet glow={false} icon="sad">
|
||||
<b>Closing costs</b> averaging around $5,000 if you lose or
|
||||
terminate status
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
</Section>
|
||||
<Text variant="lead">
|
||||
Though it’s expensive and time consuming to apply, being a
|
||||
legally-recognized 501(c)(3) nonprofit in the U.S., your organization
|
||||
gains:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet icon="payment">
|
||||
The ability to receive <b>tax deductible donations</b> from
|
||||
sponsors.
|
||||
</Bullet>
|
||||
<Bullet icon="member-add">
|
||||
Reduced taxable income for your U.S. supporters, which
|
||||
<b> incentivizes giving</b>.
|
||||
</Bullet>
|
||||
<Bullet icon="leader">
|
||||
<b>Exemption</b> from U.S. federal income tax and unemployment tax.
|
||||
</Bullet>
|
||||
<Bullet icon="bolt">
|
||||
Potential exemption from state income, sales, and employment taxes.
|
||||
</Bullet>
|
||||
<Bullet icon="email">
|
||||
Potential for reduced rates on postage, marketing, advertising,
|
||||
legal counsel, and more.
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
<Text variant="lead">
|
||||
Unfortunately between the costs and time needed to organize a
|
||||
nonprofit, many charitable initiatives are prevented from exiting an
|
||||
idea phase or progressing at a pace originally hoped. Imagine how much
|
||||
more valuable impact could happen on the world if these barriers
|
||||
didn’t exist.
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
As it turns out, there’s an alternative route for startups,
|
||||
student-led initiatives, or anyone looking to avoid a headache with
|
||||
the IRS to obtain all the benefits of 501(c)(3) status. That’s where
|
||||
fiscal sponsorship comes in.
|
||||
</Text>
|
||||
<Section id="what-is">
|
||||
<Text variant="title" as="h2">
|
||||
Fiscal sponsorship?
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
By legally working with an existing nonprofit offering fiscal
|
||||
sponsorship, projects and events can claim most of the legal
|
||||
benefits of individual 501(c)(3) status. Piggy-backing off this
|
||||
existing status, organizations also gain access to resources from
|
||||
their fiscal sponsor like:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet icon="docs">
|
||||
Bookkeeping and administration to ensure that all paperwork and
|
||||
taxes are filed
|
||||
</Bullet>
|
||||
<Bullet icon="bag">
|
||||
Fully established HR and benefits, which can vary by the fiscal
|
||||
sponsor
|
||||
</Bullet>
|
||||
<Bullet icon="admin">
|
||||
Waived responsibility to organize a board of directors
|
||||
</Bullet>
|
||||
<Bullet icon="payment">
|
||||
The ability to receive <b>tax deductible donations</b> from
|
||||
sponsors.
|
||||
Fully transparent operational fees, typically ranging from 7-12%
|
||||
that prevent you from paying typical operating costs.
|
||||
</Bullet>
|
||||
<Bullet icon="member-add">
|
||||
Reduced taxable income for your U.S. supporters, which
|
||||
<b> incentivizes giving</b>.
|
||||
</Bullet>
|
||||
<Bullet icon="leader">
|
||||
<b>Exemption</b> from U.S. federal income tax and unemployment
|
||||
tax.
|
||||
</Bullet>
|
||||
<Bullet icon="bolt">
|
||||
Potential exemption from state income, sales, and employment
|
||||
taxes.
|
||||
</Bullet>
|
||||
<Bullet icon="email">
|
||||
Potential for reduced rates on postage, marketing, advertising,
|
||||
legal counsel, and more.
|
||||
<Bullet icon="door-leave">
|
||||
The ability to terminate your fiscal sponsorship agreement and
|
||||
file for separate tax-exempt status at any point.
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
<Text variant="lead">
|
||||
Unfortunately between the costs and time needed to organize a
|
||||
nonprofit, many charitable initiatives are prevented from exiting an
|
||||
idea phase or progressing at a pace originally hoped. Imagine how
|
||||
much more valuable impact could happen on the world if these
|
||||
barriers didn’t exist.
|
||||
If you’re brand new to nonprofit organizing or unsure where your
|
||||
project will take you, fiscal sponsorship is a great tool to help
|
||||
manage your finances and gauge whether becoming an independent
|
||||
nonprofit down the line is practical or financially feasible.
|
||||
</Text>
|
||||
</Section>
|
||||
<Section id="requirements">
|
||||
<Text variant="title" as="h2">
|
||||
Requirements for fiscal sponsorship
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
As it turns out, there’s an alternative route for startups,
|
||||
student-led initiatives, or anyone looking to avoid a headache with
|
||||
the IRS to obtain all the benefits of 501(c)(3) status. That’s where
|
||||
fiscal sponsorship comes in.
|
||||
Depending on the fiscal sponsor you choose, requirements for working
|
||||
together can vary. Fiscal sponsors generally ask that your
|
||||
nonprofit’s goals be similar to theirs. They also usually ask that
|
||||
your organization or event commits to remaining charitable in nature
|
||||
and refrains from activities that may result in loss of 501(c)(3)
|
||||
status.
|
||||
</Text>
|
||||
<Section id="what-is">
|
||||
<Text variant="title">Fiscal Sponsorship?</Text>
|
||||
<Text variant="lead">
|
||||
By legally working with an existing nonprofit offering fiscal
|
||||
sponsorship, projects and events can claim most of the legal
|
||||
benefits of individual 501(c)(3) status. Piggy-backing off this
|
||||
existing status, organizations also gain access to resources from
|
||||
their fiscal sponsor like:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet icon="docs">
|
||||
Bookkeeping and administration to ensure that all paperwork and
|
||||
taxes are filed
|
||||
</Bullet>
|
||||
<Bullet icon="bag">
|
||||
Fully established HR and benefits, which can vary by the fiscal
|
||||
sponsor
|
||||
</Bullet>
|
||||
<Bullet icon="admin">
|
||||
Waived responsibility to organize a board of directors
|
||||
</Bullet>
|
||||
<Bullet icon="payment">
|
||||
Fully transparent operational fees, typically ranging from 7-12%
|
||||
that prevent you from paying typical operating costs.
|
||||
</Bullet>
|
||||
<Bullet icon="door-leave">
|
||||
The ability to terminate your fiscal sponsorship agreement and
|
||||
file for separate tax-exempt status at any point.
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
<Text variant="lead">
|
||||
If you’re brand new to nonprofit organizing or unsure where your
|
||||
project will take you, fiscal sponsorship is a great tool to help
|
||||
manage your finances and gauge whether becoming an independent
|
||||
nonprofit down the line is practical or financially feasible.
|
||||
</Text>
|
||||
</Section>
|
||||
<Section id="requirements">
|
||||
<Text variant="title">Requirements for Fiscal Sponsorship</Text>
|
||||
<Text variant="lead">
|
||||
Depending on the fiscal sponsor you choose, requirements for
|
||||
working together can vary. Fiscal sponsors generally ask that your
|
||||
nonprofit’s goals be similar to theirs. They also usually ask that
|
||||
your organization or event commits to remaining charitable in
|
||||
nature and refrains from activities that may result in loss of
|
||||
501(c)(3) status.
|
||||
</Text>
|
||||
</Section>
|
||||
|
||||
<Section id="partner">
|
||||
<Text variant="title">HCB, the #1 fiscal sponsor</Text>
|
||||
<Text variant="lead">
|
||||
While many fiscal sponsors require that their partners relate to
|
||||
their mission in similar ways, at HCB, we’ve built our
|
||||
infrastructure to support hundreds of causes in all areas of
|
||||
charitability.
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
Check out some of the resources we’ve built our fiscal sponsorship
|
||||
foundation on:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet icon="bank-account">
|
||||
A beautiful web interface to manage finances
|
||||
</Bullet>
|
||||
<Bullet icon="transactions">
|
||||
Fee-free invoicing, ACH or check transfers, and reimbursements
|
||||
</Bullet>
|
||||
<Bullet icon="link">
|
||||
A customizable and embeddable donations URL
|
||||
</Bullet>
|
||||
<Bullet icon="card-add">
|
||||
A fun and routing number to connect to external platforms, like
|
||||
Shopify and GoFundMe
|
||||
</Bullet>
|
||||
<Bullet icon="purse">
|
||||
Perks like PVSA certification, newsletter software, and
|
||||
1Password credits
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
<Text variant="lead">
|
||||
Looking for nonprofit status and not a religious or political
|
||||
organization? We’d love to meet you and chat about working
|
||||
together. Feel free to apply
|
||||
<Link href="https://hackclub.com/fiscal-sponsorship/#apply"> here </Link>or
|
||||
<Link href="mailto:hcb@hackclub.com"> email our team </Link>if you
|
||||
have more questions about fiscal sponsorship!
|
||||
</Text>
|
||||
</Section>
|
||||
</Section>
|
||||
|
||||
<Section id="partner">
|
||||
<Text variant="title" as="h2">
|
||||
HCB, the #1 fiscal sponsor
|
||||
</Text>
|
||||
<Text variant="lead">
|
||||
At its core, Hack Club is a nonprofit encouraging students to learn
|
||||
how to code by building and making cool things. HCB was built out by
|
||||
teenagers at Hack Club and continues to be a real-world space
|
||||
that high schoolers can contribute to every day.
|
||||
While many fiscal sponsors require that their partners relate to
|
||||
their mission in similar ways, at HCB, we’ve built our
|
||||
infrastructure to support hundreds of causes in all areas of
|
||||
charitability.
|
||||
</Text>
|
||||
</FlexCol>
|
||||
<Text variant="lead">
|
||||
Check out some of the resources we’ve built our fiscal sponsorship
|
||||
foundation on:
|
||||
</Text>
|
||||
<BulletBox>
|
||||
<Bullet icon="bank-account">
|
||||
A beautiful web interface to manage finances
|
||||
</Bullet>
|
||||
<Bullet icon="transactions">
|
||||
Fee-free invoicing, ACH or check transfers, and reimbursements
|
||||
</Bullet>
|
||||
<Bullet icon="link">
|
||||
A customizable and embeddable donations URL
|
||||
</Bullet>
|
||||
<Bullet icon="card-add">
|
||||
An account & routing number to connect to external platforms, like
|
||||
Shopify and GoFundMe
|
||||
</Bullet>
|
||||
<Bullet icon="purse">
|
||||
Perks like PVSA certification, newsletter software, and 1Password
|
||||
credits
|
||||
</Bullet>
|
||||
</BulletBox>
|
||||
<Text variant="lead">
|
||||
Looking for nonprofit status and not a religious or political
|
||||
organization? We’d love to meet you and chat about working together.
|
||||
Feel free to apply
|
||||
<Link href="https://hackclub.com/fiscal-sponsorship/#apply">
|
||||
{' '}
|
||||
here{' '}
|
||||
</Link>
|
||||
or
|
||||
<Link href="mailto:hcb@hackclub.com"> email our team </Link>if you
|
||||
have more questions about fiscal sponsorship!
|
||||
</Text>
|
||||
</Section>
|
||||
|
||||
<Text variant="lead">
|
||||
At its core, Hack Club is a nonprofit encouraging students to learn
|
||||
how to code by building and making cool things. HCB was built out by
|
||||
teenagers at Hack Club and continues to be a real-world space
|
||||
that high schoolers can contribute to every day.
|
||||
</Text>
|
||||
</Container>
|
||||
<Box
|
||||
sx={{
|
||||
|
|
|
|||
|
|
@ -17,11 +17,10 @@ import Footer from '../../components/footer'
|
|||
import Icon from '../../components/icon'
|
||||
import Features from '../../components/fiscal-sponsorship/first/features'
|
||||
|
||||
import Form from '../../components/fiscal-sponsorship/first/form'
|
||||
import Testimonials from '../../components/fiscal-sponsorship/first/testimonials'
|
||||
import Steps from '../../components/fiscal-sponsorship/first/steps'
|
||||
import Start from '../../components/fiscal-sponsorship/first/start'
|
||||
import theme from '@hackclub/theme'
|
||||
import { Balancer } from 'react-wrap-balancer'
|
||||
|
||||
export default function First({ stats }) {
|
||||
return (
|
||||
|
|
@ -58,36 +57,39 @@ export default function First({ stats }) {
|
|||
alignItems: 'center'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
<Container
|
||||
sx={{
|
||||
width: '100%',
|
||||
mx: 'auto',
|
||||
px: '16px',
|
||||
px: 3,
|
||||
backdropFilter: 'blur(1.5px)'
|
||||
}}
|
||||
>
|
||||
<Heading
|
||||
as="h1"
|
||||
variant="ultratitle"
|
||||
sx={{
|
||||
textAlign: 'center',
|
||||
mt: [5, null, 6],
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)'
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)',
|
||||
maxWidth: 'container'
|
||||
}}
|
||||
as="h1"
|
||||
variant="ultratitle"
|
||||
>
|
||||
The ultimate financial tool for{' '}
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
WebkitTextStroke: theme => theme.colors.blue,
|
||||
WebkitTextStrokeWidth: '1px',
|
||||
WebkitTextFillColor: theme => theme.colors.white,
|
||||
textShadow: theme => `0 0 12px ${theme.colors.blue}`
|
||||
}}
|
||||
>
|
||||
FRC, FTC, and FLL teams
|
||||
</Text>
|
||||
.
|
||||
<Balancer>
|
||||
The ultimate financial tool for{' '}
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
WebkitTextStroke: theme => theme.colors.blue,
|
||||
WebkitTextStrokeWidth: '1px',
|
||||
WebkitTextFillColor: theme => theme.colors.white,
|
||||
textShadow: theme => `0 0 12px ${theme.colors.blue}`
|
||||
}}
|
||||
>
|
||||
FRC, FTC, and FLL teams
|
||||
</Text>
|
||||
.
|
||||
</Balancer>
|
||||
</Heading>
|
||||
<Badge
|
||||
variant="pill"
|
||||
|
|
@ -130,6 +132,7 @@ export default function First({ stats }) {
|
|||
</Box>
|
||||
</Badge>
|
||||
<Container
|
||||
as="p"
|
||||
sx={{
|
||||
fontSize: [2, 3, 3],
|
||||
textAlign: 'center',
|
||||
|
|
@ -170,7 +173,7 @@ export default function First({ stats }) {
|
|||
Download this page
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
</Container>
|
||||
</Box>
|
||||
|
||||
<Features />
|
||||
|
|
|
|||
|
|
@ -332,7 +332,7 @@ export default function Page() {
|
|||
|
||||
<Box id="fees" as="section" sx={{ position: 'relative', py: 5 }}>
|
||||
<Container>
|
||||
<Grid columns={[null, 2]} gap={5}>
|
||||
<Grid columns={[null, null, 2]} gap={5}>
|
||||
<div>
|
||||
<Text
|
||||
variant="title"
|
||||
|
|
@ -393,7 +393,7 @@ export default function Page() {
|
|||
</Box>
|
||||
<Box as="section" bg="snow" sx={{ py: 5 }}>
|
||||
<Container>
|
||||
<Grid columns={[null, 2]} gap={[4, 5]}>
|
||||
<Grid columns={[null, null, 2]} gap={[4, 5]}>
|
||||
<div>
|
||||
<Heading
|
||||
variant="headline"
|
||||
|
|
@ -463,7 +463,7 @@ export default function Page() {
|
|||
|
||||
<Container>
|
||||
<Grid
|
||||
columns={[null, 2]}
|
||||
columns={[null, null, 2]}
|
||||
gap={[4, 5]}
|
||||
sx={{ py: 5, p: { fontSize: 2 } }}
|
||||
>
|
||||
|
|
@ -541,6 +541,7 @@ export default function Page() {
|
|||
mixBlendMode: 'screen',
|
||||
color: 'black !important',
|
||||
fontSize: [72, 96],
|
||||
borderRadius: [48, 75],
|
||||
py: 4,
|
||||
px: [4, null, 6],
|
||||
lineHeight: 0.9,
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue