home: styled interested section

This commit is contained in:
desmukh 2023-01-08 22:16:22 +05:00
parent 44476c73d1
commit c8f1bcfd0a

View File

@ -4,7 +4,7 @@ import { Link as GatsbyLink, graphql } from "gatsby"
import Bio from "../components/bio" import Bio from "../components/bio"
import Layout from "../components/layout" import Layout from "../components/layout"
import Seo from "../components/seo" import Seo from "../components/seo"
import { Box, Button, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material" import { Box, Button, Link, List, ListItem, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material"
import EastIcon from '@mui/icons-material/East' import EastIcon from '@mui/icons-material/East'
import { H1Separator, H2Separator } from "../components/heading-separators" import { H1Separator, H2Separator } from "../components/heading-separators"
@ -72,7 +72,7 @@ const BlogIndex = ({ data, location }) => {
</List> </List>
</Box> </Box>
<H2Separator title1="Interested?" title2="Work with us" component="h3" /> <H2Separator title1="Interested?" title2="Work with us" component="h3" />
<Typography> <Typography lineHeight={1.2} pb={3}>
We build technologies and infrastructure to empower users to make a We build technologies and infrastructure to empower users to make a
positive impact on the world. All of our services reflect our commitment positive impact on the world. All of our services reflect our commitment
to our core values: to our core values:
@ -85,21 +85,33 @@ const BlogIndex = ({ data, location }) => {
key={label} key={label}
variant="outlined" variant="outlined"
fullWidth fullWidth
sx={{
fontSize: 21,
textTransform: "capitalize",
fontWeight: 700,
py: 1,
lineHeight: 1,
}}
> >
{label} {label}
</Button> </Button>
))} ))}
</Stack> </Stack>
<Typography> <Typography fontSize={12} pt={1} pb={4.5}>
You can consult our expanded list of values{" "} You can consult our expanded list of values{" "}
<Link component={GatsbyLink} to="/"> <Link underline="always" component={GatsbyLink} to="/">
here here
</Link> </Link>
. .
</Typography> </Typography>
<Box display="flex" justifyContent="center"> <Box display="flex" justifyContent="center">
<Button variant="contained" color="secondary"> <Button
variant="contained"
color="secondary"
sx={{ textTransform: "none", fontSize: 12, p: 1.5 }}
disableElevation
>
Contact us at hello@autonomic.zone Contact us at hello@autonomic.zone
</Button> </Button>
</Box> </Box>