diff --git a/src/pages/Landing/HowItWorks.tsx b/src/pages/Landing/HowItWorks.tsx
index 43d1aa59..6f5b3890 100644
--- a/src/pages/Landing/HowItWorks.tsx
+++ b/src/pages/Landing/HowItWorks.tsx
@@ -10,9 +10,8 @@ import Firstblock1 from "./images/firstblock1.png";
import Firstblock2 from "./images/firstblock2.png";
import Firstblock3 from "./images/firstblock3.png";
import Firstblock4 from "./images/firstblock4.png";
-import Icon1 from "./images/icons/vkIcon";
+import Icon1 from "./images/icons/ABicon";
import Icon2 from "./images/icons/clipIcon";
-import Icon3 from "./images/icons/tiktokIcon";
import Icon4 from "./images/icons/Group133";
import Icon5 from "./images/icons/Group134";
import Icon6 from "./images/icons/Group135";
@@ -27,9 +26,7 @@ import Icon14 from "./images/icons/Group147";
import Icon15 from "./images/icons/Group148";
import Icon16 from "./images/icons/Group149";
import Icon17 from "./images/icons/Group151";
-import Icon18 from "./images/icons/Group152";
import Icon19 from "./images/icons/Group153";
-import Icon20 from "./images/icons/Group154";
import Icon21 from "./images/icons/Network";
export default function HowItWorks() {
@@ -61,7 +58,7 @@ export default function HowItWorks() {
gap: isMobile ? "30px" : undefined,
}}
>
-
+
Как это работает
@@ -130,8 +127,7 @@ export default function HowItWorks() {
src={Firstblock1}
sx={{
backgroundColor: "#C8DADE",
- width: isMobile ? undefined : "880px",
- height: isMobile ? undefined : "561px",
+ width: isMobile ? undefined : "100%",
borderRadius: "12px",
}}
/>
@@ -195,10 +191,10 @@ export default function HowItWorks() {
flexWrap: "wrap",
justifyContent: "space-between",
padding: isMobile
- ? "10px 94px 0 0"
+ ? "10px 80px 0 0"
: isTablet
? "20px 76px 0 0"
- : "20px 94px 0 0",
+ : "20px 80px 0 0",
gap: isMobile ? "10px" : undefined,
}}
>
@@ -214,21 +210,7 @@ export default function HowItWorks() {
}}
>
- Вконтакте
-
-
-
- в Тик-ток
+ А/Б тестирование
@@ -254,7 +236,6 @@ export default function HowItWorks() {
alignItems: "center",
borderRadius: "8px",
marginBottom: isMobile ? "26px" : isTablet ? "60px" : "107px",
- flexWrap: "wrap",
boxSizing: "border-box",
}}
>
@@ -314,8 +295,7 @@ export default function HowItWorks() {
src={Firstblock2}
sx={{
backgroundColor: "#C8DADE",
- width: isMobile ? undefined : "880px",
- height: isMobile ? undefined : "561px",
+ width: isMobile ? undefined : "100%",
borderRadius: "12px",
}}
/>
@@ -376,7 +356,6 @@ export default function HowItWorks() {
alignItems: "center",
borderRadius: "8px",
marginBottom: isMobile ? "26px" : isTablet ? "60px" : "107px",
- flexWrap: "wrap",
boxSizing: "border-box",
}}
>
@@ -428,8 +407,7 @@ export default function HowItWorks() {
src={Firstblock3}
sx={{
backgroundColor: "#C8DADE",
- width: isMobile ? undefined : "880px",
- height: isMobile ? undefined : "561px",
+ width: isMobile ? undefined : "100%",
borderRadius: "12px",
}}
/>
@@ -581,8 +559,7 @@ export default function HowItWorks() {
src={Firstblock4}
sx={{
backgroundColor: "#C8DADE",
- width: isMobile ? undefined : "880px",
- height: isMobile ? undefined : "561px",
+ width: isMobile ? undefined : "100%",
borderRadius: "12px",
}}
/>
@@ -632,8 +609,8 @@ export default function HowItWorks() {
gap: "15px",
}}
>
-
- воронки и чат-боты
+
+ интеграция с CRM
-
-
- интеграция с CRM
-
-
-
- прием оплат
-
-
+ >
{props.children}
@@ -72,34 +72,25 @@ export default function Component() {
const isMobile = useMediaQuery(theme.breakpoints.down(600));
const isTablet = useMediaQuery(theme.breakpoints.down(1000));
const isTabletOnly = useMediaQuery(theme.breakpoints.between(600, 1000));
- const [open, setOpen] = useState(true);
-
return (
- {/*левая колонка*/}
-
-
+
+
+ 
+
- 01
+ Удобный конструктор ветвления
-
- Привязка к вашему домену
-
-
-
-
- Привяжите квиз к своему брендовому домену и получайте максимальную
- отдачу от каждой заявки
-
-
-
-
-
-
- 03
-
-
- Аналитика
-
-
-
Внутренняя аналитика считает конверсию квиза на каждом шаге,
показывает развернутую статистику по ответам и пользователям
-
-
-
-
-
- 05
-
-
- Режим анкетирования
-
-
-
-
- Самый удобный инструмент для проведения исследований аудитории,
- больше вас не сдерживают никакие ограничения.
-
-
-
-
-
-
- 07
-
-
- Интерактивные тесты
-
-
-
-
- Тест увеличит вовлеченность аудитории, покажет правильные или
- неправильные ответы и все это в игровой форме
-
-
-
-
- {/*правая колонка*/}
-
-
-
-
+
+
+
- 02
+ 1. Перетащите вопрос из списка в карту ветвления
-
- Повышение конверсии
+
+ 2. Добавьте условия{" "}
-
-
- Конверсию можно увеличить, добавив тающую скидку, консультанта с
- подсказками или бонус, который пользователь получит в конце
- квиза
-
-
-
-
-
-
- 04
-
-
- Расширенеие настройки дизайна
-
-
-
-
- Настройте цвета, шрифт и выберите формат стартовой страницы,
- чтобы сделать свой квиз уникальным
-
-
-
-
-
-
- 06
-
-
- А/Б тестирование
-
-
-
-
- Без программистов и сложных настроек - создавайте разные версии
- квизов и сравнивайте их эффективность прямо внутри Опросника
-
-
-
+
+
-==== BASE ====
Другие преимущества:
@@ -463,7 +252,7 @@ export default function Component() {
-
+
-
+
-
+
-
+
-
+
-
+
- {isMobile && (
-
- )}
-==== BASE ====
+ {/*{isMobile && (*/}
+ {/* */}
+ {/* Все возможности сервиса*/}
+ {/* */}
+ {/*)}*/}
Первые 14 дней бесплатно
@@ -747,37 +535,50 @@ export default function Component() {
sx={{
fontSize: "18px",
fontWeight: "400",
- lineHeight: "21.33px",
- marginTop: "32px",
+ lineHeight: "21px",
+ m: "20px 0 30px",
+ color: "#fff",
}}
>
Пробуйте, экспериментируйте, а наша отзывчивая техническая
поддержка поможет и проконсультирует в любой момент, больше вы
не останетесь 1 на 1 со своими проблемами.
-
- {/**/}
-
- {/**/}
+ {/*)}*/}
- {/* borderRadius: '8px',*/}
- {/* padding: '10px 32px',*/}
- {/* marginTop: '27px',*/}
- {/* }}>*/}
- {/* Создать квиз*/}
+
+
+
+
diff --git a/src/pages/Landing/images/icons/ABicon.tsx b/src/pages/Landing/images/icons/ABicon.tsx
new file mode 100644
index 00000000..9c563a1e
--- /dev/null
+++ b/src/pages/Landing/images/icons/ABicon.tsx
@@ -0,0 +1,36 @@
+import { Box } from "@mui/material";
+
+interface Props {
+ color?: string;
+}
+
+export default function ({ color }: Props) {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/ViewPublicationPage/Footer.tsx b/src/pages/ViewPublicationPage/Footer.tsx
index cb6781cb..51477255 100644
--- a/src/pages/ViewPublicationPage/Footer.tsx
+++ b/src/pages/ViewPublicationPage/Footer.tsx
@@ -252,7 +252,7 @@ export const Footer = ({
if (nextQuestion && nextQuestion.type !== "result") {
setCurrentQuestion(nextQuestion);
} else {
- showResult(questions.find(q => q.content.rule.parentId === "line"));
+ showResult(questions.find((q) => q.content.rule.parentId === "line"));
}
return;
}
diff --git a/src/ui_kit/Header/Header.tsx b/src/ui_kit/Header/Header.tsx
index d805d4aa..6a1dfbd1 100644
--- a/src/ui_kit/Header/Header.tsx
+++ b/src/ui_kit/Header/Header.tsx
@@ -122,25 +122,22 @@ export const Header = ({ setMobileSidebar }: HeaderProps) => {
sx={{
display: "flex",
ml: "auto",
+ gap: "10px",
+ alignItems: "center",
}}
>
{isMobile ? (
- setMobileSidebar((visible: boolean) => !visible)}
- style={{ fontSize: "30px", color: "white", cursor: "pointer" }}
- />
+ <>
+
+ setMobileSidebar((visible: boolean) => !visible)}
+ style={{ fontSize: "30px", color: "white", cursor: "pointer" }}
+ />
+
) : (
<>
-
-
-
-
+
+
)}
diff --git a/src/ui_kit/Sidebar/SidebarMobile.tsx b/src/ui_kit/Sidebar/SidebarMobile.tsx
index 1daa34fd..eb454c52 100644
--- a/src/ui_kit/Sidebar/SidebarMobile.tsx
+++ b/src/ui_kit/Sidebar/SidebarMobile.tsx
@@ -206,7 +206,6 @@ export const SidebarMobile: FC = ({ open, changePage }) => {
}}
/>
-
)}
)}