2022-11-18 16:51:10 +00:00
|
|
|
|
import { Box, Typography, useMediaQuery, useTheme } from "@mui/material";
|
2023-05-17 17:05:21 +00:00
|
|
|
|
import WideTemplCard from "@components/wideTemplCard";
|
|
|
|
|
import TemplCardPhonePink from "@components/templCardPhonePink";
|
2023-03-19 12:30:40 +00:00
|
|
|
|
import SectionWrapper from "@components/SectionWrapper";
|
2023-08-23 12:23:35 +00:00
|
|
|
|
import { PenaLink } from "@frontend/kitui";
|
|
|
|
|
import { Link as RouterLink } from "react-router-dom";
|
2022-11-17 12:25:23 +00:00
|
|
|
|
|
|
|
|
|
|
2023-08-23 12:23:35 +00:00
|
|
|
|
export default function Section2() {
|
2023-05-12 08:35:54 +00:00
|
|
|
|
const theme = useTheme();
|
|
|
|
|
const upMd = useMediaQuery(theme.breakpoints.up("md"));
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<SectionWrapper
|
|
|
|
|
component="section"
|
|
|
|
|
maxWidth="lg"
|
|
|
|
|
outerContainerSx={{
|
2023-08-22 10:28:22 +00:00
|
|
|
|
backgroundColor: theme.palette.bg.dark,
|
2023-05-12 08:35:54 +00:00
|
|
|
|
mb: "-90px",
|
|
|
|
|
}}
|
2022-11-18 16:51:10 +00:00
|
|
|
|
sx={{
|
2023-05-12 08:35:54 +00:00
|
|
|
|
pt: upMd ? "90px" : "50px",
|
|
|
|
|
pb: "20px",
|
2022-11-17 12:25:23 +00:00
|
|
|
|
}}
|
2023-05-12 08:35:54 +00:00
|
|
|
|
>
|
|
|
|
|
<Box
|
|
|
|
|
sx={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
flexDirection: upMd ? "row" : "column",
|
|
|
|
|
gap: "3.5%",
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<Typography
|
|
|
|
|
variant="h4"
|
|
|
|
|
sx={{
|
|
|
|
|
flexGrow: 1,
|
|
|
|
|
flexBasis: "31%",
|
|
|
|
|
maxWidth: "50%",
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
Интеграции, избавляющие от рутины
|
|
|
|
|
</Typography>
|
|
|
|
|
<Box
|
|
|
|
|
sx={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
flexDirection: "column",
|
|
|
|
|
gap: "30px",
|
|
|
|
|
alignItems: "start",
|
|
|
|
|
flexGrow: 1,
|
|
|
|
|
flexBasis: "65.5%",
|
|
|
|
|
mt: upMd ? "10px" : "30px",
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<Typography maxWidth="560px">
|
|
|
|
|
Сервисы помогают предпринимателям, маркетологам и агентствам сделать интернет-маркетинг прозрачным и
|
|
|
|
|
эффективным. С нами не придется тратить рекламный бюджет впустую и терять клиентов на сайте.
|
|
|
|
|
</Typography>
|
2023-08-23 12:23:35 +00:00
|
|
|
|
<PenaLink
|
|
|
|
|
component={RouterLink}
|
|
|
|
|
to="/"
|
|
|
|
|
>Подробнее</PenaLink>
|
2023-05-12 08:35:54 +00:00
|
|
|
|
</Box>
|
|
|
|
|
</Box>
|
2023-05-17 17:05:21 +00:00
|
|
|
|
{upMd ?
|
2023-08-23 12:23:35 +00:00
|
|
|
|
<WideTemplCard light={false} sx={{ marginTop: "76px" }} />
|
2023-05-12 08:35:54 +00:00
|
|
|
|
:
|
2023-08-23 12:23:35 +00:00
|
|
|
|
<TemplCardPhonePink />}
|
2023-05-17 17:05:21 +00:00
|
|
|
|
|
|
|
|
|
{/*<Box sx={{*/}
|
|
|
|
|
{/* mt: upMd ? "93px" : "55px",*/}
|
|
|
|
|
{/* display: "flex",*/}
|
|
|
|
|
{/* flexWrap: "wrap",*/}
|
|
|
|
|
{/* justifyContent: "space-evenly",*/}
|
|
|
|
|
{/* columnGap: "40px",*/}
|
|
|
|
|
{/* rowGap: "50px",*/}
|
|
|
|
|
{/*}}>*/}
|
|
|
|
|
{/* <CardWithLink*/}
|
|
|
|
|
{/* headerText="Шаблонизатор"*/}
|
|
|
|
|
{/* text="Текст- это текст, который имеет некоторые характеристики реального письменного текс"*/}
|
|
|
|
|
{/* linkHref="#"*/}
|
|
|
|
|
{/* image={card1Image}*/}
|
|
|
|
|
{/* isHighlighted={!upMd}*/}
|
|
|
|
|
{/* />*/}
|
|
|
|
|
{/* <CardWithLink*/}
|
|
|
|
|
{/* headerText="Опросник"*/}
|
|
|
|
|
{/* text="Текст- это текст, который имеет некоторые характеристики реального письменного текс"*/}
|
|
|
|
|
{/* linkHref="#"*/}
|
|
|
|
|
{/* image={card2Image}*/}
|
|
|
|
|
{/* />*/}
|
|
|
|
|
{/* <CardWithLink*/}
|
|
|
|
|
{/* headerText="Сокращатель ссылок"*/}
|
|
|
|
|
{/* text="Текст- это текст, который имеет некоторые характеристики реального письменного текс"*/}
|
|
|
|
|
{/* linkHref="#"*/}
|
|
|
|
|
{/* image={card3Image}*/}
|
|
|
|
|
{/* />*/}
|
|
|
|
|
{/*</Box>*/}
|
|
|
|
|
|
2023-05-12 08:35:54 +00:00
|
|
|
|
</SectionWrapper>
|
|
|
|
|
);
|
2023-08-22 10:28:22 +00:00
|
|
|
|
}
|