50 lines
2.8 KiB
TypeScript
50 lines
2.8 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(1000))
|
|||
|
|
return (
|
|||
|
|
<SectionStyled tag={'section'} bg={'#262835'} mwidth={'1160px'}
|
|||
|
|
sxsect={{
|
|||
|
|
height: isMobile ? '598px' : '369px',
|
|||
|
|
}}
|
|||
|
|
sxcont={{
|
|||
|
|
display: 'flex',
|
|||
|
|
justifyContent: 'space-between',
|
|||
|
|
alignItems: 'flex-start',
|
|||
|
|
padding: isMobile ? "30px 16px 0 16px" : (isTablet ? "0px 40px 0 40px" : 0),
|
|||
|
|
marginBottom: isMobile ? '55px' : 0,
|
|||
|
|
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: isMobile ? "16px" : "25px"}}>
|
|||
|
|
<SmiLogo width={isMobile ? 151 : 240}/>
|
|||
|
|
<Typography variant='h6' fontSize='36px' color="white">и</Typography>
|
|||
|
|
<PenaLogoOnly width={isMobile ? 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>
|
|||
|
|
)
|
|||
|
|
}
|