home: styled interested section

This commit is contained in:
desmukh 2023-01-08 22:16:22 +05:00
parent 44476c73d1
commit c8f1bcfd0a
1 changed files with 17 additions and 5 deletions

View File

@ -4,7 +4,7 @@ import { Link as GatsbyLink, graphql } from "gatsby"
import Bio from "../components/bio"
import Layout from "../components/layout"
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 { H1Separator, H2Separator } from "../components/heading-separators"
@ -72,7 +72,7 @@ const BlogIndex = ({ data, location }) => {
</List>
</Box>
<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
positive impact on the world. All of our services reflect our commitment
to our core values:
@ -85,21 +85,33 @@ const BlogIndex = ({ data, location }) => {
key={label}
variant="outlined"
fullWidth
sx={{
fontSize: 21,
textTransform: "capitalize",
fontWeight: 700,
py: 1,
lineHeight: 1,
}}
>
{label}
</Button>
))}
</Stack>
<Typography>
<Typography fontSize={12} pt={1} pb={4.5}>
You can consult our expanded list of values{" "}
<Link component={GatsbyLink} to="/">
<Link underline="always" component={GatsbyLink} to="/">
here
</Link>
.
</Typography>
<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
</Button>
</Box>