diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..27ec0c0
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,530 @@
+import '../css/Home.css'
+import background from '../assets/code.png'
+import { Button, Title } from '../components'
+import arrow from '../assets/arrow.svg'
+import star from '../assets/star.svg'
+import programs from '../assets/programs.png'
+import programs2 from '../assets/programs2.png'
+import idea from '../assets/idea.png'
+import money from '../assets/money.png'
+import goal from '../assets/goal.png'
+import info from '../assets/info.png'
+import iPad from '../assets/iPad.svg'
+import vodokanal from '../assets/vodokanal.svg'
+import technopark from '../assets/technopark.svg'
+import gup from '../assets/gup.svg'
+import muptesaldan from '../assets/muptesaldan.svg'
+import xkvadrat from '../assets/x-kvadrat.svg'
+import sakhaspectrans from '../assets/sakhaspectrans.svg'
+import rcit from '../assets/rcit.svg'
+import director from '../assets/director.svg'
+import example from '../assets/example.png'
+import check from '../assets/check.svg'
+import service from '../assets/service.png'
+import arrowButton from '../assets/arrowButton.svg'
+import caseImg from '../assets/case.png'
+import resident from '../assets/resident.svg'
+import exp from '../assets/exp.svg'
+import def from '../assets/def.svg'
+import withLogo from '../assets/withLogo.png'
+import axios from 'axios'
+
+
+import { useState } from 'react'
+
+const Home =()=>{
+    const [consult, setConsult] = useState({
+        fio: '',
+        phone: '',
+        email: '',
+        desc: '',
+        conf: false
+    })
+    const [left,setLeft]=useState(0)
+    const [scrollPosition,setscrollPosition]=useState(0)
+    const [zoom,setZoom]=useState({
+        lic1:false,
+        lic2:false,
+        lic3:false,
+        lic4:false,
+        lic5:false,
+        lic6:false})
+    const zoomValue= {width:`${275*2.5}px`,height:`${390*2.5}px`}
+    const handleScroll = (a) =>{
+        if(left==-600)
+        {
+            if(a<0)
+                return
+            else
+                setLeft(left+a)
+        }
+        if(left==0)
+        {
+            if(a>0)
+                return
+            else
+                setLeft(left+a)
+        }
+        else 
+            setLeft(left+a)
+    }
+    window.addEventListener('scroll', function () {
+        setscrollPosition(window.scrollY);
+    });
+    const mail=()=>{ 
+        axios.create({
+            headers: {
+                'Access-Control-Allow-Headers': 'Content-Type',
+                'Access-Control-Allow-Origin': 'http://localhost:5173',
+                'Content-Type': 'application/json'
+                    }})
+            if(consult.conf)
+                {
+                axios.post('http://localhost:3000/send_mail', consult).then(res=>
+                    {
+                        if(res.data=='OK')
+                        {
+                            setConsult({
+                                fio: '',
+                                phone: '',
+                                email: '',
+                                desc: '',
+                                conf: false
+                            })
+                        }
+                    })
+                }
+        }
+            
+            
+    return(
+    <div className='homeContainer' onClick={()=>zoom?setZoom(false):{}}> 
+        <div className='hero'>
+            <div className='leftSide'>
+                <div className='leftSide1'>все наши специалисты имеют профессиональное образование и опыт более 15 лет работы</div>
+                <div className='leftSide2'>Программное обеспечение <a>без рисков</a> — полный цикл разработки и технической поддержки</div>
+                <div className='leftSide3'>Берём ответственность за ваши ИТ-решения, снимая риски и операционную нагрузку, выступая надёжным технологическим партнёром по разработке и сопровождению</div>
+                <div className='leftSide4'><Button onClick={()=>{ var el= document.getElementById('form'); el.scrollIntoView({ behavior: 'smooth' })}}margin="0px" padding="14px 26px" color='#1C8EFF' text='Консультация' logo2={arrow}/></div>
+                <div className='leftSide5'><img src={star}/> Работаем с такими языками программирования, как:</div>
+                <img style={{width:'176px'}}src={programs}/>
+                <div className='leftSide5'><img src={star}/> Работаем с такими программами, как:</div>
+                <img style={{width:'176px'}}src={programs2}/>
+            </div>
+            <img className='backround'src={background}/>
+        </div>
+        <div className='benefit'>
+            <div className='title'><Title color='#1C8EFF' text="Преимущества "/> <Title text="работы с нами"/></div>
+            <div className='benefitCarousel' style={scrollPosition>=600?{animation: 'slide 3s linear',columnGap:'0px'}:{}}>
+                <div className='BCItem'>
+                    <div className='container'>
+                        <Title color='#1C8EFF' size='12px' text="{1}"/> 
+                        <Title color='#1E1E1E' size='22px' text="Из идеи — в работающую концепцию"/> 
+                        <Title color='#828282' size='16px' text="Мы погружаемся в задачу, формируем понятную и реализуемую концепцию и сразу определяем дальнейшие шаги"/> 
+                        <img style={{width:'234px'}}src={idea}/>       
+                        <div></div>
+                    </div>
+                    
+                </div>
+                <div style={{left:'-50px'}} className='BCItem'>
+                    <div className='container'>
+                        <Title color='#1C8EFF' size='12px' text="{2}"/> 
+                        <Title color='#1E1E1E' size='22px' text="Цены и процессы — без сюрпризов"/> 
+                        <Title color='#828282' size='16px' text="Заранее фиксируем стоимость, этапы и зону ответственности, чтобы вы всегда понимали, за что платите и какой результат будет получен"/> 
+                        <img style={{width:'234px'}}src={money}/>       
+                        <div></div>
+                    </div>
+                </div>
+                <div style={{left:'-100px'}} className='BCItem'><div className='container'>
+                        <Title color='#1C8EFF' size='12px' text="{3}"/> 
+                        <Title color='#1E1E1E' size='22px' text="Ориентируемся на результат"/> 
+                        <Title color='#828282' size='16px' text="Каждое решение мы строим так, чтобы приносить измеримый результат и реальную ценность вашему бизнесу"/> 
+                        <img style={{width:'234px'}}src={goal}/>       
+                        <div></div>
+                    </div></div>
+                <div style={{left:'-150px'}} className='BCItem'><div className='container'>
+                        <Title color='#1C8EFF' size='12px' text="{4}"/> 
+                        <Title color='#1E1E1E' size='22px' text="Контролируем сбои и устраняем"/> 
+                        <Title color='#828282' size='16px' text="Мы оперативно реагируем на любые сбои, быстро устраняем их и гарантируем, что ваш проект всегда остаётся под полным контролем"/> 
+                        <img style={{width:'234px'}}src={info}/>       
+                        <div></div>
+                    </div></div>
+            </div>
+        </div>
+        <img className='homeElement' id='about'src={iPad}/>
+        <div className='partnerContainer'>
+            <div className='partners'>
+                <img src={vodokanal}/> 
+                <img src={technopark}/> 
+                <img src={gup}/> 
+                <img src={muptesaldan}/> 
+                <img src={xkvadrat}/> 
+                <img src={sakhaspectrans}/> 
+                <img src={rcit}/> 
+            </div>
+        </div>
+        <img className='homeElement' src={director}/>
+        <div className='productContainer' id='product'>
+            <div className='title'><Title color='#1C8EFF' text="Ключевые программные "/> <Title text="продукты собственной разработки"/></div>
+            <div className='listGrid'>
+                <div className='listItemBg'>
+                    <div className='listItem'> 
+                        <img className='productImage' src="src\assets\1-кв.jpg"/>
+                        <div className='gridItemText'> 
+                            <Title size='22px' text="ПО «Квартплата» "/>
+                            <div className='gridNote'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Автоматизация начислений и приёма платежей физических лиц "/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Ведение лицевых счётов, работа с задолженностью, интеграция с ГИС ЖКХ "/>
+                                </div>
+                            </div>  
+                        </div>  
+
+                    </div>
+                </div>
+               <div className='listItemBg'>
+                    <div className='listItem'> 
+                        <img className='productImage' src="src\assets\2-юр.jpg"/>
+                        <div className='gridItemText'> 
+                            <Title size='22px' text="ПО «Расчёты с юридическими лицами» "/>
+                            <div className='gridNote'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Учёт договоров на поставку коммунальных услуг юрлицами, автоматический расчёт потребления, формирование счётов фактур "/>
+                                </div>  
+                            </div>  
+                        </div>  
+                    </div>
+                </div>
+               <div className='listItemBg'>
+               <div className='listItem'> 
+                    <img className='productImage' src="src\assets\3-сб.jpg"/>
+                    <div className='gridItemText'> 
+                        <Title size='22px' text="ПО «СБЫТ» "/>
+                        <div className='gridNote'>
+                            <div className='gridNoteItem'>
+                                <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Консолидация данных, формирование плана реализации (бюджет продаж), анализ «выпадающих доходов», формирование форм для ГКЦ РС(Я) (ТХ-1, ВС-1) "/>
+                            </div>  
+                        </div>  
+                    </div>  
+                </div>
+                </div>
+            </div>
+            <div className='listGrid'>   
+                <div className='listItemBg'>
+                    <div className='listItem'> 
+                        <img className='productImage' src="src\assets\4-ик.jpg"/>
+                        <div className='gridItemText'> 
+                            <Title size='22px' text="ПО «Инженерно-картографическая система»  "/>
+                            <div className='gridNote'>
+                               <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Графическое отображение сетей тепло — и водоснабжения, а также котельных "/>
+                                </div>  
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Расчёт параметров объектов, паспортизация сетей на карте"/>
+                                </div>  
+                            </div>  
+                        </div>  
+                    </div>
+                </div>
+                <div className='listItemBg'>
+                    <div className='listItem'> 
+                        <img className='productImage' src="src\assets\5-то.jpg"/>
+                        <div className='gridItemText'> 
+                            <Title size='22px' text="ПО «Топливо и транспорт — FUEL»  "/>
+                            <div className='gridNote'>
+                               <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Учёт топливных ресурсов котельных, перемещений и остатков топлива "/>
+                                </div>  
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Формирование форм отчётности и путевых листов "/>
+                                </div>  
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Учёт мест накоплений ТКО "/>
+                                </div>  
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Отказ от бумажного документооборота, аналитика расхода ТЭР "/>
+                                </div>  
+                            </div>  
+                        </div>  
+                    </div>
+                </div>
+               <div className='listItemBg'>
+                    <div className='listItem'> 
+                        <img className='productImage' src="src\assets\6-ас.jpg"/>
+                        <div className='gridItemText'> 
+                            <Title size='22px' text="ПО «АСКУУТЭ»  "/>
+                            <div className='gridNote'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Сбор показаний приборов учёта тепла, контроль поверок, интеграция с разнородными системами сбора данных "/>
+                                </div>  
+                            </div>  
+                        </div>  
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className='services' id='services'>
+            <div className='title'><Title color='#1C8EFF' text="Предоставляемые услуги "/> <Title text="нашей компании"/></div>
+            
+            <div className='serviceBox'>
+                <div className='leftSide'>
+                    <div className='background'>
+                        <div className='container' >
+                            <div className='top'>
+                                Цифровая надёжность
+                            </div>
+                            <Title size="36px" color="white" text="ООО «КОММИТ»"/>
+                            <Title weight="400" size="16px" color="white" text="Разработка и сопровождение программного обеспечения для сферы ЖКХ и государственных организаций"/>
+                            <img style={{width: "300px", alignSelf:'center'}} src={service}/>
+                        </div>
+                    </div>
+                    <div className='text'> 
+                        <div style={{fontSize:"16px",color:"#828282"}}><img src={star}/> Наши услуги ориентированы на долгосрочную ценность: мы не просто реализуем отдельные задачи, a <a style={{color:"#1C8EFF"}}>выстраиваем технологическую основу для роста, масштабирования и развития бизнеса</a>. Надёжность, контроль и ответственность — ключевые принципы нашей работы.</div>
+                    </div>
+                </div>
+                <div className='serviceList'>
+                    <div className='serviceBg'>
+                        <div className='serviceContainer'>
+                            <div className='largeText'>
+                                <Title size="105px"text="01"/>
+                            </div><div className='middleText'>
+                                <Title size="22px"text="Разработка и сопровождение ПО"/>
+                            </div>
+                            <div className='gridNoteList'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Адаптация и модификация систем на базе 1С, с использованием СУБД MS SQL и PostgreSQL"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Разработка аналитических отчётов и интеграционных решений"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className='serviceBg'>
+                        <div className='serviceContainer'>
+                            <div className='largeText'>
+                                <Title size="105px"text="02"/>
+                            </div>
+                            <div className='middleText'>
+                                <Title size="22px"text="ИТ-аутсорсинг и инфраструктура"/>
+                            </div>
+                            <div className='gridNoteList'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Обсуждение АРМ (ПК, моноблоки), серверов и оргтехники"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Администрирование локальных сетей и IP-телефонии"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Обеспечение ИТ-безопасности (антивирусная защита, резервное копирование)"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className='serviceBg'>
+                        <div className='serviceContainer'>
+                            <div className='largeText'>
+                                <Title size="105px"text="03"/>
+                            </div>
+                            <div className='middleText'>
+                                <Title size="22px"text="Импортозамещение"/>
+                            </div>
+                            <div className='gridNoteList'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Поставка оборудования (серверы, периферия) из Единого реестра российской радиоэлектронной продукции (ПП РФ № 878)"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Перевод инфраструктуры на отечественное ПО (Astra Linux, P7-Офис и др.)"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className='serviceBg'>
+                        <div className='serviceContainer'>
+                            <div className='largeText'>
+                                <Title size="105px"text="04"/>
+                            </div>
+                            <div className='middleText'>
+                            <Title size="22px"text="1С: Франчайзинг"/>
+                            </div>
+                            <div className='gridNoteList'>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Продажа лицензий, внедрение и доработка конфигураций (1С: Управление холдингом, 1С: ЗУП, 1С: Бухгалтерия)"/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className='license' id='profolio' >
+            <div className='container' >
+                <div className='title'>
+                    <Title color='#1C8EFF' text="Наши "/> 
+                    <Title text="лицензии и сертификаты"/>
+                </div>
+                <div className='licenseCarousel' id='carousel' style={{left:`${left}px`}}> 
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic1:!zoom.lic1})} style={zoom.lic1?zoomValue:{}}>
+                        <img src="\assets\d14f85c9e9e52cebca0f31afe4f4e9e2976c3c08.png"/>
+                    </div>
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic2:!zoom.lic2})} style={zoom.lic2?zoomValue:{}}>
+                        <img src="\assets\27160338aefc41b9058bb49d169822fbbde3d3d4.png"/>
+                    </div>
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic3:!zoom.lic3})} style={zoom.lic3?zoomValue:{}}>
+                        <img src="\assets\563efb0684467103cfa9d7336337d5acffd8aa2a.png"/>
+                    </div>
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic4:!zoom.lic4})} style={zoom.lic4?zoomValue:{}}>
+                        <img src="\assets\7b0ce6962d725589a38fcd6a9e7aba0fe67f8bfe.png"/>
+                    </div>
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic5:!zoom.lic5})} style={zoom.lic5?zoomValue:{}}>
+                        <img src="\assets\4ae1051048c0f08efd49fa90980d3dbaf97338c8.png"/>
+                    </div>
+                    <div className='licenseItem' onClick={()=>setZoom({...zoom,lic6:!zoom.lic6})} style={zoom.lic6?zoomValue:{}}>
+                        <img src="\assets\3f0b3921e9d44a9caeb6a33225b78ec142a99bd2.png"/>
+                    </div>
+                </div>
+                <div className='buttons'>
+                    <div className='button'  onClick={()=>handleScroll(300)}>
+                        <img src={arrowButton}/>
+                    </div>
+                    <div className='button' onClick={()=>handleScroll(-300)}>
+                        <img style={{transform: "rotate(180deg)"}}src={arrowButton}/>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className='case' id='case'>
+            <div className='title'>
+                <Title text="Главный"/> 
+                <Title color='#1C8EFF' text="кейс"/>
+            </div>
+            <div className='container'>
+                <div className='left'>
+                    <div className='topContainer'>
+                        <div className='top'>
+                            Цифровая трансформация
+                        </div>
+                        <Title size="36px" color="white" text="ГУП «ЖКХ РС(Я)» "/>
+                        <Title weight="400" size="16px" color="white" text="Комплексная цифровизация жилищно-коммунального одного из крупных предприятий РС(Я)"/>
+                    </div>
+                    <img src={caseImg}/>
+                </div>
+                <div className='right'>
+                    <div className='Rightcontainer'>
+                        <div className='containerItembg'>
+                            <div className='containerItem'> 
+                                <Title size="22px" color="black" text="Основная задача:"/>
+                                <Title size="16px" color="#828282" text="Реализация стратегии цифровой трансформации"/>
+                            </div>
+                        </div>
+                        <div className='containerItembg'>
+                            <div className='containerItem'>
+                                <Title size="22px" color="black" text="Выполненные работы:"/>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Модернизация биллинговых систем (физ. и юр. лица)"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Внедрение ПО «Топливо и транспорт»"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Запуск чат-бота и личного кабинета"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Модернизация серверного оборудования"/>
+                                </div>
+                                <div className='gridNoteItem'>
+                                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Внедрение IP-телефонии"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div className='containerItembg2'>
+                            <div className='containerItem2'> 
+                                <Title size="22px" color="white" text="Результат:"/>
+                                <Title size="16px" color="white" text="Сокращение времени обработки платежей на 60%, полное импортозамещение базового ПО, интеграция с ГИС ЖКХ"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className='formContainer' id='form'>
+            <div className='form'>
+                <div className='title'>
+                    <Title text="Обсудить"/> 
+                    <Title color='#1C8EFF' text="проект"/>
+                </div>
+                 <Title color='#828282' size='16px' text="От концепции до релиза — подберём оптимальную стратегию разработки за 1 рабочий день"/>
+                 <div className='gridNoteItem'>
+                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Ответим в течение 1 рабочего дня"/>
+                </div>
+                    <div className='gridNoteItem'>
+                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Оценка стоимости и сроков"/>
+                </div>
+                    <div className='gridNoteItem'>
+                    <img className='noteLogo' src={check}/> <Title color='#828282' size='16px' text="Обсудим формат сотрудничества"/>
+                </div>
+                <input className='input' onChange={(e)=>{setConsult({...consult, fio:e.target.value})}} value={consult.fio} required placeholder='Введите ваше имя *'/>
+                <input className='input' onChange={(e)=>{setConsult({...consult, phone:e.target.value})}} value={consult.phone} type='number' required placeholder='8(000)000-00-00 *'/>
+                <input className='input' type='email' onChange={(e)=>{setConsult({...consult, email:e.target.value})}} value={consult.email} required placeholder='mail@company.ru *'/>
+                <div className='textareaContainer'>
+                    <textarea onChange={(e)=>{setConsult({...consult, desc:e.target.value})}} value={consult.desc} required id='textarea' rows="5" cols="30" />
+                    <label for="textarea">Опишите вашу ситуацию</label>
+                </div>
+                <div className='checkBox'>
+                    <input onChange={(e)=>{setConsult({...consult, conf:e.target.checked})}} checked={consult.conf}className='chek' required type='checkbox' />
+                    <div className='policy'>
+                        Я согласен(-на) с условиями {' '}
+                        <a href=''>Политики конфиденциальности</a>{' '}
+                         и разрешаю обработку моих персональных данных согласно{' '}
+                        <a href=''>Политике обработки персональных данных</a>
+
+                    </div>
+                </div>
+                <Button disabled={(consult.phone=='')||(consult.email=='')||(consult.desc=='')||(consult.fio=='')||(!consult.conf)} onClick={mail} margin='0px'color='#1C8EFF' text={'Оставить заявку'}/>
+                <div className='acceptance'>
+                    Отправляя форму, вы даёте согласие на обработку ваших персональных данных (ФИО, номер телефона, электронную почту и комментарий) для связи c вами и обработки вашей заявки. Данные будут храниться в течение <a>12 месяцев</a>. Вы можете отозвать своё согласие в любой момент.
+                </div>
+            </div>
+            <div className='right'>
+                <div className='container'>
+                    
+                    <Title color='#1C8EFF' size='12px' text="{1}"/> 
+                    <div className='list'>
+                        <div className='item'>
+                            <img src={resident}/>
+                            <div>
+                                <Title size='22px' text="110+ компаний"/> 
+                                <Title color='#828282' size='16px' text="Уже доверили нам разработку ПО"/> 
+                            </div>
+                        </div>
+                        <div className='item'>
+                            <img src={exp}/>
+                            <div>
+                                <Title size='22px' text="15+ лет опыта"/> 
+                                <Title color='#828282' size='16px' text="Оценка стоимости и сроков"/> 
+                            </div>
+                        </div>
+                    </div>
+                    <div className='security'>
+                        <div className='cnt'>
+                            <div className='list'>
+                                <img src={def}/>
+                                <div>
+                                    <Title size='22px' text="Ваши данные под защитой"/> 
+                                </div>
+                            </div>
+                            <Title color='#828282' size='16px' text="Мы используем SSL-шифрование и обеспечиваем полную защиту ваших данных"/> 
+                            
+                        </div>
+                    </div>
+                    <img src={withLogo}/>
+                </div>
+            </div>
+        </div>
+    </div>
+   
+    )
+    
+}
+export default Home
\ No newline at end of file