Compare commits

...

3 Commits

Author SHA1 Message Date
5b9093a6e7 chore: remove unused css 2024-07-25 16:46:52 +02:00
87e4536713 feat: landing page - responsive cards 2024-07-25 16:29:18 +02:00
3149ba9757 feat: landing page - larger cta button 2024-07-25 16:11:20 +02:00
4 changed files with 21 additions and 30 deletions

View File

@ -32,6 +32,7 @@
flex-direction: column; flex-direction: column;
gap: 25px; gap: 25px;
word-break: break-word;
} }
.icon { .icon {

View File

@ -196,7 +196,17 @@ export const LandingPage = () => {
and verification. and verification.
</Typography> </Typography>
</Typography> </Typography>
<Box display={'grid'} gap={'25px'} gridTemplateColumns="repeat(3, 1fr)"> <Box
display={'grid'}
gap={'25px'}
sx={{
gridTemplateColumns: {
xs: '1fr',
sm: 'repeat(2, 1fr)',
xl: 'repeat(3, 1fr)'
}
}}
>
{cards.map((c, i) => ( {cards.map((c, i) => (
<CardComponent key={i} {...c} /> <CardComponent key={i} {...c} />
))} ))}
@ -213,7 +223,14 @@ export const LandingPage = () => {
create, sign, and verify any document from any device with a browser. create, sign, and verify any document from any device with a browser.
</Typography> </Typography>
<Button variant="contained" onClick={onSignInClick}> <Button
sx={{
fontSize: '22px',
padding: '16px 32px'
}}
variant="contained"
onClick={onSignInClick}
>
GET STARTED GET STARTED
</Button> </Button>

View File

@ -6,31 +6,3 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.landingPage {
display: flex;
flex-direction: column;
align-items: center;
color: $text-color;
min-height: 80vh;
justify-content: center;
padding-top: 20px;
.loginBottomBar {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
background-color: rgba(255, 255, 255, 0.7);
border-top: 1px solid rgba(0, 0, 0, 0.096);
position: fixed;
bottom: 0;
left: 0;
right: 0;
.loginBtn {
// margin-top: 20px;
min-width: 200px;
}
}
}

View File

@ -24,6 +24,7 @@ export const theme = extendTheme({
MuiButton: { MuiButton: {
styleOverrides: { styleOverrides: {
root: { root: {
transition: 'ease 0.4s',
padding: '10px 20px', padding: '10px 20px',
fontSize: '14px', fontSize: '14px',
fontWeight: 'bold', fontWeight: 'bold',