diff --git a/components/fiscal-sponsorship/features.js b/components/fiscal-sponsorship/features.js
index dd10fd40d..22555f70f 100644
--- a/components/fiscal-sponsorship/features.js
+++ b/components/fiscal-sponsorship/features.js
@@ -1,15 +1,17 @@
-import { Flex, Box, Heading, Link, Text, Container, Grid } from 'theme-ui'
+import { Box, Heading, Link, Text, Container, Grid } from 'theme-ui'
import Icon from '../icon'
-import Balancer from 'react-wrap-balancer'
+import { Balancer } from 'react-wrap-balancer'
+import Image from 'next/image'
+import imgLaptop from '../../public/fiscal-sponsorship/laptop.png'
export default function Features() {
return (
-
- Financial tools for your nonprofit,
-
- built by a nonprofit.
+
+
+ Powerful financial tools built by our nonprofit, for yours.
+
Unlike other fiscal sponsors, we don’t license software from
@@ -26,7 +28,7 @@ export default function Features() {
-
+
@@ -94,10 +95,12 @@ function Module({ icon, name, body }) {
m: 0
}}
>
-
- {name}
- {' '}
- {body}
+
+
+ {name}
+ {' '}
+ {body}
+
)
@@ -105,14 +108,16 @@ function Module({ icon, name, body }) {
function Laptop({ href, title, sx }) {
return (
-
- 
+
+
+ See Reboot’s finances in Transparency Mode
+
)
}
diff --git a/components/nav.js b/components/nav.js
index 0bccb83de..9f3760363 100644
--- a/components/nav.js
+++ b/components/nav.js
@@ -33,8 +33,8 @@ const fixed = props =>
border-bottom: 1px solid rgba(48, 48, 48, 0.125);
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
background-color: ${props.transparent
- ? 'transparent'
- : rgbaBgColor(props, 0.75)};
+ ? 'transparent'
+ : rgbaBgColor(props, 0.75)};
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
/* {bg}; to support dark mode later */
@@ -52,18 +52,12 @@ const Root = styled(Box)`
}
`
-export const Content = styled(Box)`
+export const Content = styled(Container)`
display: flex;
align-items: center;
justify-content: space-between;
- max-width: 1024px;
- margin: auto;
position: relative;
z-index: 2;
- padding-left: ${theme.space[3]}px;
- @media (min-width: ${theme.breakpoints[2]}em) {
- padding: 0 ${theme.space[4]}px;
- }
`
const hoverColor = name =>
@@ -74,7 +68,7 @@ const hoverColor = name =>
slate: 'black',
black: 'slate',
primary: 'error'
- })[name] || 'black'
+ }[name] || 'black')
const slide = keyframes({
from: { transform: 'translateY(-25%)', opacity: 0 },
@@ -99,7 +93,6 @@ const layout = props =>
font-weight: bold;
font-size: ${theme.fontSizes[2]}px;
width: 100vw;
- max-width: 18rem;
&:not(:last-child) {
border-bottom: 1px solid rgba(48, 48, 48, 0.125);
}
@@ -114,8 +107,7 @@ const layout = props =>
justify-content: flex-end;
}
a {
- font-size: ${theme.fontSizes[1]}px;
- text-transform: uppercase;
+ font-size: 18px;
&:hover {
color: ${theme.colors[hoverColor(props.color)]};
}
@@ -125,7 +117,7 @@ const NavBar = styled(Box)`
display: none;
${layout};
a {
- margin-left: ${theme.space[3]}px;
+ margin-left: ${theme.space[1]}px;
padding: ${theme.space[3]}px;
text-decoration: none;
@media (min-width: 56em) {
@@ -135,6 +127,7 @@ const NavBar = styled(Box)`
`
const Navigation = props => (
+ // REMINDER: This should be no more than 7 links :)
Clubs
@@ -205,13 +198,13 @@ function Header({ unfixed, color, bgColor, dark, fixed, ...props }) {
const baseColor = dark
? color || 'white'
: color === 'white' && scrolled
- ? 'black'
- : color
+ ? 'black'
+ : color
const toggleColor = dark
? color || 'snow'
: toggled || (color === 'white' && scrolled)
- ? 'slate'
- : color
+ ? 'slate'
+ : color
return (
-
+
+
+
+
-
+
-
-
- The home of hackathons, mutual aid groups, climate and social
- justice organizations, and more.
-
-
+ {/*
+ Powering nonprofits at every scale
+ */}
+
+
+
+
+
{organizations
// .map(org => new Organization(org))
@@ -264,7 +278,7 @@ export default function Page() {
minHeight: 128,
color: 'white',
cursor: 'pointer',
- textShadow: '0 1px 4px rgba(0, 0, 0, 0.375)',
+ textShadow: '0 1px 4px rgba(0, 0, 0, 0.5)',
textDecoration: 'none',
backgroundColor: 'black',
backgroundSize: 'cover',
@@ -281,7 +295,7 @@ export default function Page() {
rowGap: 2
}}
style={{
- backgroundImage: `linear-gradient(rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.5) 75%), url('${organization.background_image}')`
+ backgroundImage: `linear-gradient(rgba(0,0,0,0.375) 0%, rgba(0,0,0,0.5) 75%), url('${organization.background_image}')`
}}
>
No legal fees.
+ No startup fees.
+
No transaction fees.
No card issuing fees.
No subscription fees.
- No minimum balance.
-
No check deposit fees.
No credit card processing fees.
@@ -422,6 +435,7 @@ export default function Page() {
src={`/fiscal-sponsorship/${file}`}
width={128}
height={128}
+ loading="lazy"
alt={file.split('.')[0].toUpperCase()}
/>
))}
@@ -552,9 +566,7 @@ export default function Page() {
-
- 1,500+ organizations on HCB have processed over $20,000,000.
-
+ No startup fees, no minimum balance.
diff --git a/public/fiscal-sponsorship/128.png b/public/fiscal-sponsorship/128.png
index 938e9c540..77c1e0f67 100644
Binary files a/public/fiscal-sponsorship/128.png and b/public/fiscal-sponsorship/128.png differ
diff --git a/public/fiscal-sponsorship/apply/party-orpheus.svg b/public/fiscal-sponsorship/apply/party-orpheus.svg
index c1a697996..fbb91e613 100644
--- a/public/fiscal-sponsorship/apply/party-orpheus.svg
+++ b/public/fiscal-sponsorship/apply/party-orpheus.svg
@@ -1,31 +1,31 @@
\ No newline at end of file
+
diff --git a/public/fiscal-sponsorship/fff-uganda.png b/public/fiscal-sponsorship/fff-uganda.png
index 889deb055..b357d5793 100644
Binary files a/public/fiscal-sponsorship/fff-uganda.png and b/public/fiscal-sponsorship/fff-uganda.png differ
diff --git a/public/fiscal-sponsorship/first.png b/public/fiscal-sponsorship/first.png
index 8871c9c94..387e2bde3 100644
Binary files a/public/fiscal-sponsorship/first.png and b/public/fiscal-sponsorship/first.png differ
diff --git a/public/fiscal-sponsorship/laptop.png b/public/fiscal-sponsorship/laptop.png
index 4fc496384..d224f058e 100644
Binary files a/public/fiscal-sponsorship/laptop.png and b/public/fiscal-sponsorship/laptop.png differ
diff --git a/public/fiscal-sponsorship/og-image.png b/public/fiscal-sponsorship/og-image.png
index 5f1989044..c70bebb9d 100644
Binary files a/public/fiscal-sponsorship/og-image.png and b/public/fiscal-sponsorship/og-image.png differ