diff --git a/src/pages/Landing/Collaboration.tsx b/src/pages/Landing/Collaboration.tsx
index bc648b3d..744d9063 100644
--- a/src/pages/Landing/Collaboration.tsx
+++ b/src/pages/Landing/Collaboration.tsx
@@ -6,25 +6,17 @@ 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));
+ const isTablet = useMediaQuery(theme.breakpoints.down(770));
return (
Совместный проект
-
-
+
+
и
-
+
diff --git a/src/pages/Landing/Counter.tsx b/src/pages/Landing/Counter.tsx
index 91df4b5e..7ec98116 100644
--- a/src/pages/Landing/Counter.tsx
+++ b/src/pages/Landing/Counter.tsx
@@ -19,6 +19,7 @@ export default function Counter() {
boxSizing: "border-box",
padding: isTablet ? "0 40px" : "0 20px",
backgroundColor: "#333647",
+ paddingBottom: "60px",
}}
>
Пользовательское соглашение
-
diff --git a/src/pages/Landing/HowItWorks.tsx b/src/pages/Landing/HowItWorks.tsx
index 4b93c013..9acfd8ed 100644
--- a/src/pages/Landing/HowItWorks.tsx
+++ b/src/pages/Landing/HowItWorks.tsx
@@ -1,7 +1,8 @@
-import React from "react";
-import Box from "@mui/material/Box";
-import { Typography, useMediaQuery, useTheme } from "@mui/material";
+import { Typography, Box, useMediaQuery, useTheme } from "@mui/material";
+import { Link } from "react-router-dom";
+
import SectionStyled from "./SectionStyled";
+
import OneIconBorder from "@icons/OneIconBorder";
import TwoIcon from "./images/icons/IconNumber2";
import ThreeIcon from "./images/icons/IconNumber3";
@@ -28,6 +29,7 @@ import Icon16 from "./images/icons/Group149";
import Icon17 from "./images/icons/Group151";
import Icon19 from "./images/icons/Group153";
import Icon21 from "./images/icons/Network";
+import YoutubeButton from "./images/icons/YoutubeButton";
export default function HowItWorks() {
const theme = useTheme();
@@ -62,7 +64,22 @@ export default function HowItWorks() {
Как это работает
- Квиз как диалог
+ Квиз как диалог
+
+
+
+ Видео о квизах 2 мин
+
+
+
+
- Максимальная конверсия
+ что можно делать на последнем шаге
- сбор контактов
+ сбор контактов
-
- {" "}
- интеграция с CRM
(в разработке)
-
+ воронки и чат-боты
+
+
+
+ интеграция с CRM
+
+
+
+ прием оплат
-
({
// [theme.breakpoints.down('md')]: {
@@ -50,24 +45,6 @@ const businessTasks = {
text: "Опросник помогает проверять гипотезы и принимать грамотные решения основанные на данных. Создавайте опросы, собирайте обратную связь и анализируйте ответы в удобной аналитике в личном кабинете. ",
image: BigBlock,
},
- segmentation: {
- header:
- "Лучше узнайте свою аудиторию, сегментируйте и собирайте заявки с помощью квиза",
- text: "Квиз легко создать самому за 10 минут: настроить логику вопросов, результаты и получить готовую ссылку.",
- image: businessTasks2,
- },
- testing: {
- header:
- "Создавайте интерактивные тесты, показывайте правильные и неправильные ответы",
- text: "Тест в игровой форме увеличит вовлеченность пользователей. Создать его легко: задайте вопрос и отметьте правильные варианты ответов.",
- image: businessTasks3,
- },
- eсommerce: {
- header:
- "Консультируйте клиентов по ассортименту и помогите определиться с выбором",
- text: "Тест в игровой форме увеличит вовлеченность пользователей. Создать его легко: задайте вопрос и отметьте правильные варианты ответов.",
- image: businessTasks4,
- },
};
function Quiz() {
@@ -162,15 +139,12 @@ export default function Component() {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down(600));
const isTablet = useMediaQuery(theme.breakpoints.down(1000));
- const [task, setTask] = useState<
- "research" | "segmentation" | "testing" | "eсommerce"
- >("research");
- const [open, setOpen] = useState(false);
+
return (
- {/**/}
- {/* */}
- {/* */}
- {/* Как используют квиз*/}
- {/* В крупном и малом бизнесе*/}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/* */}
- {/**/}
-
+
- {!isTablet && (
-
-
-
-
-
-
- )}
-
- {isTablet ? (
-
-
- }
- />
-
-
- }
- />
-
- }
- />
-
- }
- />
-
- ) : (
- <>
-
-
-
-
-
-
-
-
- )}
+
);
diff --git a/src/pages/Landing/Landing.tsx b/src/pages/Landing/Landing.tsx
index a4a81bea..18d7bc6b 100644
--- a/src/pages/Landing/Landing.tsx
+++ b/src/pages/Landing/Landing.tsx
@@ -47,7 +47,7 @@ export default function Landing() {
- {/* */}
+
@@ -55,7 +55,7 @@ export default function Landing() {
{/**/}
{/**/}
- {/**/}
+
);
diff --git a/src/pages/Landing/MobileQuizCard.tsx b/src/pages/Landing/MobileQuizCard.tsx
deleted file mode 100644
index d72f0cfe..00000000
--- a/src/pages/Landing/MobileQuizCard.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import {
- Box,
- Slide,
- Typography,
- useMediaQuery,
- useTheme,
- Zoom,
-} from "@mui/material";
-import { FC, ReactNode, useRef, useState } from "react";
-
-interface Iprops {
- header: string;
- image: string;
- text: string;
- textIcon: string;
- icon: ReactNode;
-}
-
-export const MobileQuizCard: FC = ({
- header,
- image,
- text,
- icon,
- textIcon,
-}) => {
- const [isOpen, setIsOpen] = useState(false);
- const containerRef = useRef(null);
- const theme = useTheme();
- const isMobile = useMediaQuery(theme.breakpoints.down(600));
-
- const handleChange = () => {
- setIsOpen((prev) => !prev);
- };
-
- return (
-
-
-
- {icon}
-
- {textIcon}
-
- {isOpen && (
-
-
-
- {header}
-
-
-
- {text}
-
-
-
-
-
-
-
- )}
-
- );
-};
diff --git a/src/pages/Landing/Questions.tsx b/src/pages/Landing/Questions.tsx
index ebaf182f..998e99d3 100644
--- a/src/pages/Landing/Questions.tsx
+++ b/src/pages/Landing/Questions.tsx
@@ -30,24 +30,18 @@ export default function Component() {
-
+
*/}
-
- {/**/}
- {/* */}
- {/* 1. Перетащите вопрос из списка в карту ветвления*/}
- {/* */}
- {/* */}
- {/* 2. Добавьте условия{" "}*/}
- {/* */}
- {/**/}
-
-
-
-
-
- Другие преимущества:
-
-
-
-
- 01
-
-
- Привязка к вашему домену
-
-
-
-
- Привяжите квиз к своему брендовому домену и получайте
- максимальную отдачу от каждой заявки
-
-
-
-
-
+
+
+
+ 01
+
+
+ Привязка к вашему домену
+
+
+
+
+ Привяжите квиз к своему брендовому домену и получайте
+ максимальную отдачу от каждой заявки
+
+
+
+
@@ -378,9 +308,9 @@ export default function Component() {
sx={{
display: "flex",
flexDirection: isTablet ? "column" : "-moz-initial",
- gap: isMobile ? "25px" : isTablet ? "40px" : "0",
justifyContent: "space-between",
alignItems: "flex-start",
+ gap: "20px",
}}
>
@@ -463,10 +393,10 @@ export default function Component() {
sx={{
display: "flex",
flexDirection: isTablet ? "column" : "-moz-initial",
- gap: isMobile ? "25px" : isTablet ? "40px" : "45px",
justifyContent: "space-between",
alignItems: "flex-start",
mt: isTablet ? "0" : "75px",
+ gap: "20px",
}}
>
@@ -555,30 +485,29 @@ export default function Component() {
p: "20px 0 20px",
}}
>
- {/*{!isMobile && (*/}
- {/* */}
- {/* Все возможности сервиса*/}
- {/* */}
- {/*)}*/}
-
- {/**/}
- {/* Создать квиз*/}
- {/**/}
+ {!isMobile && (
+
+ )}
+
diff --git a/src/pages/Landing/images/businessTasks2.png b/src/pages/Landing/images/businessTasks2.png
deleted file mode 100644
index 128c930f..00000000
Binary files a/src/pages/Landing/images/businessTasks2.png and /dev/null differ
diff --git a/src/pages/Landing/images/businessTasks3.png b/src/pages/Landing/images/businessTasks3.png
deleted file mode 100644
index 016455a5..00000000
Binary files a/src/pages/Landing/images/businessTasks3.png and /dev/null differ
diff --git a/src/pages/Landing/images/businessTasks4.png b/src/pages/Landing/images/businessTasks4.png
deleted file mode 100644
index 67113609..00000000
Binary files a/src/pages/Landing/images/businessTasks4.png and /dev/null differ
diff --git a/src/pages/Landing/images/icons/YoutubeButton.tsx b/src/pages/Landing/images/icons/YoutubeButton.tsx
new file mode 100644
index 00000000..95b266bf
--- /dev/null
+++ b/src/pages/Landing/images/icons/YoutubeButton.tsx
@@ -0,0 +1,29 @@
+import { Box } from "@mui/material";
+
+type Props = {
+ width?: number;
+};
+
+export default function ({ width = 120 }: Props) {
+ return (
+
+
+
+ );
+}