diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 8a38ad5..71e7f9e 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,6 +1,7 @@ import { Box, Button, Divider, Typography, useMediaQuery, useTheme } from "@mui/material"; import PenaLogo from "./PenaLogo"; import SectionWrapper from "./SectionWrapper"; +import { Link } from "react-router-dom"; export default function Footer() { const theme = useTheme(); @@ -27,6 +28,9 @@ export default function Footer() { sx={{ display: "flex", flexDirection: upMd ? "row" : "column", + width: "100%", + justifyContent: "space-between", + alignItems: "center" }} > + + + + {/* - - - + */} - Сервисы помогают предпринимателям, маркетологам и агентствам сделать интернет-маркетинг прозрач + ООО Пена© 2023 {new Date().getFullYear() === 2023 ? "" : " - " + new Date().getFullYear()} - {!upMd && } - - Конструктор маркетинговых решений. © 2022 - ); } diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx index 6969e7a..faf057c 100644 --- a/src/components/Menu.tsx +++ b/src/components/Menu.tsx @@ -16,19 +16,8 @@ export default function Menu() { const color = location.pathname === "/" ? "white" : "black"; const arrayMenu: MenuItem[] = [ - { - name: "Тарифы", - url: "/tariffs", - subMenu: [ - { name: "Тарифы на время", url: "/tariffs/time" }, - { name: "Тарифы на объём", url: "/tariffs/volume" }, - { name: "Кастомный тариф", url: "/tariffconstructor" }, - ], - }, - { name: "Вопросы и ответы", url: "/faq" }, - { name: "Корзина", url: "/cart" }, - { name: "Поддержка", url: "/support" }, - { name: "История", url: "/history" }, + { name: "Наши продукты", url: "/faq" }, + { name: "Наши услуги", url: "/cart" } ]; return ( diff --git a/src/components/NavbarOld/DialogMenu.tsx b/src/components/NavbarOld/DialogMenu.tsx index fabeec8..002b1e1 100644 --- a/src/components/NavbarOld/DialogMenu.tsx +++ b/src/components/NavbarOld/DialogMenu.tsx @@ -10,18 +10,8 @@ import { currencyFormatter } from "@root/utils/currencyFormatter"; const arrayMenu = [ - { name: "Главная", url: "/" }, - { name: "Профиль", url: "/settings" }, - { name: "Тарифы", url: "/tariffs" }, - { name: "Тарифы на время", url: "/tariffs/time" }, - { name: "Тарифы на объём", url: "/tariffs/volume" }, - { name: "Кастомный тариф", url: "/tariffconstructor" }, - { name: "Вопросы и ответы", url: "/faq" }, - { name: "История", url: "/history" }, - { name: "Оплата", url: "/payment" }, - { name: "Поддержка", url: "/support" }, - { name: "Оплата", url: "/wallet" }, - { name: "Корзина", url: "/cart" }, + { name: "Наши продукты", url: "/" }, + { name: "Наши услуги", url: "/" }, ]; const Transition = React.forwardRef(function Transition( @@ -54,8 +44,7 @@ export default function DialogMenu({ open, handleClose }: DialogMenuProps) { sx={{ width: isTablet ? "100%" : "320px", ml: "auto", - mt: "50px", - height: "100%", + mt: isTablet ? "50px" : "80px", ".MuiBackdrop-root.MuiModal-backdrop": { background: "transparent", }, @@ -94,7 +83,8 @@ export default function DialogMenu({ open, handleClose }: DialogMenuProps) { variant="text" sx={{ fontWeight: "500", - color: location.pathname === url ? theme.palette.purple.main : location.pathname === "/" ? "white" : "black", + // color: location.pathname === url ? theme.palette.purple.main : location.pathname === "/" ? "white" : "black", + color: "white", height: "20px", textTransform: "none", marginBottom: "25px", @@ -113,26 +103,14 @@ export default function DialogMenu({ open, handleClose }: DialogMenuProps) { {isTablet ? ( location.pathname === "/" ? ( + component={Link} + to={user ? "/tariffs" : "/signin"} + state={user ? undefined : { backgroundLocation: location }} + variant="pena-contained-dark" + sx={{px: "30px", ml: "40px" , width: "245px"}} + > + Регистрация / Войти + ) : ( - - + + {!isTablet ? null : } + + setOpen(!open)} sx={{ color: "white", display: !isTablet ? "block" : "none" }} /> + setOpen(false)} /> ); } diff --git a/src/components/SectionWrapper.tsx b/src/components/SectionWrapper.tsx index f2e058d..0c83c1f 100644 --- a/src/components/SectionWrapper.tsx +++ b/src/components/SectionWrapper.tsx @@ -5,6 +5,7 @@ interface Props { component?: ElementType; outerContainerSx?: SxProps; sx?: SxProps; + innerSx?: SxProps; maxWidth?: false | Breakpoint; children?: React.ReactNode; } diff --git a/src/components/wideTemplCard.tsx b/src/components/wideTemplCard.tsx index c69540a..65875bb 100644 --- a/src/components/wideTemplCard.tsx +++ b/src/components/wideTemplCard.tsx @@ -6,9 +6,11 @@ import { Link as RouterLink } from "react-router-dom"; interface Props { light?: boolean; sx?: SxProps; + name?: string; + desc?: string; } -export default function WideTemplCard({ light = true, sx }: Props) { +export default function WideTemplCard({ light = true, sx, name="Шаблонизатор", desc="тект заполнитель это текст который имеет" }: Props) { const theme = useTheme(); const isTablet = useMediaQuery(theme.breakpoints.down(1000)); @@ -32,25 +34,10 @@ export default function WideTemplCard({ light = true, sx }: Props) { alignItems: "start", }} > - Шаблонизатор + {name} - Текст- это текст, который имеет некоторые характеристики реального письменного текс + {desc} - {light ? ( - - ) : ( - - Подробнее - - )} { valuesByKey[item.Key] = item.Value; }); - + console.log(content) + console.log(content[0]) + console.log(content[0].Value) + console.log(valuesByKey) const extractDateFromString = (tariffName: string) => { const dateMatch = tariffName.match(/\d{4}-\d{2}-\d{2}/); return dateMatch ? dateMatch[0] : null; @@ -104,7 +107,7 @@ export default function AccordionWrapper({ content, last, first, createdAt }: Ac whiteSpace: "nowrap", }} > - {extractDateFromString(createdAt)} + {createdAt} { + const dateMatch = tariffName.match(/\d{4}-\d{2}-\d{2}/); + return dateMatch ? dateMatch[0] : ""; + }; + return ( )} {historyData?.records - .filter((e) => (e.key === "payCart" && Array.isArray(e.rawDetails[0].Value))) + .filter((e) => { + e.createdAt = extractDateFromString(e.createdAt) + return(!e.isDeleted && e.key === "payCart" && Array.isArray(e.rawDetails[0].Value) + )}) .map(( e, index) => { return ( @@ -71,6 +79,7 @@ export default function History() { first={index === 0} last={index === historyData?.records.length - 1} content={e.rawDetails} + key={e.id} createdAt={e.createdAt} /> diff --git a/src/pages/Landing/PromoCard.tsx b/src/pages/Landing/PromoCard.tsx index e5e80a6..776a9ee 100644 --- a/src/pages/Landing/PromoCard.tsx +++ b/src/pages/Landing/PromoCard.tsx @@ -9,6 +9,9 @@ interface Props { text: string; textOrientation: "row" | "column"; sx?: SxProps; + sxBoxText?: SxProps; + sxHeader?: SxProps; + sxText?: SxProps; small?: boolean; } @@ -20,6 +23,9 @@ export default function PromoCard({ backgroundPosition, textOrientation, sx, + sxHeader, + sxBoxText, + sxText, width, small = false, }: Props) { @@ -64,15 +70,15 @@ export default function PromoCard({ sx={{ display: "grid", gridTemplate: small || textOrientation === "column" ? "auto auto / auto" : "2.5em / 30% 50%", + ...sxBoxText }} > - + {headerText} @@ -81,6 +87,7 @@ export default function PromoCard({ overflow: "hidden", maxWidth: "200px", maxHeight: "5.92em", + ...sxText }} > {text} diff --git a/src/pages/Landing/Section1.tsx b/src/pages/Landing/Section1.tsx index 7576654..ebef780 100644 --- a/src/pages/Landing/Section1.tsx +++ b/src/pages/Landing/Section1.tsx @@ -25,7 +25,7 @@ export default function Section1() { display: "flex", pt: upMd ? "20px" : "20px", px: !isTablet ? (upMd ? "40px" : "18px") : "20px", - pb: "0px", + pb: "10px", flexDirection: upMd ? "row" : "column", }} > @@ -42,16 +42,16 @@ export default function Section1() { }} > - Сервисы прокачки маркетинга + Сервисы прокачки маркетинга и бизнеса - - Покажут эффективность рекламы. Соберут все обращения клиентов. Повысят конверсию сайта + + Автоматизация и новые источники трафика в единой экосистеме - И все это в едином кабинете - + {/*И все это в едином кабинете*/} + {/**/} - Интеграции, избавляющие
от рутины + Хватит сливать бюджет!
- Сервисы помогают предпринимателям, маркетологам и агентствам сделать интернет-маркетинг прозрачным и - эффективным. С нами не придется тратить рекламный бюджет впустую и терять клиентов на сайте. + Надежные сервисы, которые не подведут. Увеличение эффективности рекламной кампании и увеличение ROI и ROMI на десятки процентов при использовании всех наших продуктов. - - Подробнее - - {upMd ? : } + {upMd ? : } - {/**/} - {/* */} - {/* */} - {/* */} - {/**/} +
); } diff --git a/src/pages/Landing/Section3.tsx b/src/pages/Landing/Section3.tsx index f4f9c6a..93ee946 100644 --- a/src/pages/Landing/Section3.tsx +++ b/src/pages/Landing/Section3.tsx @@ -52,69 +52,73 @@ export default function Section3() { variant="h4" sx={{ mb: upMd ? "67px" : "30px", + width: isMobile ? "340px" : "562px" }} > - Узнайте, как наши сервисы решают ваши задачи + Не знаете, подходят ли наши продукты для вашего бизнеса?
- Покажут эффективность рекламы - Соберут все обращения клиентов - Повысят конверсию сайта + Зарегистрируйтесь и напишите в тех поддержку, + наши опытные операторы проконсультируют + вас по всем вопросам, в том числе и как мы можем увеличить эффективность вашего бизнеса - - Подробнее - ); diff --git a/src/pages/Landing/Section4.tsx b/src/pages/Landing/Section4.tsx index d448be6..f42dd3f 100644 --- a/src/pages/Landing/Section4.tsx +++ b/src/pages/Landing/Section4.tsx @@ -27,12 +27,12 @@ export default function Section4() { pb: upMd ? "112px" : "76px", }} > - - + + - - - + + + ); } diff --git a/src/pages/Landing/Section5.tsx b/src/pages/Landing/Section5.tsx index c293801..b515296 100644 --- a/src/pages/Landing/Section5.tsx +++ b/src/pages/Landing/Section5.tsx @@ -26,7 +26,7 @@ export default function Section5() { }} > - Остались вопросы? + Хотите свой IT продукт? - Сервисы помогают предпринимателям, маркетологам и агентствам {upMd ?
: null}сделать интернет-маркетинг - прозрачным и эффективным. С нами не придется тратить рекламный бюджет впустую и терять клиентов на сайте. + Закажите разработку любого продукта на любом этапе. У высококлассной команды специалистов +с обширным опытом и компетенциями, получить продукт мечты еще никогда не было так просто.
- -