diff --git a/src/pages/Landing/BusinessPluses.tsx b/src/pages/Landing/BusinessPluses.tsx
index faf86013..42ade565 100644
--- a/src/pages/Landing/BusinessPluses.tsx
+++ b/src/pages/Landing/BusinessPluses.tsx
@@ -3,6 +3,9 @@ import Box from '@mui/material/Box';
 import {Typography} from "@mui/material";
 import SectionStyled from './SectionStyled';
 import {styled} from "@mui/material/styles";
+import Icon1 from "./images/icons/Handshake";
+import Icon2 from "./images/icons/UserCircle";
+import Icon3 from "./images/icons/DoneIcon";
 
 const BoxPluses = styled('div')(({ theme }) => ({
     [theme.breakpoints.down('md')]: {
@@ -70,7 +73,7 @@ export default function Component () {
                         marginBottom: '10px',
                     }}
                 >
-                    <Square/>
+                    <Icon1/>
                     <Typography  fontSize={'18px'} lineHeight={'22.33px'}>
                         Человек ощущает заботу и склоняется к выбору вашей компании</Typography>
                 </BoxCard>
@@ -84,7 +87,7 @@ export default function Component () {
                         marginBottom: '10px',
                     }}
                 >
-                    <Square/>
+                    <Icon2/>
                     <Typography fontSize={'18px'} lineHeight={'22.33px'} paddingBottom={'18px'}>
                         Получаете заинтересованного, квалифицированного клиента</Typography>
                 </BoxCard>
@@ -98,7 +101,7 @@ export default function Component () {
                         marginBottom: '10px',
                     }}
                 >
-                    <Square/>
+                    <Icon3/>
                     <Typography  fontSize={'18px'} lineHeight={'22.33px'} paddingBottom={'18px'}>
                         Увеличиваете качество цифрового общения и конверсию в продажи</Typography>
                 </BoxCard>
diff --git a/src/pages/Landing/HeaderLanding.tsx b/src/pages/Landing/HeaderLanding.tsx
index ac90f373..b6fa7497 100644
--- a/src/pages/Landing/HeaderLanding.tsx
+++ b/src/pages/Landing/HeaderLanding.tsx
@@ -59,7 +59,7 @@ export default function Component() {
                         borderRadius: '8px',
                         padding: '8px 17px',
                     }}
-            >Личный кабинет</Button>
+            >Предрегистрация</Button>
         </SectionStyled>
     )
 }
\ No newline at end of file
diff --git a/src/pages/Landing/HowItWorks.tsx b/src/pages/Landing/HowItWorks.tsx
index 9189e2a6..659ee0c6 100644
--- a/src/pages/Landing/HowItWorks.tsx
+++ b/src/pages/Landing/HowItWorks.tsx
@@ -5,14 +5,16 @@ import SectionStyled from './SectionStyled';
 import {styled} from "@mui/material/styles";
 import YoutobeIcon from "../../assets/LandingPict/youtobeIcon";
 import OneIconBorder from "@icons/OneIconBorder";
-import CalendarIcon from "../../assets/LandingPict/calendarIcon";
+import TwoIcon from "./images/icons/IconNumber2";
+import ThreeIcon from "./images/icons/IconNumber3";
+import FourIcon from "./images/icons/IconNumber4";
 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/Group127";
-import Icon2 from "./images/icons/Group128";
-import Icon3 from "./images/icons/Group129";
+import Icon1 from "./images/icons/vkIcon";
+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";
@@ -30,7 +32,7 @@ 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/Group22";
+import Icon21 from "./images/icons/Network";
 
 export default function HowItWorks () {
     return(
@@ -122,7 +124,7 @@ export default function HowItWorks () {
                         sx={{
                             display: 'flex',
                             flexDirection: 'column',
-                            maxWidth: '427px',
+                            maxWidth: '507px',
                             height: '50%',
                             justifyContent: 'end',
                         }}
@@ -139,11 +141,12 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
+                                    // width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon21/>
@@ -152,11 +155,12 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
+                                    // width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon2/>
@@ -168,17 +172,18 @@ export default function HowItWorks () {
                                 display: 'flex',
                                 flexWrap: 'wrap',
                                 justifyContent: 'space-between',
-                                padding: '20px 20px 0 0',
+                                padding: '20px 94px 0 0',
                             }}
                         >
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
+                                    // width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon1/>
@@ -187,11 +192,12 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
+                                    // width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon3/>
@@ -248,7 +254,7 @@ export default function HowItWorks () {
                             background: "#EEE4FC"
                         }}
                     >
-                        <OneIconBorder color={"#7E2AEA"}/>
+                        <TwoIcon/>
                     </Box>
 
                     <Box
@@ -282,18 +288,22 @@ export default function HowItWorks () {
                         <Box
                             sx={{
                                 display: "flex",
-                                flexWrap: 'wrap',
+                                // flexWrap: 'wrap',
                                 justifyContent: 'space-between',
-                                width: '74%',
                                 marginTop: '15px',
+                                gap: "15px"
                             }}
                         >
-                            <CalendarIcon/>
-                            <CalendarIcon/>
-                            <CalendarIcon/>
-                            <CalendarIcon/>
-                            <CalendarIcon/>
-                            <CalendarIcon/>
+                            <Icon4/>
+                            <Icon5/>
+                            <Icon6/>
+                            <Icon7/>
+                            <Icon8/>
+                            <Icon9/>
+                            <Icon10/>
+                            <Icon11/>
+                            <Icon12/>
+                            <Icon13/>
                         </Box>
                     </Box>
                 </Box>
@@ -343,7 +353,7 @@ export default function HowItWorks () {
                             background: "#EEE4FC"
                         }}
                     >
-                        <OneIconBorder color={"#7E2AEA"}/>
+                        <ThreeIcon/>
                     </Box>
                     <Box
                         sx={{
@@ -363,7 +373,7 @@ export default function HowItWorks () {
                         sx={{
                             display: 'flex',
                             flexDirection: 'column',
-                            maxWidth: '427px',
+                            maxWidth: '497px',
                             minHeight: '50%',
                             justifyContent: 'end',
                         }}
@@ -379,11 +389,11 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon14/>
@@ -392,11 +402,11 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon15/>
@@ -413,11 +423,11 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon16/>
@@ -472,7 +482,7 @@ export default function HowItWorks () {
                             background: "#EEE4FC",
                         }}
                     >
-                        <OneIconBorder color={"#7E2AEA"}/>
+                        <FourIcon/>
                     </Box>
                     <Box
                         sx={{
@@ -491,7 +501,7 @@ export default function HowItWorks () {
                         sx={{
                             display: 'flex',
                             flexDirection: 'column',
-                            maxWidth: '427px',
+                            maxWidth: '520px',
                             height: '50%',
                             justifyContent: 'end',
                         }}
@@ -507,11 +517,11 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon17/>
@@ -520,32 +530,32 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon18/>
-                                <Typography fontSize='18px'> воронки и чат боты</Typography>
+                                <Typography fontSize='18px'> воронки и чат-боты</Typography>
                             </Box>
                         </Box>
                         <Box
                             sx={{
                                 display: 'flex',
                                 justifyContent: 'space-between',
-                                padding: '20px 20px 0 0',
+                                padding: '20px 79px 0 0',
                             }}
                         >
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon19/>
@@ -554,11 +564,11 @@ export default function HowItWorks () {
                             <Box
                                 sx={{
                                     display: 'flex',
-                                    width: '126px',
                                     justifyContent: 'space-between',
                                     alignItems: 'center',
                                     padding: '0',
                                     flexWrap: 'wrap',
+                                    gap: "15px"
                                 }}
                             >
                                 <Icon20/>
diff --git a/src/pages/Landing/HowToUse.tsx b/src/pages/Landing/HowToUse.tsx
index 43583644..bdfd6c97 100644
--- a/src/pages/Landing/HowToUse.tsx
+++ b/src/pages/Landing/HowToUse.tsx
@@ -2,15 +2,16 @@ import React from 'react';
 import Box from '@mui/material/Box';
 import {Typography} from "@mui/material";
 import SectionStyled from './SectionStyled';
+import Link from '@mui/material/Link';
+import {styled} from "@mui/material/styles";
+import Notebook from "../../assets/LandingPict/notebook";
+import BigBlock from "./images/bigblock.png";
 import Button from "@mui/material/Button";
 // import Note from './image/note.png'
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import Link from '@mui/material/Link';
 // import CalendarW from './image/calendar-W.svg'
 // import CalendarP from './image/calendar-P.svg'
-import {styled} from "@mui/material/styles";
-import Notebook from "../../assets/LandingPict/notebook";
 import CalendarIcon from "../../assets/LandingPict/calendarIcon";
 
 const BoxUse = styled('div')(({ theme }) => ({
@@ -122,7 +123,7 @@ function Quiz () {
 export default function Component () {
     return (
         <SectionStyled tag={'section'} bg={'#f2f3f7'} mwidth={'1160px'}
-                       sxsect={{minHeight: '1620px', alignItems: 'flex-start'}}
+                       sxsect={{minHeight: '809px', alignItems: 'flex-start'}}
                        sxcont={{
                            display: 'flex',
                            flexDirection: 'column',
@@ -131,89 +132,89 @@ export default function Component () {
                            padding: '16px 10px 50px 10px',
                        }}
         >
-            <Box
-                sx={{
-                    height: '50%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'space-around',
-                    marginTop: '34px',
-                    width:'100%',
-                }}
-            >
-                <BoxUse
-                    sx={{
-                        display: 'flex',
-                        flexWrap: 'wrap',
-                        justifyContent: 'space-between',
-                        marginTop: '20px',
-                    }}
-                >
-                    <Box
-                        sx={{
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: '20px'
+            {/*<Box*/}
+            {/*    sx={{*/}
+            {/*        height: '50%',*/}
+            {/*        display: 'flex',*/}
+            {/*        flexDirection: 'column',*/}
+            {/*        justifyContent: 'space-around',*/}
+            {/*        marginTop: '34px',*/}
+            {/*        width:'100%',*/}
+            {/*    }}*/}
+            {/*>*/}
+            {/*    <BoxUse*/}
+            {/*        sx={{*/}
+            {/*            display: 'flex',*/}
+            {/*            flexWrap: 'wrap',*/}
+            {/*            justifyContent: 'space-between',*/}
+            {/*            marginTop: '20px',*/}
+            {/*        }}*/}
+            {/*    >*/}
+            {/*        <Box*/}
+            {/*            sx={{*/}
+            {/*                display: 'flex',*/}
+            {/*                flexDirection: 'column',*/}
+            {/*                gap: '20px'*/}
 
-                        }}
-                    >
-                        <Typography variant='h6' fontSize={'36px'}>Как используют квиз</Typography>
-                        <Typography marginBottom={'10px'} fontSize={'18px'}>В крупном и малом бизнесе</Typography>
-                    </Box>
-                    <BoxButtons
-                        sx={{
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                            flexWrap: 'wrap',
-                            marginBottom: '40px',
-                            maxWidth: '357px',
-                            width: '100%',
-                        }}
-                    >
-                        <Button variant='outlined'
-                                 sx={{
-                                    color: '#000000',
-                                     borderColor: '#000000',
-                                 }}
-                        >
-                            Посмотреть все кейсы
-                        </Button>
-                        <Box>
-                            <Button variant='contained'
-                                    sx={{
-                                        height: '44px',
-                                        width: '44px',
-                                        borderRadius: '50%',
-                                        minWidth: '44px',
-                                        marginRight: '10px',
-                                    }}
-                            ><ArrowBackIcon/></Button>
-                            <Button variant='contained'
-                                    sx={{
-                                        height: '44px',
-                                        width: '44px',
-                                        borderRadius: '50%',
-                                        minWidth: '44px',
-                                    }}
-                            ><ArrowForwardIcon/></Button>
-                        </Box>
-                    </BoxButtons>
-                </BoxUse>
-                <BoxUse
-                    sx={{
-                        display: 'flex',
-                        justifyContent: 'space-between',
-                        flexWrap: 'wrap',
-                        minHeight: '530px',
-                        marginTop: '6px',
-                    }}
-                >
-                    <Quiz/>
-                    <Quiz/>
-                    <Quiz/>
-                </BoxUse>
-            </Box>
+            {/*            }}*/}
+            {/*        >*/}
+            {/*            <Typography variant='h6' fontSize={'36px'}>Как используют квиз</Typography>*/}
+            {/*            <Typography marginBottom={'10px'} fontSize={'18px'}>В крупном и малом бизнесе</Typography>*/}
+            {/*        </Box>*/}
+            {/*        <BoxButtons*/}
+            {/*            sx={{*/}
+            {/*                display: 'flex',*/}
+            {/*                justifyContent: 'space-between',*/}
+            {/*                alignItems: 'center',*/}
+            {/*                flexWrap: 'wrap',*/}
+            {/*                marginBottom: '40px',*/}
+            {/*                maxWidth: '357px',*/}
+            {/*                width: '100%',*/}
+            {/*            }}*/}
+            {/*        >*/}
+            {/*            <Button variant='outlined'*/}
+            {/*                     sx={{*/}
+            {/*                        color: '#000000',*/}
+            {/*                         borderColor: '#000000',*/}
+            {/*                     }}*/}
+            {/*            >*/}
+            {/*                Посмотреть все кейсы*/}
+            {/*            </Button>*/}
+            {/*            <Box>*/}
+            {/*                <Button variant='contained'*/}
+            {/*                        sx={{*/}
+            {/*                            height: '44px',*/}
+            {/*                            width: '44px',*/}
+            {/*                            borderRadius: '50%',*/}
+            {/*                            minWidth: '44px',*/}
+            {/*                            marginRight: '10px',*/}
+            {/*                        }}*/}
+            {/*                ><ArrowBackIcon/></Button>*/}
+            {/*                <Button variant='contained'*/}
+            {/*                        sx={{*/}
+            {/*                            height: '44px',*/}
+            {/*                            width: '44px',*/}
+            {/*                            borderRadius: '50%',*/}
+            {/*                            minWidth: '44px',*/}
+            {/*                        }}*/}
+            {/*                ><ArrowForwardIcon/></Button>*/}
+            {/*            </Box>*/}
+            {/*        </BoxButtons>*/}
+            {/*    </BoxUse>*/}
+            {/*    <BoxUse*/}
+            {/*        sx={{*/}
+            {/*            display: 'flex',*/}
+            {/*            justifyContent: 'space-between',*/}
+            {/*            flexWrap: 'wrap',*/}
+            {/*            minHeight: '530px',*/}
+            {/*            marginTop: '6px',*/}
+            {/*        }}*/}
+            {/*    >*/}
+            {/*        <Quiz/>*/}
+            {/*        <Quiz/>*/}
+            {/*        <Quiz/>*/}
+            {/*    </BoxUse>*/}
+            {/*</Box>*/}
             <Box
                 sx={{
                     height: '50%',
@@ -238,87 +239,87 @@ export default function Component () {
                         Изящное решение исследовательских и бизнес-задач
                     </Typography>
                 </Box>
-                <Box
-                    sx={{
-                        display: 'flex',
-                        justifyContent: 'space-between',
-                        width: '100%',
-                        flexWrap: 'wrap',
-                        marginTop: '60px',
-                    }}
-                >
-                    <Button
-                            sx={{
-                                width: '275px',
-                                height: '66px',
-                                borderRadius: '12px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'space-around',
-                                paddingRight: '77px',
-                                textTransform: 'none',
-                                backgroundColor: '#7e2aea',
-                                color: '#ffffff',
-                            }}
-                    >
-                        <CalendarIcon/>
-                        <Typography>Исследования</Typography>
-                    </Button>
-                    <Button
-                        sx={{
-                            width: '275px',
-                            height: '66px',
-                            backgroundColor: '#ffffff',
-                            borderRadius: '12px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-around',
-                            paddingRight: '77px',
-                            textTransform: 'none',
-                            color: '#4D4D4D',
-                        }}
-                        //variant='template'
-                        >
-                        <CalendarIcon/>
-                        <Typography>Сегментация</Typography>
-                    </Button>
-                    <Button
-                        sx={{
-                            width: '275px',
-                            height: '66px',
-                            backgroundColor: '#ffffff',
-                            borderRadius: '12px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-around',
-                            paddingRight: '77px',
-                            textTransform: 'none',
-                            color: '#4D4D4D',
-                        }}
-                        //variant='template'
-                    >
-                        <CalendarIcon/>
-                        <Typography>Тестирование</Typography>
-                    </Button>
-                    <Button
-                        //variant='template'
-                        sx={{
-                            width: '275px',
-                            height: '66px',
-                            backgroundColor: '#ffffff',
-                            borderRadius: '12px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-around',
-                            paddingRight: '77px',
-                            textTransform: 'none',
-                            color: '#4D4D4D',
-                        }}
-                    >
-                        <CalendarIcon/>
-                        <Typography>E-commerce</Typography>
-                    </Button>
-                </Box>
+                {/*<Box*/}
+                {/*    sx={{*/}
+                {/*        display: 'flex',*/}
+                {/*        justifyContent: 'space-between',*/}
+                {/*        width: '100%',*/}
+                {/*        flexWrap: 'wrap',*/}
+                {/*        marginTop: '60px',*/}
+                {/*    }}*/}
+                {/*>*/}
+                {/*    <Button*/}
+                {/*            sx={{*/}
+                {/*                width: '275px',*/}
+                {/*                height: '66px',*/}
+                {/*                borderRadius: '12px',*/}
+                {/*                display: 'flex',*/}
+                {/*                alignItems: 'center',*/}
+                {/*                justifyContent: 'space-around',*/}
+                {/*                paddingRight: '77px',*/}
+                {/*                textTransform: 'none',*/}
+                {/*                backgroundColor: '#7e2aea',*/}
+                {/*                color: '#ffffff',*/}
+                {/*            }}*/}
+                {/*    >*/}
+                {/*        <CalendarIcon/>*/}
+                {/*        <Typography>Исследования</Typography>*/}
+                {/*    </Button>*/}
+                {/*    <Button*/}
+                {/*        sx={{*/}
+                {/*            width: '275px',*/}
+                {/*            height: '66px',*/}
+                {/*            backgroundColor: '#ffffff',*/}
+                {/*            borderRadius: '12px',*/}
+                {/*            display: 'flex',*/}
+                {/*            alignItems: 'center',*/}
+                {/*            justifyContent: 'space-around',*/}
+                {/*            paddingRight: '77px',*/}
+                {/*            textTransform: 'none',*/}
+                {/*            color: '#4D4D4D',*/}
+                {/*        }}*/}
+                {/*        //variant='template'*/}
+                {/*        >*/}
+                {/*        <CalendarIcon/>*/}
+                {/*        <Typography>Сегментация</Typography>*/}
+                {/*    </Button>*/}
+                {/*    <Button*/}
+                {/*        sx={{*/}
+                {/*            width: '275px',*/}
+                {/*            height: '66px',*/}
+                {/*            backgroundColor: '#ffffff',*/}
+                {/*            borderRadius: '12px',*/}
+                {/*            display: 'flex',*/}
+                {/*            alignItems: 'center',*/}
+                {/*            justifyContent: 'space-around',*/}
+                {/*            paddingRight: '77px',*/}
+                {/*            textTransform: 'none',*/}
+                {/*            color: '#4D4D4D',*/}
+                {/*        }}*/}
+                {/*        //variant='template'*/}
+                {/*    >*/}
+                {/*        <CalendarIcon/>*/}
+                {/*        <Typography>Тестирование</Typography>*/}
+                {/*    </Button>*/}
+                {/*    <Button*/}
+                {/*        //variant='template'*/}
+                {/*        sx={{*/}
+                {/*            width: '275px',*/}
+                {/*            height: '66px',*/}
+                {/*            backgroundColor: '#ffffff',*/}
+                {/*            borderRadius: '12px',*/}
+                {/*            display: 'flex',*/}
+                {/*            alignItems: 'center',*/}
+                {/*            justifyContent: 'space-around',*/}
+                {/*            paddingRight: '77px',*/}
+                {/*            textTransform: 'none',*/}
+                {/*            color: '#4D4D4D',*/}
+                {/*        }}*/}
+                {/*    >*/}
+                {/*        <CalendarIcon/>*/}
+                {/*        <Typography>E-commerce</Typography>*/}
+                {/*    </Button>*/}
+                {/*</Box>*/}
                 <Box
                     sx={{
                         width: '100%',
@@ -366,13 +367,15 @@ export default function Component () {
                         }}
                     >
                         <Box
+                            component={"img"}
+                            src={BigBlock}
                             sx={{
                                 width: '100%',
                                 height: '418px',
                                 backgroundColor: '#c8dade',
                                 borderRadius: '12px',
                             }}
-                        > </Box>
+                        />
                     </Box>
                 </Box>
             </Box>
diff --git a/src/pages/Landing/Landing.tsx b/src/pages/Landing/Landing.tsx
index 0eff582c..03de49a7 100644
--- a/src/pages/Landing/Landing.tsx
+++ b/src/pages/Landing/Landing.tsx
@@ -21,10 +21,10 @@ export default function Landing() {
             <HowItWorks/>
             <BusinessPluses/>
             <HowToUse/>
-            <WhatTheySay/>
-            <StartWithTemplates/>
+            {/*<WhatTheySay/>*/}
+            {/*<StartWithTemplates/>*/}
             <WhatTheFeatures/>
-            <Blog/>
+            {/*<Blog/>*/}
             <Questions/>
             <Footer />
         </>
diff --git a/src/pages/Landing/WhatTheFeatures.tsx b/src/pages/Landing/WhatTheFeatures.tsx
index b15535ae..9b70ddd5 100644
--- a/src/pages/Landing/WhatTheFeatures.tsx
+++ b/src/pages/Landing/WhatTheFeatures.tsx
@@ -3,7 +3,14 @@ import Box from '@mui/material/Box';
 import {Typography} from "@mui/material";
 import SectionStyled from './SectionStyled';
 import Button from "@mui/material/Button";
-import Desktop from '../../assets/LandingPict/Desktop.png';
+// import Desktop from '../../assets/LandingPict/Desktop.png';
+import Desktop1 from './images/Frame 1171274552.png';
+import Desktop2 from './images/Frame 1171274552-1.png';
+import Desktop3 from './images/Frame 1171274552-2.png';
+import Desktop4 from './images/Frame 1171274552-3.png';
+import Desktop5 from './images/Frame 1171274552-4.png';
+import Desktop6 from './images/Frame 1171274552-5.png';
+import Desktop7 from './images/Frame 1171274552-6.png';
 import {styled} from "@mui/material/styles";
 //
 // const BoxCard = styled('div')(({ theme }) => ({
@@ -19,6 +26,7 @@ const BoxCardHead = styled('div')(({ theme }) => ({
 }));
 interface Props {
     children: React.ReactNode;
+    image: string;
 }
 
 function BoxFich(props: Props) {
@@ -52,7 +60,7 @@ function BoxFich(props: Props) {
                     alignItems: 'end',
                 }}
             >
-                <img src={Desktop} width={'96%'}/>
+                <img src={props.image} width={'96%'}/>
             </Box>
         </Box>
     )
@@ -92,7 +100,7 @@ export default function Component () {
                                     lineHeight:'43px',
                                 }}
                     >
-                        Что по фичам?
+                        {/*Что по фичам?*/}
                     </Typography>
                     <Typography
                         sx={{
@@ -102,10 +110,10 @@ export default function Component () {
                             margin: '20px 0 10px 0',
                         }}
                     >
-                        Самый функциональный конструктор квизов
+                        {/*Самый функциональный конструктор квизов*/}
                     </Typography>
                 </Box>
-                <BoxFich>
+                <BoxFich image={Desktop1}>
                     <Box maxWidth={'174px'}>
                         <Typography
                             sx={{
@@ -138,7 +146,7 @@ export default function Component () {
                         </Typography>
                     </Box>
                 </BoxFich>
-                <BoxFich>
+                <BoxFich image={Desktop2}>
                     <Box maxWidth={'227px'}>
                         <Typography
                             sx={{
@@ -169,7 +177,7 @@ export default function Component () {
                         </Typography>
                     </Box>
                 </BoxFich>
-                <BoxFich>
+                <BoxFich image={Desktop3}>
                     <Box maxWidth={'227px'}>
                         <Typography
                             sx={{
@@ -200,7 +208,7 @@ export default function Component () {
                         </Typography>
                     </Box>
                 </BoxFich>
-                <BoxFich>
+                <BoxFich image={Desktop4}>
                     <Box maxWidth={'226px'}>
                         <Typography
                             sx={{
@@ -242,7 +250,7 @@ export default function Component () {
                     alignItems: "end"
                 }}
             >
-                <BoxFich>
+                <BoxFich image={Desktop5}>
                     <Box maxWidth={'227px'}>
                         <Typography
                             sx={{
@@ -273,7 +281,7 @@ export default function Component () {
                         </Typography>
                     </Box>
                 </BoxFich>
-                <BoxFich>
+                <BoxFich image={Desktop6}>
                     <Box maxWidth={'227px'}>
                         <Typography
                             sx={{
@@ -303,7 +311,7 @@ export default function Component () {
                         </Typography>
                     </Box>
                 </BoxFich>
-                <BoxFich>
+                <BoxFich image={Desktop7}>
                     <Box maxWidth={'220px'}>
                         <Typography
                             sx={{
diff --git a/src/pages/Landing/images/icons/DoneIcon.tsx b/src/pages/Landing/images/icons/DoneIcon.tsx
new file mode 100644
index 00000000..6e94c039
--- /dev/null
+++ b/src/pages/Landing/images/icons/DoneIcon.tsx
@@ -0,0 +1,34 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function ({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "59px",
+                width: "59px",
+                display: "flex",
+                borderRadius: "6px",
+                backgroundColor: "#5A1EA8",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <g id="UserCircle">
+                    <g id="Sale">
+                        <path id="Subtract" d="M12.774 33.6311L12.4743 34.3186L12.774 33.6311ZM33.6354 25.4238L32.9479 25.1242L33.6354 25.4238ZM33.6301 12.7623L32.9429 13.0625L33.6301 12.7623ZM13.3001 33.8493L13.0254 34.5472L13.3001 33.8493ZM24.896 4.3458L24.6216 5.04382L24.896 4.3458ZM24.904 33.8492L25.1787 34.5471L24.904 33.8492ZM25.7327 3.88091C25.547 3.79988 25.3595 3.72214 25.1703 3.64778L24.6216 5.04382C24.7936 5.11142 24.9641 5.18209 25.1329 5.25575L25.7327 3.88091ZM34.5498 13.022C34.4757 12.8336 34.3982 12.647 34.3174 12.4621L32.9429 13.0625C33.0163 13.2306 33.0867 13.4003 33.1541 13.5715L34.5498 13.022ZM34.3229 25.7234C34.4025 25.5408 34.4789 25.3565 34.5521 25.1705L33.1561 24.6215C33.0897 24.7906 33.0202 24.9582 32.9479 25.1242L34.3229 25.7234ZM25.1787 34.5471C25.3646 34.4739 25.5488 34.3975 25.7314 34.3179L25.1316 32.943C24.9657 33.0154 24.7982 33.0848 24.6292 33.1514L25.1787 34.5471ZM12.4743 34.3186C12.6563 34.398 12.84 34.4742 13.0254 34.5472L13.5748 33.1514C13.4063 33.0851 13.2393 33.0158 13.0738 32.9436L12.4743 34.3186ZM3.65174 25.1702C3.72267 25.3505 3.79666 25.5294 3.87365 25.7066L5.24942 25.1088C5.17942 24.9477 5.11216 24.7852 5.04768 24.6212L3.65174 25.1702ZM3.88729 12.4603C3.80621 12.6459 3.72842 12.8332 3.65399 13.0223L5.04973 13.5717C5.11738 13.3999 5.1881 13.2296 5.26181 13.0609L3.88729 12.4603ZM13.0338 3.64772C12.8444 3.72215 12.6567 3.79996 12.4708 3.88107L13.0707 5.2559C13.2397 5.18216 13.4103 5.11143 13.5824 5.04377L13.0338 3.64772ZM10.1083 10.0988C10.5343 9.67278 10.8372 9.15153 11.0785 8.64626C11.315 8.15089 11.5256 7.59456 11.7164 7.13533C12.1367 6.12344 12.5023 5.50393 13.0707 5.2559L12.4708 3.88107C11.2819 4.39983 10.7289 5.60241 10.3312 6.55987C10.1129 7.08531 9.9395 7.55046 9.72489 7.99989C9.515 8.43941 9.29952 8.78626 9.04764 9.03814L10.1083 10.0988ZM5.26181 13.0609C5.51027 12.4922 6.1304 12.1269 7.14303 11.7068C7.60264 11.5161 8.15925 11.3057 8.65495 11.0692C9.16052 10.8279 9.68207 10.525 10.1083 10.0988L9.04764 9.03814C8.79569 9.29008 8.44873 9.50556 8.009 9.71537C7.55941 9.92989 7.09393 10.1032 6.56823 10.3213C5.61022 10.7187 4.40681 11.2713 3.88729 12.4603L5.26181 13.0609ZM6.38265 19.0956C6.38265 18.4925 6.22779 17.9091 6.04063 17.3806C5.85712 16.8626 5.61197 16.3197 5.42166 15.8596C5.00225 14.8457 4.82249 14.149 5.04973 13.5717L3.65399 13.0223C3.17818 14.2309 3.63882 15.4739 4.03557 16.433C4.25333 16.9594 4.46021 17.4114 4.6267 17.8814C4.78953 18.3412 4.88265 18.7392 4.88265 19.0956H6.38265ZM5.04768 24.6212C4.82056 24.0437 5.00072 23.3467 5.42066 22.3325C5.61122 21.8723 5.8566 21.3294 6.0403 20.8112C6.22765 20.2826 6.38265 19.699 6.38265 19.0956H4.88265C4.88265 19.4522 4.78946 19.8502 4.62649 20.31C4.45985 20.7801 4.25277 21.2322 4.03477 21.7587C3.63758 22.7179 3.17627 23.9611 3.65174 25.1702L5.04768 24.6212ZM10.1083 28.0753C9.68121 27.6483 9.15812 27.3449 8.65108 27.1035C8.1539 26.8667 7.59541 26.656 7.1343 26.4651C6.11797 26.0442 5.49679 25.6782 5.24942 25.1088L3.87365 25.7066C4.39195 26.8995 5.59962 27.4531 6.56041 27.851C7.08786 28.0694 7.55499 28.2429 8.00612 28.4577C8.4474 28.6679 8.79532 28.8837 9.0476 29.136L10.1083 28.0753ZM13.0738 32.9436C12.5039 32.6951 12.1383 32.0723 11.7181 31.054C11.5275 30.5919 11.3173 30.0327 11.0806 29.5346C10.8392 29.0268 10.5359 28.5029 10.1083 28.0753L9.0476 29.136C9.30004 29.3884 9.51582 29.7366 9.72577 30.1785C9.94037 30.63 10.1136 31.098 10.3316 31.6262C10.7286 32.5884 11.281 33.7983 12.4743 34.3186L13.0738 32.9436ZM28.0955 28.0883C27.6688 28.5151 27.3657 29.0375 27.1244 29.544C26.8878 30.0406 26.6773 30.5983 26.4866 31.0588C26.0663 32.0737 25.7008 32.6947 25.1316 32.943L25.7314 34.3179C26.9223 33.7984 27.475 32.5924 27.8725 31.6328C28.0906 31.1061 28.2639 30.6396 28.4785 30.1892C28.6884 29.7486 28.9041 29.4011 29.1562 29.149L28.0955 28.0883ZM32.9479 25.1242C32.6999 25.6932 32.0793 26.0588 31.0649 26.4793C30.6046 26.6701 30.0471 26.8806 29.5507 27.1172C29.0444 27.3586 28.5222 27.6617 28.0955 28.0883L29.1562 29.149C29.4083 28.8969 29.7557 28.6812 30.1962 28.4713C30.6465 28.2566 31.1127 28.0832 31.6393 27.865C32.5986 27.4673 33.804 26.9143 34.3229 25.7234L32.9479 25.1242ZM31.821 19.0956C31.821 19.6991 31.976 20.2827 32.1634 20.8112C32.3471 21.3295 32.5925 21.8725 32.7831 22.3327C33.2031 23.3469 33.3833 24.0439 33.1561 24.6215L34.5521 25.1705C35.0276 23.9613 34.5662 22.7181 34.169 21.7588C33.951 21.2323 33.7438 20.7802 33.5772 20.3101C33.4142 19.8503 33.321 19.4522 33.321 19.0956H31.821ZM28.0955 10.1002C28.5218 10.5265 29.0435 10.8294 29.5491 11.0706C30.0449 11.3072 30.6017 11.5176 31.0614 11.7083C32.0742 12.1284 32.6945 12.4938 32.9429 13.0625L34.3174 12.4621C33.798 11.2728 32.5943 10.7202 31.6361 10.3228C31.1103 10.1046 30.6447 9.93135 30.195 9.71682C29.7552 9.50698 29.4081 9.29149 29.1562 9.03952L28.0955 10.1002ZM19.102 31.8158C18.4985 31.8158 17.9147 31.9709 17.386 32.1584C16.8676 32.3422 16.3245 32.5877 15.8641 32.7784C14.8494 33.1986 14.1523 33.3787 13.5748 33.1514L13.0254 34.5472C14.2347 35.0232 15.4784 34.5616 16.438 34.1642C16.9647 33.9461 17.417 33.7389 17.8873 33.5721C18.3473 33.409 18.7454 33.3158 19.102 33.3158V31.8158ZM25.1329 5.25575C25.7014 5.5038 26.067 6.12351 26.4873 7.13579C26.6781 7.5952 26.8886 8.1517 27.1252 8.64724C27.3665 9.15266 27.6694 9.67407 28.0955 10.1002L29.1562 9.03952C28.9043 8.78761 28.6888 8.44068 28.4789 8.00101C28.2643 7.55146 28.0909 7.08613 27.8726 6.56053C27.4749 5.60278 26.9219 4.39975 25.7327 3.88091L25.1329 5.25575ZM19.1021 6.37432C19.7048 6.37432 20.2877 6.21976 20.8157 6.03292C21.3333 5.84975 21.8757 5.60505 22.3353 5.41509C23.3481 4.9965 24.0444 4.81696 24.6216 5.04382L25.1703 3.64778C23.9624 3.17303 22.7207 3.63275 21.7624 4.02882C21.2364 4.24619 20.7849 4.45267 20.3153 4.61885C19.856 4.78136 19.4584 4.87432 19.1021 4.87432V6.37432ZM33.1541 13.5715C33.3814 14.1487 33.2016 14.8455 32.7821 15.8594C32.5918 16.3195 32.3466 16.8624 32.1631 17.3805C31.9759 17.909 31.821 18.4924 31.821 19.0956H33.321C33.321 18.7392 33.4141 18.3411 33.577 17.8814C33.7435 17.4113 33.9504 16.9593 34.1682 16.4328C34.565 15.4737 35.0257 14.2307 34.5498 13.022L33.1541 13.5715ZM24.6292 33.1514C24.0518 33.3787 23.3546 33.1985 22.34 32.7784C21.8796 32.5877 21.3365 32.3422 20.8181 32.1584C20.2894 31.9709 19.7056 31.8158 19.102 31.8158V33.3158C19.4587 33.3158 19.8568 33.409 20.3168 33.5721C20.7871 33.7389 21.2394 33.9461 21.7661 34.1642C22.7257 34.5616 23.9693 35.0232 25.1787 34.5471L24.6292 33.1514ZM19.1021 4.87432C18.7458 4.87432 18.3481 4.78136 17.8888 4.61884C17.4192 4.45266 16.9677 4.24618 16.4417 4.0288C15.4834 3.63271 14.2417 3.17298 13.0338 3.64772L13.5824 5.04377C14.1597 4.81691 14.8559 4.99647 15.8688 5.41507C16.3284 5.60503 16.8708 5.84974 17.3884 6.03292C17.9164 6.21975 18.4993 6.37432 19.1021 6.37432V4.87432Z" fill="white"/>
+                        <path id="Vector 2734" d="M13.6719 18.7306L17.5654 22.2348C17.9607 22.5905 18.5654 22.5746 18.9415 22.1986L25.6286 15.5115" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </g>
+                </g>
+            </svg>
+
+        </Box>
+
+    )
+};
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/Handshake.tsx b/src/pages/Landing/images/icons/Handshake.tsx
new file mode 100644
index 00000000..803acd42
--- /dev/null
+++ b/src/pages/Landing/images/icons/Handshake.tsx
@@ -0,0 +1,35 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function ({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "59px",
+                width: "59px",
+                display: "flex",
+                borderRadius: "6px",
+                background: "#5A1EA8",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <g id="Handshake">
+                    <path id="Vector" d="M36.6691 18.5555L32.9063 20.4293L28.0312 11.1059L31.8398 9.20158C32.1229 9.05731 32.4515 9.03079 32.754 9.12782C33.0565 9.22485 33.3084 9.43756 33.4547 9.71955L37.2023 16.8949C37.2783 17.0386 37.3248 17.196 37.3391 17.3578C37.3534 17.5197 37.3352 17.6828 37.2855 17.8375C37.2358 17.9922 37.1557 18.1355 37.0498 18.2588C36.944 18.3821 36.8146 18.4829 36.6691 18.5555V18.5555Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_2" d="M6.093 20.2769L2.33011 18.3878C2.18523 18.3168 2.0561 18.2174 1.9504 18.0955C1.84471 17.9736 1.76461 17.8317 1.71487 17.6782C1.66513 17.5247 1.64676 17.3628 1.66085 17.202C1.67494 17.0413 1.72121 16.885 1.79691 16.7425L5.54457 9.56714C5.69117 9.28536 5.94199 9.07194 6.24362 8.97234C6.54525 8.87275 6.87384 8.89485 7.15941 9.03394L10.968 10.9382L6.093 20.2769Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_3" d="M32.9062 20.4292L30.4688 23.2933L24.8625 28.8995C24.7097 29.0424 24.5246 29.1461 24.3229 29.2018C24.1213 29.2576 23.9092 29.2636 23.7047 29.2194L14.8687 27.0104C14.7073 26.9655 14.5569 26.8877 14.427 26.7819L6.09375 20.2769" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_4" d="M30.4692 23.2935L23.7661 18.4185L21.8161 19.881C20.9712 20.5115 19.9453 20.8522 18.8911 20.8522C17.8369 20.8522 16.8109 20.5115 15.9661 19.881L15.1434 19.2564C15.0043 19.1506 14.8892 19.0165 14.8058 18.8629C14.7224 18.7094 14.6726 18.5398 14.6596 18.3656C14.6467 18.1913 14.6709 18.0163 14.7306 17.852C14.7904 17.6878 14.8844 17.5382 15.0063 17.413L20.9782 11.4564C21.0904 11.3447 21.2234 11.2563 21.3698 11.1962C21.5162 11.1361 21.673 11.1054 21.8313 11.106H28.0317" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_5" d="M11.0586 10.9383L18.8738 8.65318C19.1515 8.57354 19.4485 8.59514 19.7117 8.71412L24.9828 11.1059" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_6" d="M17.0625 32.434L12.477 31.2762C12.2901 31.234 12.1171 31.1448 11.9742 31.0172L8.53125 28.0312" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </g>
+            </svg>
+        </Box>
+
+    )
+};
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/IconNumber2.tsx b/src/pages/Landing/images/icons/IconNumber2.tsx
new file mode 100644
index 00000000..d3f8c645
--- /dev/null
+++ b/src/pages/Landing/images/icons/IconNumber2.tsx
@@ -0,0 +1,27 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function OneIconBorder({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "36px",
+                width: "36px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect width="36" height="36" rx="6" fill="#EEE4FC"/>
+                <path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/>
+                <path d="M16.2696 15.3945C16.4382 14.9964 16.7392 14.6687 17.1216 14.4669C17.504 14.2651 17.9444 14.2015 18.3683 14.2871C18.7921 14.3726 19.1734 14.6018 19.4477 14.9361C19.7219 15.2704 19.8723 15.6892 19.8734 16.1216C19.8751 16.4951 19.7633 16.8604 19.5529 17.1691V17.1691L16.1211 21.75H19.8734" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+        </Box>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/IconNumber3.tsx b/src/pages/Landing/images/icons/IconNumber3.tsx
new file mode 100644
index 00000000..94c1e531
--- /dev/null
+++ b/src/pages/Landing/images/icons/IconNumber3.tsx
@@ -0,0 +1,28 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function OneIconBorder({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "36px",
+                width: "36px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect width="36" height="36" rx="6" fill="#EEE4FC"/>
+                <path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/>
+                <path d="M16.125 14.25H19.875L17.6875 17.375C18.0472 17.375 18.4014 17.4638 18.7186 17.6334C19.0359 17.8029 19.3064 18.0482 19.5062 18.3473C19.7061 18.6464 19.8291 18.9901 19.8643 19.3481C19.8996 19.7061 19.846 20.0673 19.7083 20.3996C19.5707 20.732 19.3532 21.0252 19.0751 21.2535C18.797 21.4817 18.467 21.6378 18.1141 21.708C17.7613 21.7781 17.3967 21.7602 17.0524 21.6558C16.7082 21.5514 16.395 21.3637 16.1406 21.1094" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+
+        </Box>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/IconNumber4.tsx b/src/pages/Landing/images/icons/IconNumber4.tsx
new file mode 100644
index 00000000..4c4ba2f2
--- /dev/null
+++ b/src/pages/Landing/images/icons/IconNumber4.tsx
@@ -0,0 +1,29 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function OneIconBorder({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "36px",
+                width: "36px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect width="36" height="36" rx="6" fill="#EEE4FC"/>
+                <path d="M18 27C22.9706 27 27 22.9706 27 18C27 13.0294 22.9706 9 18 9C13.0294 9 9 13.0294 9 18C9 22.9706 13.0294 27 18 27Z" stroke="#7E2AEA" stroke-width="1.5" stroke-miterlimit="10"/>
+                <path d="M17.6251 14.0779L15.75 19.3906H19.5002" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                <path d="M19.5 16.8904V21.8906" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+
+        </Box>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/Group22.tsx b/src/pages/Landing/images/icons/Network.tsx
similarity index 100%
rename from src/pages/Landing/images/icons/Group22.tsx
rename to src/pages/Landing/images/icons/Network.tsx
diff --git a/src/pages/Landing/images/icons/UserCircle.tsx b/src/pages/Landing/images/icons/UserCircle.tsx
new file mode 100644
index 00000000..3a9fc31e
--- /dev/null
+++ b/src/pages/Landing/images/icons/UserCircle.tsx
@@ -0,0 +1,34 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color?: string;
+}
+
+export default function ({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "59px",
+                width: "59px",
+                display: "flex",
+                borderRadius: "6px",
+                background: "#5A1EA8",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <g id="UserCircle">
+                    <path id="Vector" d="M19.5 24.375C22.8655 24.375 25.5938 21.6467 25.5938 18.2812C25.5938 14.9158 22.8655 12.1875 19.5 12.1875C16.1345 12.1875 13.4062 14.9158 13.4062 18.2812C13.4062 21.6467 16.1345 24.375 19.5 24.375Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
+                    <path id="Vector_2" d="M9.71875 30.3773C10.6357 28.5711 12.0349 27.0542 13.7613 25.9946C15.4876 24.9349 17.4736 24.374 19.4992 24.374C21.5248 24.374 23.5109 24.9349 25.2372 25.9946C26.9635 27.0542 28.3627 28.5711 29.2797 30.3773" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_3" d="M34.0184 17.7481C34.0923 18.3291 34.1279 18.9143 34.125 19.5C34.125 22.3926 33.2673 25.2202 31.6602 27.6252C30.0532 30.0303 27.7691 31.9048 25.0968 33.0118C22.4244 34.1187 19.4838 34.4083 16.6468 33.844C13.8098 33.2797 11.2039 31.8868 9.15857 29.8415C7.11323 27.7961 5.72033 25.1902 5.15602 22.3532C4.59171 19.5162 4.88134 16.5756 5.98827 13.9033C7.0952 11.2309 8.96972 8.94679 11.3748 7.33978C13.7799 5.73276 16.6075 4.87502 19.5 4.87502C19.9527 4.87216 20.4052 4.8925 20.8559 4.93596" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path id="Vector_4" d="M30.6413 6.18713C30.9363 6.06408 31.2532 6.00067 31.5735 6.00064C31.8934 6.00091 32.2109 6.06444 32.5056 6.18747C32.8003 6.31051 33.067 6.49057 33.29 6.71703C33.7454 7.18125 34 7.80218 34 8.44844C34 9.09471 33.7454 9.71563 33.29 10.1799L30.2104 13.2843C29.8192 13.6787 29.1817 13.6787 28.7905 13.2843L25.7099 10.179C25.2546 9.71475 25 9.09382 25 8.44755C25 7.80129 25.2546 7.18036 25.7099 6.71614C25.9332 6.48951 26.2003 6.30938 26.4953 6.18638C26.7902 6.06337 27.1072 6 27.4274 6C27.7476 6 28.0646 6.06337 28.3596 6.18638C28.6546 6.30938 28.9216 6.48951 29.1449 6.71614L29.5004 7.07611L29.856 6.71703C30.0793 6.49035 30.3463 6.31017 30.6413 6.18713Z" fill="white"/>
+                </g>
+            </svg>
+
+        </Box>
+
+    )
+};
\ No newline at end of file
diff --git a/src/pages/Landing/images/icons/Group128.tsx b/src/pages/Landing/images/icons/clipIcon.tsx
similarity index 100%
rename from src/pages/Landing/images/icons/Group128.tsx
rename to src/pages/Landing/images/icons/clipIcon.tsx
diff --git a/src/pages/Landing/images/icons/Group129.tsx b/src/pages/Landing/images/icons/tiktokIcon.tsx
similarity index 100%
rename from src/pages/Landing/images/icons/Group129.tsx
rename to src/pages/Landing/images/icons/tiktokIcon.tsx
diff --git a/src/pages/Landing/images/icons/Group127.tsx b/src/pages/Landing/images/icons/vkIcon.tsx
similarity index 100%
rename from src/pages/Landing/images/icons/Group127.tsx
rename to src/pages/Landing/images/icons/vkIcon.tsx