31 lines
1.3 KiB
TypeScript
31 lines
1.3 KiB
TypeScript
|
import {Box, Typography, useMediaQuery, useTheme} from "@mui/material";
|
||
|
|
import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
|
||
|
|
import CardWithLink from "@components/CardWithLink";
|
||
|
|
import UnderlinedLink from "@components/UnderlinedLink";
|
||
|
|
import SectionWrapper from "@components/SectionWrapper";
|
||
|
|
import card1Image from "@root/assets/landing/card1.png";
|
||
|
|
import card2Image from "@root/assets/landing/card2.png";
|
||
|
|
import card3Image from "@root/assets/landing/card3.png";
|
||
|
|
import cardImageBig from "@root/assets/landing/card1big.png";
|
||
|
|
|
||
|
|
export default function () {
|
||
|
|
const theme = useTheme();
|
||
|
|
const upMd = useMediaQuery(theme.breakpoints.up("md"));console.log("я узкий")
|
||
|
|
return <Box sx={{
|
||
|
|
mt: upMd ? "93px" : "55px",
|
||
|
|
display: "flex",
|
||
|
|
flexWrap: "wrap",
|
||
|
|
justifyContent: "space-evenly",
|
||
|
|
columnGap: "40px",
|
||
|
|
rowGap: "50px",
|
||
|
|
backgroundColor: "\"#E6E6EB"
|
||
|
|
}}>
|
||
|
|
<CardWithLink
|
||
|
|
headerText="Шаблонизатор"
|
||
|
|
text="Текст- это текст, который имеет некоторые характеристики реального письменного текс"
|
||
|
|
linkHref="#"
|
||
|
|
image={card1Image}
|
||
|
|
isHighlighted={!upMd}
|
||
|
|
/>
|
||
|
|
</Box>
|
||
|
|
}
|