From c8f1bcfd0a8cb3e06f80b003f0742da690081164 Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Sun, 8 Jan 2023 22:16:22 +0500
Subject: [PATCH] home: styled interested section

---
 src/pages/index.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 80b7a49..4344b4a 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -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>