2022-11-17 12:25:23 +00:00
|
|
|
|
import { Box, Typography, useTheme } from "@mui/material";
|
2022-11-18 17:45:56 +00:00
|
|
|
|
import NavMenuItem from "./NavMenuItem";
|
|
|
|
|
|
import PenaLogo from "./PenaLogo";
|
|
|
|
|
|
import SectionWrapper from "./SectionWrapper";
|
2022-11-17 12:25:23 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function Footer() {
|
|
|
|
|
|
const theme = useTheme();
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
<SectionWrapper
|
|
|
|
|
|
component="footer"
|
|
|
|
|
|
maxWidth="lg"
|
2022-11-18 16:51:10 +00:00
|
|
|
|
outerContainerSx={{
|
2022-11-17 12:25:23 +00:00
|
|
|
|
backgroundColor: theme.palette.custom.darkPurple.main,
|
|
|
|
|
|
}}
|
2022-11-18 16:51:10 +00:00
|
|
|
|
sx={{
|
2022-11-17 12:25:23 +00:00
|
|
|
|
pt: "100px",
|
|
|
|
|
|
pb: "75px",
|
|
|
|
|
|
display: "flex",
|
|
|
|
|
|
flexDirection: "column",
|
|
|
|
|
|
alignItems: "center",
|
|
|
|
|
|
gap: "100px",
|
|
|
|
|
|
}}
|
|
|
|
|
|
>
|
|
|
|
|
|
<Box
|
|
|
|
|
|
sx={{
|
|
|
|
|
|
display: "flex",
|
|
|
|
|
|
width: "100%",
|
|
|
|
|
|
}}
|
|
|
|
|
|
>
|
2022-11-18 16:51:10 +00:00
|
|
|
|
<PenaLogo />
|
2022-11-17 12:25:23 +00:00
|
|
|
|
<Box
|
|
|
|
|
|
sx={{
|
|
|
|
|
|
display: "grid",
|
|
|
|
|
|
flexGrow: 1,
|
|
|
|
|
|
justifyItems: "center",
|
|
|
|
|
|
gridTemplateColumns: "repeat(3, 1fr)",
|
|
|
|
|
|
gridTemplateRows: "repeat(3, 1fr)",
|
|
|
|
|
|
rowGap: "18px",
|
|
|
|
|
|
}}
|
|
|
|
|
|
>
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
<NavMenuItem text="Меню 1" />
|
|
|
|
|
|
</Box>
|
|
|
|
|
|
<Typography
|
|
|
|
|
|
variant="medium"
|
|
|
|
|
|
sx={{
|
|
|
|
|
|
maxWidth: "275px",
|
|
|
|
|
|
}}
|
|
|
|
|
|
>
|
|
|
|
|
|
Сервисы помогают предпринимателям, маркетологам и агентствам
|
|
|
|
|
|
сделать интернет-маркетинг прозрач
|
|
|
|
|
|
</Typography>
|
|
|
|
|
|
</Box>
|
|
|
|
|
|
<Typography variant="medium">Конструктор маркетинговых решений. © 2022</Typography>
|
|
|
|
|
|
</SectionWrapper>
|
|
|
|
|
|
);
|
|
|
|
|
|
};
|
