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}сделать интернет-маркетинг
- прозрачным и эффективным. С нами не придется тратить рекламный бюджет впустую и терять клиентов на сайте.
+ Закажите разработку любого продукта на любом этапе. У высококлассной команды специалистов
+с обширным опытом и компетенциями, получить продукт мечты еще никогда не было так просто.
-
-