69 lines
2.5 KiB
TypeScript
69 lines
2.5 KiB
TypeScript
import { useMediaQuery, useTheme, Box, Typography } from "@mui/material";
|
||
import SectionStyled from "./SectionStyled";
|
||
import SmiLogo from "./images/icons/SmiIcon";
|
||
import PenaLogoOnly from "./images/icons/PenaLogoOnly";
|
||
|
||
export default function Collaboration() {
|
||
const theme = useTheme();
|
||
const isMobile = useMediaQuery(theme.breakpoints.down(600));
|
||
const isTablet = useMediaQuery(theme.breakpoints.down(770));
|
||
return (
|
||
<SectionStyled
|
||
tag={"section"}
|
||
bg={"#262835"}
|
||
mwidth={"1240px"}
|
||
sxcont={{
|
||
display: "flex",
|
||
justifyContent: "space-between",
|
||
alignItems: "flex-start",
|
||
padding: isMobile ? "50px 16px" : "80px 40px",
|
||
flexDirection: "column",
|
||
gap: "25px",
|
||
}}
|
||
>
|
||
<Box
|
||
sx={{
|
||
display: "flex",
|
||
gap: isMobile ? "15px" : "30px",
|
||
flexDirection: isMobile ? "column" : "row",
|
||
}}
|
||
>
|
||
<Typography
|
||
variant="h6"
|
||
fontSize="36px"
|
||
color="white"
|
||
lineHeight={"normal"}
|
||
>
|
||
Совместный проект
|
||
</Typography>
|
||
<Box sx={{ display: "flex", gap: isTablet ? "16px" : "25px" }}>
|
||
<SmiLogo width={isTablet ? 151 : 240} />
|
||
<Typography variant="h6" fontSize="36px" color="white">
|
||
и
|
||
</Typography>
|
||
<PenaLogoOnly width={isTablet ? 90 : 138} />
|
||
</Box>
|
||
</Box>
|
||
<Box sx={{ maxWidth: "712px" }}>
|
||
<Typography
|
||
sx={{
|
||
fontSize: "18px",
|
||
fontStyle: "normal",
|
||
fontWeight: 400,
|
||
color: "white",
|
||
}}
|
||
>
|
||
Цель двух наших сервисов предоставлять самые качественные сервисы, для
|
||
людей которые думают о завтрашнем дне и стремятся к тому, что бы их
|
||
бизнес рос и развивался. Поэтому мы решили объединить свои усилия и
|
||
теперь каждый дорогой нашему сердцу читатель может после запуска
|
||
сервиса получить не только 14 дней{" "}
|
||
<span style={{ color: "#BB86FE" }}>бесплатно</span> , но и промокод со{" "}
|
||
<span style={{ color: "#BB86FE" }}>скидкой в 20%</span> на любой тариф
|
||
сервиса PENA QUIZ
|
||
</Typography>
|
||
</Box>
|
||
</SectionStyled>
|
||
);
|
||
}
|