Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 7 additions & 5 deletions src/app/_components/Portal/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,19 +5,17 @@ import { Fragment, useState } from "react"

import { Box, Container, Typography } from "@mui/material"

import GetSCRDialog from "@/app/SCR-sSCR/Header/GetSCRDialog"
import Bridge from "@/assets/svgs/landingpage/bridge.svg"
import Doc from "@/assets/svgs/landingpage/doc.svg"
import Ecosystem from "@/assets/svgs/landingpage/ecosystem.svg"
import Governance from "@/assets/svgs/landingpage/governance.svg"
import Levelup from "@/assets/svgs/landingpage/levelup.svg"
import ScrollOpen from "@/assets/svgs/landingpage/scroll-open.svg"
import Sessions from "@/assets/svgs/landingpage/sessions.svg"
import { BRIDGE_URL, DOC_URL, ECOSYSTEM_URL, LEVEL_UP_URL, SCROLL_OPEN_URL } from "@/constants/link"

import PortalCard from "./PortalCard"

const Portal = () => {
const [getSCROpen, setGetSCROpen] = useState(false)
const BUILDER_LIST = [
{
title: "For builders",
Expand All @@ -32,7 +30,12 @@ const Portal = () => {
items: [
{ icon: Bridge, label: "Bridge", content: "Deposit your assets to Scroll", href: BRIDGE_URL },
{ icon: Ecosystem, label: "Projects", content: "Explore the dApps on Scroll", href: ECOSYSTEM_URL },
{ icon: Sessions, label: "Get SCR", content: "Vote or propose on Scroll", onClick: () => setGetSCROpen(true) },
{
icon: Governance,
label: "SCR",
content: "Vote or propose on Scroll",
onClick: () => (window.location.href = "https://portal.scroll.io/scr"),
},
],
},
]
Expand Down Expand Up @@ -73,7 +76,6 @@ const Portal = () => {
</Fragment>
))}
<Box></Box>
<GetSCRDialog open={getSCROpen} onClose={() => setGetSCROpen(false)} />
</Container>
</Box>
)
Expand Down
30 changes: 4 additions & 26 deletions src/app/join-us/Perks/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -47,34 +47,19 @@ const PERKS = [
// mobileScale: "0.88",
content: "We have always been a fully remote team and Scrollers have the flexibility to choose where and when they work.",
},
{
icon: IconSVG2,
title: "Home office set up",
width: "2.2rem",
// mobileScale: "0.87",
content: "A choice of equipment is provided through our onboarding partner Hofy, along with furniture needed to create a comfortable work space.",
},
{
icon: IconSVG3,
title: "Paid time off",
width: "3.1rem",
// mobileScale: "0.73",
content: "A total of 25 days PTO per year, plus local public holidays, and we encourage everyone to use it.",
},
{
icon: IconSVG4,
title: "Growth budget",
width: "3rem",
// mobileScale: "0.785",
content: "Up to $3,000 USD per year to pursue learning and growth opportunities.",
content: "We offer discretionary paid time off and encourage people to take the time they need to rest and recharge when appropriate.",
},

{
icon: IconSVG5,
title: "Co-working allowance",
width: "2.7rem",
// mobileScale: "0.88",
content: "Up to $300 USD per month for co-working membership for those who prefer to work away from home.",
content: "Up to $200 USD per month for co-working membership for those who prefer to work away from home.",
},
{
icon: IconSVG6,
Expand All @@ -83,19 +68,12 @@ const PERKS = [
// mobileScale: "0.87",
content: "Offered in selected countries, including the US, Canada and the UK.",
},
{
icon: IconSVG7,
title: "Global offsites",
width: "4.3rem",
// mobileScale: "0.73",
content: "We get together in a cool location at least once a year to get to know each other in person, work together, and have fun.",
},
{
icon: IconSVG8,
title: "Team meetups",
width: "3.3rem",
// mobileScale: "0.785",
content: "We encourage teams to meet and work together in person at least once a year.",
content: "We encourage small teams to meet and work together in person once in awhile.",
},
]

Expand Down Expand Up @@ -127,7 +105,7 @@ const Perks = () => {

return (
<SectionWrapper>
<Typography sx={{ fontSize: ["3.2rem", "4.8rem"], mb: ["3.2rem", "5.6rem"] }}>Perks & benefits</Typography>
<Typography sx={{ fontSize: ["3.2rem", "4.8rem"], mb: ["3.2rem", "5.6rem"] }}>Perks and benefit</Typography>
<SuccessionToView className={classes.grid}>
{PERKS.map(({ icon: IconSvg, width, title, content }, index) => (
<SuccessionItem key={index}>
Expand Down
3 changes: 3 additions & 0 deletions src/assets/svgs/landingpage/governance.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.