New Static sub component made

This commit is contained in:
rockyeverlast
2024-05-21 16:58:55 +05:30
parent 0097543b65
commit dc674a40ec
8 changed files with 724 additions and 3 deletions

View File

@@ -0,0 +1,77 @@
/* eslint-disable no-unused-vars */
import { Box, Button, Image, Text, Grid, GridItem } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";
import {
List,
ListItem,
ListIcon,
OrderedList,
UnorderedList,
} from "@chakra-ui/react";
import vector4 from "../../../assets/images/vector4.png";
const StaticSubnetFour = () => {
return (
<>
<Box
display={"flex"}
position={"absolute"}
top={"-70px"}
justifyContent={"flex-end"}
width={"100%"}
>
<Button
position={"relative"}
background={"transparent"}
// width={"165px"}
height={"57px"}
borderRadius={"28.5px"}
color={"#fff"}
border={"1px solid #A5A5A5"}
textTransform={"uppercase"}
fontSize={"16px"}
padding={"6px 20px"}
_after={{
content: "''",
position: "absolute",
background: `url(${vector4})`,
backgroundRepeat: "no-repeat",
width: "155px",
height: "100%",
left: "-155px",
top: "28px",
}}
_hover={{
background: "transparent",
// width: "165px",
// height: "57px",
borderRadius: "28.5px",
color: "#fff",
border: "1px solid #A5A5A5",
}}
>
Self Sovereign
</Button>
</Box>
<Box
display={"flex"}
flexDirection={"column"}
alignItems={"end"}
width={"565px"}
>
<UnorderedList color={"#E1E1E1"}>
<ListItem fontSize={"14px"}>
Permissioned subnets with no oracles and <br /> intermediaries
</ListItem>
<ListItem fontSize={"14px"}>No block space ransom</ListItem>
<ListItem fontSize={"14px"}>
Zero risk of transactions being blocked out of <br />
chain.
</ListItem>
</UnorderedList>
</Box>
</>
);
};
export default StaticSubnetFour;