Skip to content

Commit

Permalink
Finalize Jumbotron section, improve Join Us section
Browse files Browse the repository at this point in the history
  • Loading branch information
ani-kalpachka committed Oct 14, 2022
1 parent 72d15ce commit 3f903a2
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 3 deletions.
18 changes: 15 additions & 3 deletions src/components/index/sections/Jumbotron.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,28 @@ const useStyles = makeStyles(() =>
},
},

textWrapper: {
textAlign: 'left',

[theme.breakpoints.up('md')]: {
paddingLeft: theme.spacing(11),
},
},

heading: {
color: theme.palette.common.white,
fontWeight: 500,
marginBottom: theme.spacing(4),
fontSize: theme.typography.pxToRem(30),
maxWidth: '320px',

[theme.breakpoints.up('md')]: {
fontSize: theme.typography.pxToRem(32),
},

[theme.breakpoints.up('lg')]: {
fontSize: theme.typography.pxToRem(60),
maxWidth: '55%',
fontSize: theme.typography.pxToRem(42),
maxWidth: '47%',
},
},

Expand Down Expand Up @@ -76,7 +88,7 @@ export default function Jumbotron() {
className={classes.jumbotronWrapper}
style={{ backgroundImage: `url(${bannerSource})` }}>
<Container maxWidth="xl">
<Grid item textAlign="left">
<Grid item className={classes.textWrapper}>
<Typography component={'h1'} className={classes.heading}>
{t('index:podkrepi')} -
<br />
Expand Down
8 changes: 8 additions & 0 deletions src/components/index/sections/WantToHelpPodkrepiBg.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,14 @@ export default function WantToHelpPodkrepiBgSection() {
<Typography variant="subtitle1" marginBottom={theme.spacing(2)}>
{t('index:join-podkrepi-bg-section.text')}
</Typography>
<Box sx={{ margin: '30px 0' }}>
<Image
alt="Discord team image"
src={discordTeamImagePath}
width="1189px"
height="789px"
/>
</Box>
<LinkButton variant="contained" href={routes.support} endIcon={<ChevronRightIcon />}>
{t('index:join-podkrepi-bg-section.become-volunteer')}
</LinkButton>
Expand Down

0 comments on commit 3f903a2

Please sign in to comment.