V pre0.1_0

README.md

@@ -7,5 +7,9 @@
 - Tailwind css
 - PHP
 
+#### V pre0.1
+- Добавлена главная страница (pre0.1_0)
+- Добавлена страница "Услуги" (pre0.1_0) 
+
 #### V 0.0
 - Инициализация

gatsby-config.js

@@ -4,14 +4,26 @@
 module.exports = {
   siteMetadata: {
     title: `АудитКонсалт`,
+    description: `Какое-то описание красивое`,
+    author: `@Alexandr Beknazaryan`,
     siteUrl: `https://www.yourdomain.tld`
   },
-  plugins: ["gatsby-plugin-postcss", "gatsby-plugin-image", "gatsby-plugin-sitemap", "gatsby-plugin-sharp", "gatsby-transformer-sharp", {
+  plugins: ["gatsby-plugin-postcss", "gatsby-plugin-image", "gatsby-plugin-sitemap", "gatsby-plugin-sharp", "gatsby-plugin-webpack-bundle-analyser-v2", "gatsby-transformer-sharp",
+  {
     resolve: 'gatsby-source-filesystem',
     options: {
       "name": "images",
       "path": "./src/images/"
     },
     __key: "images"
-  }]
+  },
+  {
+    resolve: "gatsby-plugin-react-svg",
+    options: {
+      rule: {
+        include: /images/ // See below to configure properly
+      }
+    }
+  }
+  ]
 };

package.json

@@ -15,10 +15,13 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
+    "@pbe/react-yandex-maps": "^1.2.4",
+    "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
     "autoprefixer": "^10.4.14",
     "gatsby": "^5.11.0",
     "gatsby-plugin-image": "^3.11.0",
     "gatsby-plugin-postcss": "^6.11.0",
+    "gatsby-plugin-react-svg": "^3.3.0",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.11.0",
     "gatsby-source-filesystem": "^5.11.0",
@@ -26,6 +29,12 @@
     "postcss": "^8.4.24",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.2"
+    "react-scroll": "^1.8.9",
+    "swiper": "^10.0.3",
+    "tailwindcss": "^3.3.2",
+    "uniqid": "^5.4.0"
+  },
+  "devDependencies": {
+    "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.31"
   }
 }

src/components/Advantages.jsx

@@ -0,0 +1,37 @@
+import React, { useState } from 'react'
+
+import Title from './UI/Title';
+import RichTextPoints from './RichText_Points/RichTextPoints';
+import BusinessCenter from '../icons/BusinessCenter';
+import ShakeHands from '../icons/ShakeHands';
+import Documents from '../icons/Documents';
+import Saving from '../icons/Saving';
+import TimeFill from '../icons/TimeFill';
+import TeamFill from '../icons/TeamFill';
+
+import Button from './UI/Button';
+
+const Advantages = () => {
+    const [advantages] = useState([
+        {id: 0, title: '10\nЛет опыта', ico: <BusinessCenter/>},
+        {id: 1, title: 'Индивидуальный подход', ico: <ShakeHands/>},
+        {id: 2, title: 'Широкий спектр услуг', ico: <Documents/>},
+        {id: 3, title: 'Экономия средств', ico: <Saving/>},
+        {id: 4, title: 'Экономия времени', ico: <TimeFill/>},
+        {id: 5, title: 'Лучшие специалисты', ico: <TeamFill/>}
+    ]);
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass="max-w-[588px]" subtitle='Мы являемся лидерами по качеству обслуживания и предлагаем лучшие цены на бухуслуги'>Особые преимущества для вашего финансового роста</Title>
+                <RichTextPoints points={advantages}>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Добро пожаловать в нашу бухгалтерскую компанию! Мы - команда опытных профессионалов с 10-летним опытом работы в области бухгалтерии. Наша цель - обеспечить высококачественное бухгалтерское обслуживание, которое поможет вам эффективно управлять финансами своего бизнеса.</p>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Наша команда тщательно следит за изменениями в законодательстве и всегда применяет передовые методы и технологии, чтобы обеспечить точность и надежность ведения бухгалтерского учета. Мы понимаем, что каждый бизнес уникален, поэтому мы готовы разработать индивидуальные решения, отвечающие вашим потребностям и целям.</p>
+                    <Button>О нас подробнее</Button>
+                </RichTextPoints>
+            </div>
+        </section>
+    )
+}
+
+export default Advantages;

src/components/Contacts.jsx

@@ -0,0 +1,34 @@
+import React from 'react'
+import { YMaps, Map } from '@pbe/react-yandex-maps';
+import Input from './UI/Input';
+import { BsPerson } from "@react-icons/all-files/bs/BsPerson";
+import { BsTelephone } from "@react-icons/all-files/bs/BsTelephone";
+import Button from './UI/Button';
+import Social from './UI/Social';
+
+const Contacts = () => {
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto border-[1px] border-slate-900 rounded-[20px] flex justify-between overflow-hidden">
+                <form className="bg-slate-900 p-[60px] w-full max-w-[632px]">
+                    <h2 className='text-white text-[28px] font-medium max-w-[405px] mb-10'>Получите индивидуальные решения для вашего бизнеса</h2>
+                    <div className="w-[320px]">
+                        <Input Ico={BsPerson} wrapperClasses='mb-[30px]' placeholder='Ваше имя'/>
+                        <Input type='tel' Ico={BsTelephone} wrapperClasses='mb-[25px]' placeholder='+7 (___) ___ - __ - __'/>
+                    </div>
+                    <p className='text-white text-xs font-normal max-w-[286px] mb-[30px]'>Нажимая на кнопку “Отправить заявку”, Вы даете согласие на обработку Ваших персональных данных</p>
+                    <div className="flex items-center">
+                        <Button className='h-[46px] mr-7'>Оставить заявку</Button>
+                        <p className='text-white font-medium text-base mr-7'>или</p>
+                        <Social/>
+                    </div>
+                </form>
+                <YMaps className="w-full">
+                    <Map className="w-full" defaultState={{ center: [55.75, 37.57], zoom: 9 }} />
+                </YMaps>
+            </div>
+        </section>
+    )
+}
+
+export default Contacts;

src/components/Counts/Count.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Count = ({number, text, ...props}) => {
+    return (
+        <div className='text-center basis-1/2 mb-[70px]' {...props}>
+            <span className='text-red-500 text-5xl font-bold mb-2'>{number}</span>
+            <p className='text-slate-600 text-xl font-medium'>{text}</p>
+        </div>
+    )
+}
+
+export default Count;

src/components/Counts/Counts.jsx

@@ -0,0 +1,32 @@
+import React, { useState } from 'react'
+import { StaticImage } from 'gatsby-plugin-image';
+
+import Title from '../UI/Title';
+import Count from './Count';
+
+const Counts = () => {
+    const [counts] = useState([
+        {id: 0, number: '10', text: 'Лет работы'},
+        {id: 1, number: '100', text: 'Успешных партнеров '},
+        {id: 2, number: '100 000', text: 'Проведенных операций'},
+        {id: 3, number: '>30%', text: 'Сокращение затрат'},
+    ])
+
+    return (
+        <section className='bg-[#F7F7FF] py-[90px]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass='max-w-[570px]' subtitle='Впечатляющие результаты, доверие клиентов и финансовая эффективность!'>Наши цифры говорят сами за себя</Title>
+                <div className="flex justify-between items-center">
+                    <div className="flex flex-wrap [&>*:nth-last-child(2)]:mb-0 [&>*:nth-last-child(1)]:mb-0 mr-32">
+                        {counts.map(count=>
+                            <Count key={count.id} number={count.number} text={count.text}/>
+                        )}
+                    </div>
+                    <StaticImage src='../../images/count.jpg' alt='count-image' className='rounded-[30px] max-w-[670px] max-h-[456px]' placeholder='blurred'/>
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default Counts;

src/components/Footer.jsx

@@ -0,0 +1,58 @@
+import React from 'react'
+import { Link } from 'gatsby'; 
+
+import Logo from "../images/logo.svg";
+import Social from './UI/Social';
+
+const Footer = () => {
+    return (
+        <footer className='bg-slate-900 mt-[60px] rounded-t-[20px] pt-10'>
+            <nav className="container mx-auto items-stretch flex justify-between relative py-3">
+                <div className="flex flex-col">
+                    <Logo className="w-32 mb-10"/>
+                    <p className='text-slate-400 text-xs font-medium'>© 2023 АудитКонсалт</p>
+                </div>
+                <div className="flex flex-col">
+                    <Link className='text-base font-medium text-red-500 hover:text-red-600 mb-4' to='/about'>О компании</Link>
+                    <ul className='flex flex-col font-normal text-sm text-white'>
+                        <li className='mb-[7px]'><Link className='hover:text-slate-200 transition-all' to='/oferta'>Публичная оферта</Link></li>
+                        <li><Link className='hover:text-slate-200 transition-all' to='/policy'>Политика конфиденциальности</Link></li>
+                    </ul>
+                </div>
+                <div className="flex flex-col">
+                    <Link className='text-base font-medium text-red-500 hover:text-red-600 mb-4' to='/about'>Услуги</Link>
+                    <p className='mb-[10px] text-white text-sm font-normal'>Физическим лицам</p>
+                    <ul className='flex flex-col mb-5 font-normal text-xs text-slate-400'>
+                        <li className='mb-[7px]'><Link className='hover:text-slate-500 transition-all' to='/oferta'>{'>'} 3-НДФЛ</Link></li>
+                        <li className='mb-[7px]'><Link className='hover:text-slate-500 transition-all' to='/policy'>{'>'} Уведомление о счетах в иностранных банках</Link></li>
+                        <li><Link className='hover:text-slate-500 transition-all' to='/policy'>{'>'} Контролируемые иностранные компании</Link></li>
+                    </ul>
+                    <p className='mb-[10px] text-white text-sm font-normal'>Юридическим лицам</p>
+                    <ul className='flex flex-col mb-5 font-normal text-xs text-slate-400'>
+                        <li className='mb-[7px]'><Link className='hover:text-slate-500 transition-all' to='/oferta'>{'>'} Работа с налоговыми органами</Link></li>
+                        <li className='mb-[7px]'><Link className='hover:text-slate-500 transition-all' to='/policy'>{'>'} Аутсорсинг бухгалтерских услуг</Link></li>
+                        <li className='mb-[10px]'><Link className='hover:text-slate-500 transition-all' to='/policy'>{'>'} Бухгалтерское сопровождение</Link></li>
+                        <li><Link className='text-red-400 hover:text-red-600 transition-all' to='/policy'>+ еще 14 услуг</Link></li>
+                    </ul>
+                </div>
+                <div className="flex flex-col pr-[104px] border-r-[1px] border-slate-400">
+                    <ul className='flex flex-col font-medium text-base text-slate-400'>
+                        <li className='mb-[17px]'><Link className='hover:text-slate-500 transition-all' to='/oferta'>Прайс-лист</Link></li>
+                        <li className='mb-[17px]'><Link className='hover:text-slate-500 transition-all' to='/oferta'>Контакты</Link></li>
+                        <li><Link className='hover:text-slate-500 transition-all' to='/policy'>Калькулятор</Link></li>
+                    </ul>
+                </div>
+                <div className="flex flex-col">
+                    <div className="flex flex-col mb-5">
+                        <p className='text-slate-500 text-xs mb-2 font-medium'>Всегда рады вашим звонкам</p>
+                        <a className='text-xl font-bold text-white hover:text-slate-300 transition-all' href="tel:+79999999999">+7 (999) 999 99-99</a>
+                    </div>
+                    <p className='text-white text-sm font-medium mb-5 max-w-[210px]'>г.Москва, ул. 1-я Дубровская, д. 13А, стр. 2, офис 415</p>
+                    <Social/>
+                </div>
+            </nav>
+        </footer>
+    )
+}
+
+export default Footer;

src/components/Header.jsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import { Link } from 'gatsby'; 
+
+import Logo from "../images/logo.svg";
+import { BiSearchAlt } from "@react-icons/all-files/bi/BiSearchAlt";
+import { BiPhoneCall } from "@react-icons/all-files/bi/BiPhoneCall";
+import { BsFillSunFill } from "@react-icons/all-files/bs/BsFillSunFill";
+
+const Header = () => {
+    return (
+        <header className='bg-[#F7F7FF]'>
+            <nav className="container mx-auto items-center flex justify-between relative py-3 h-24">
+                <Link to='/'><Logo className="w-32"/></Link>
+                <ul className='flex items-center'>
+                    <li className='mr-14 font-bold text-lg text-black'><Link to='/about'>О нас</Link></li>
+                    <li className='mr-14 font-bold text-lg text-black'><Link to='/services'>Услуги</Link></li>
+                    <li className='mr-14 font-bold text-lg text-black'><Link to='/price'>Цены</Link></li>
+                    <li className='font-bold text-lg text-black'><Link to='/contacts'>Контакты</Link></li>
+                </ul>
+                <div className="flex items-center">
+                    <ul className='flex items-center'>
+                        <li className='mr-4 text-2xl'><BiSearchAlt/></li>
+                        <li className='mr-4 text-2xl'><BiPhoneCall/></li>
+                        <li className='mr-8 text-2xl'><BsFillSunFill/></li>
+                    </ul>
+                    <a className='text-xl font-bold' href="tel:+79999999999">+7 (999) 999 99-99</a>
+                </div>
+            </nav>
+        </header>
+    )
+}
+
+export default Header;

src/components/Hero.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { StaticImage } from 'gatsby-plugin-image';
+import { Link } from 'gatsby';
+
+import Title from './UI/Title';
+
+const Hero = () => {
+    return (
+        <section className={'bg-[#F7F7FF] h-[873px]'}>
+            <div className="container mx-auto flex flex-col items-center">
+                <Title className='mt-[40px]' subtitle='Получите комплексное обслуживание для устойчивого развития вашего бизнеса в новых условиях' h1>Максимизируйте вашу финансовую эффективность с профессиональными <span className='text-red-500'>бухгалтерскими услугами!</span></Title>
+                <div className="w-[1130px] h-[550px] mt-12 relative before:absolute before:w-full before:h-full before:bg-red-500 before:rounded-[30px] before:-bottom-5 before:-right-5 before:opacity-50">
+                    <Link to='/calculator' className="flex flex-col items-center justify-center text-white w-[170px] h-[170px] bg-red-500 hover:bg-red-600 transition-all duration-200 rounded-full absolute z-10 top-0 right-12 -translate-y-1/2">
+                        <p className='uppercase mb-[5px] text-lg font-bold'>Калькулятор</p>
+                        <p className='text-base font-medium'>Сколько это стоит ?</p>
+                    </Link>
+                    <StaticImage src="../images/index-hero.jpg" alt="hero" placeholder="blurred" className='object-cover w-full h-full rounded-[30px]'/>
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default Hero;

src/components/Popular.jsx

@@ -0,0 +1,31 @@
+import React, { useState } from 'react'
+
+import Title from './UI/Title';
+import RichTextPoints2 from './RichText_Points2/RichTextPoints2';
+import DocumentsMinimalisticAdd from '../icons/DocumentsMinimalisticAdd';
+import DocumentsAdd from '../icons/DocumentsAdd';
+import BusinessTimeAdd from '../icons/BusinessTimeAdd';
+import Button from './UI/Button';
+
+const Popular = () => {
+    const [services] = useState([
+        {id: 0, text: 'Профессиональное и надежное заполнение декларации о форме 3-НДФЛ любой сложности', ico: DocumentsMinimalisticAdd},
+        {id: 1, text: 'Глубокий налоговый аудит - надежность, успех, обеспечение финансами.', ico: DocumentsAdd},
+        {id: 2, text: 'Аутосортинг бухгалтерии, оптимизация финансовых процессов для вашего бизнеса.', ico: BusinessTimeAdd},
+    ]);
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass='max-w-[540px]' subtitle='Максимизируйте потенциал своего бизнеса с помощью наших превосходных услуг!'>Популярные услуги для вашего бизнеса</Title>
+                <RichTextPoints2 points={services}>
+                    <h3 className='text-black font-medium text-[28px] max-w-[400px] mb-[30px]'>Регистрация ООО и ИП без визита в инспекцию</h3>
+                    <p className='text-slate-400 text-base font-medium max-w-[325px] mb-[30px]'>Быстрая и гарантированная регистрация ООО и ИП в удобном формате!</p>
+                    <p className='text-slate-900 text-base font-medium max-w-[435px] mb-[30px]'>Регистрация ООО и ИП - это процесс официальной регистрации юридических структур в соответствии с законодательством страны. Позволяет создать легальное коммерческое предприятие и получить правовой статус для осуществления бизнеса.</p>
+                    <Button>Оставить заявку</Button>
+                </RichTextPoints2>
+            </div>
+        </section>
+    )
+}
+
+export default Popular;

src/components/Price/Price.jsx

@@ -0,0 +1,31 @@
+import React from 'react'
+
+import Button from '../UI/Button';
+import { BsCheck } from "@react-icons/all-files/bs/BsCheck";
+import { BsDash } from "@react-icons/all-files/bs/BsDash";
+
+const Price = ({tarif, price, conditions, popular, ...props}) => {
+    return (
+        <div className='bg-white py-8 px-9 rounded-[20px] max-w-[430px] relative' {...props}>
+            {popular &&
+                <span className="inline-block text-white font-medium text-xs bg-amber-500 py-1 px-3 rounded-[36px] absolute top-8 right-9">Популярный</span>
+            }
+            <span className='text-slate-700 text-xl font-medium mb-8 inline-block'>{tarif}</span>
+            <p className='text-slate-900 text-[50px] font-semibold mb-8'>{price} <span className='text-slate-600 text-base'>за месяц</span></p>
+            <Button className='w-full mb-[70px]'>Посмотреть подробнее</Button>
+            <div className="[&>*:last-child]:mb-0">
+                {conditions &&
+                    conditions.map(condition=>
+                        condition.check 
+                        ?
+                        <p key={condition.id} className="flex text-slate-600 text-base font-medium leading-6 mb-4"><span className='w-5 h-5 bg-red-500 mt-1 block rounded-full text-white text-xl mr-[14px]'><BsCheck/></span>{condition.text}</p>
+                        :
+                        <p key={condition.id} className="flex text-slate-600 text-base font-medium leading-6 mb-4"><span className='w-5 h-5 bg-gray-400 mt-1 block rounded-full text-white text-xl mr-[14px]'><BsDash/></span>{condition.text}</p>
+                    )
+                }   
+            </div>
+        </div>
+    )
+}
+
+export default Price;

src/components/PriceMain.jsx

@@ -0,0 +1,47 @@
+import React, { useState } from 'react'
+import Title from './UI/Title';
+import Price from './Price/Price';
+
+const PriceMain = () => {
+    const [prices] = useState([
+        {id: 0, tarif: 'Тариф “Лайт”', price: 'от 6300 ₽', conditions: [
+            {id: 0, text: 'Выполнение регламентных операций, формирование регистров налогового и бухгалтерского учета', check: true},
+            {id: 1, text: 'Контроль оформления первичных документов', check: true},
+            {id: 2, text: 'Отражение в 1С первичных документов, полученных от поставщиков и подрядчиков', check: false},
+            {id: 3, text: 'Подготовка первичных документов для клиентов Заказчика', check: false},
+            {id: 4, text: 'Сверка дебиторской/кредиторской задолженности с контрагентами Заказчика.', check: false},
+            {id: 5, text: 'Заполнение таблиц, спец форм по формам Заказчика', check: false},
+        ]},
+        {id: 1, tarif: 'Тариф “Оптимальный”', price: 'от 8300 ₽', conditions: [
+            {id: 0, text: 'Выполнение регламентных операций, формирование регистров налогового и бухгалтерского учета', check: true},
+            {id: 1, text: 'Контроль оформления первичных документов', check: true},
+            {id: 2, text: 'Отражение в 1С первичных документов, полученных от поставщиков и подрядчиков', check: true},
+            {id: 3, text: 'Подготовка первичных документов для клиентов Заказчика', check: true},
+            {id: 4, text: 'Сверка дебиторской/кредиторской задолженности с контрагентами Заказчика.', check: false},
+            {id: 5, text: 'Заполнение таблиц, спец форм по формам Заказчика', check: false},
+        ],
+        popular: true},
+        {id: 2, tarif: 'Тариф “Статус”', price: 'от 12500 ₽', conditions: [
+            {id: 0, text: 'Выполнение регламентных операций, формирование регистров налогового и бухгалтерского учета', check: true},
+            {id: 1, text: 'Контроль оформления первичных документов', check: true},
+            {id: 2, text: 'Отражение в 1С первичных документов, полученных от поставщиков и подрядчиков', check: true},
+            {id: 3, text: 'Подготовка первичных документов для клиентов Заказчика', check: true},
+            {id: 4, text: 'Сверка дебиторской/кредиторской задолженности с контрагентами Заказчика.', check: true},
+            {id: 5, text: 'Заполнение таблиц, спец форм по формам Заказчика', check: true},
+        ]}
+    ]);
+    return (
+        <section className='py-[90px] bg-[#F7F7FF]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass='max-w-[570px]' subtitle='Наши новые клиенты ценят нашу лояльность и индивидуальный подход к расчетам.'>Стоимость бухгалтерских услуг</Title>
+                <div className="flex justify-between">
+                    {prices.map(price=>
+                        <Price key={price.id} tarif={price.tarif} price={price.price} conditions={price.conditions} popular={price.popular}/>
+                    )}
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default PriceMain;

src/components/Reviews/Review.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { GatsbyImage, getImage } from 'gatsby-plugin-image';
+
+const Review = ({title, text, date, img}) => {
+    return (
+        <div className='bg-[#F7F7FF] rounded-[20px] py-6 px-10 h-full flex flex-col'>
+            <div className="flex items-center mb-8">
+                <GatsbyImage loading='lazy' className='h-16 w-16 rounded-full object-cover mr-4' image={getImage(img)} alt="logo" placeholder="blurred"/>
+                <p className='text-black text-xl font-medium'>{title}</p>
+            </div>
+            <p className='text-slate-600 text-base font-normal leading-normal mb-2 flex-grow'>{text}</p>
+            <time className='text-right text-slate-400 text-sm font-normal' dateTime={new Date(date).toISOString()}>{date}</time>
+        </div>
+    )
+}
+
+export default Review;

src/components/Reviews/Reviews.jsx

@@ -0,0 +1,65 @@
+import React, { useState } from 'react'
+import { useStaticQuery, graphql } from "gatsby"
+import { Swiper, SwiperSlide } from 'swiper/react';
+import 'swiper/css';
+
+import { BsArrowLeft } from "@react-icons/all-files/bs/BsArrowLeft";
+import { BsArrowRight } from "@react-icons/all-files/bs/BsArrowRight";
+import Review from './Review';
+
+
+const Reviews = () => {
+    const [swiperInstance, setSwiperInstance] = useState();
+    const images = useStaticQuery(graphql`
+    query {
+        gopro: file(relativePath: {eq: "reviews/GoPro.jpg"}) {
+            childImageSharp {
+                gatsbyImageData(formats: WEBP, quality: 90)
+            }
+        },
+        dyson: file(relativePath: {eq: "reviews/Dyson.jpg"}) {
+            childImageSharp {
+                gatsbyImageData(formats: WEBP, quality: 90)
+            }
+        },
+        dell: file(relativePath: {eq: "reviews/Dell.jpg"}) {
+            childImageSharp {
+                gatsbyImageData(formats: WEBP, quality: 90)
+            }
+        },
+        gopro2: file(relativePath: {eq: "reviews/GoPro.jpg"}) {
+            childImageSharp {
+                gatsbyImageData(formats: WEBP, quality: 90)
+            }
+        },
+    }`);
+    const [reviews] = useState([
+        {id: 0, title: 'GoPro', text: 'Сотрудничество с вашим бухгалтерским агентством стало для нас настоящим спасением. Они профессионально вели нашу финансовую отчетность, обеспечивая точность и своевременность. Рекомендуем их услуги всем предпринимателям!', date: '12.06.2023', img: images.gopro},
+        {id: 1, title: 'Dyson', text: 'Ваше бухгалтерское агентство стало надежным партнером для нашей компании.  Сотрудничество с ними позволяет нам сосредоточиться на основном бизнесе без забот о налогах и финансовой отчетности.', date: '12.06.2023', img: images.dyson},
+        {id: 2, title: 'Dell', text: 'Хотелось бы выразить благодарность вашему бухгалтерскому агентству за их профессионализм и отличное обслуживание. ', date: '12.06.2023', img: images.dell},
+        {id: 3, title: 'GoPro', text: 'Сотрудничество с вашим бухгалтерским агентством стало для нас настоящим спасением. Они профессионально вели нашу финансовую отчетность, обеспечивая точность и своевременность. Рекомендуем их услуги всем предпринимателям!', date: '12.06.2023', img: images.gopro2}
+    ]);
+
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto">
+                <div className="flex justify-between items-start w-full">
+                    <h2 className='text-black max-w-[510px] font-semibold text-[44px] mb-[70px]'>Что о нас говорят наши клиенты</h2>
+                    <div className="flex">
+                        <button aria-label="Next slide" className='mr-5 w-16 h-16 border-2 border-slate-600 rounded-full text-[28px] flex justify-center items-center text-slate-600 hover:text-red-500 hover:border-red-500 transition-all' onClick={() => swiperInstance.slidePrev()}><BsArrowLeft/></button>
+                        <button aria-label="Prev slide" className='w-16 h-16 border-2 border-slate-600 rounded-full text-[28px] flex justify-center items-center text-slate-600 hover:text-red-500 hover:border-red-500 transition-all' onClick={() => swiperInstance.slideNext()}><BsArrowRight/></button>
+                    </div>
+                </div>
+                <Swiper spaceBetween={50} slidesPerView={3} onSwiper={(swiper) => setSwiperInstance(swiper)}>
+                    {reviews.map(review=>
+                        <SwiperSlide className='!h-auto' key={review.id}>
+                            <Review title={review.title} text={review.text} date={review.date} img={review.img}/>
+                        </SwiperSlide>
+                    )} 
+                </Swiper>
+            </div>
+        </section>
+    )
+}
+
+export default Reviews;

src/components/RichText_Points/Point.jsx

@@ -0,0 +1,31 @@
+import React from 'react'
+import { Link } from 'gatsby'
+
+const Point = ({title, ico, className, link, to = '/', textsize, ...props}) => {
+    
+    const Inner = () => {
+        return (
+            <div className="p-2 pt-7 mr-5 mb-5 w-[200px] h-[200px] bg-[#F7F7FF] rounded-[20px] flex flex-col items-center text-slate-800">
+                <span className="mb-5 text-7xl">{ico}</span>
+                <p className={textsize === 'lg' ? 'whitespace-pre-wrap text-center text-lg leading-[1.3]' : 'whitespace-pre-wrap text-center text-xl'}>{title}</p>
+            </div>
+        )
+    }
+    return (
+        <>
+            {link
+            ?
+                <Link to={to} className={['', className].join(' ')} {...props}>
+                    <Inner/>
+                </Link>
+            :
+                <div className={['', className].join(' ')} {...props}>
+                    <Inner/>
+                </div>
+            }
+        </>
+        
+    )
+}
+
+export default Point;

src/components/RichText_Points/RichTextPoints.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+import Point from './Point';
+
+
+const RichTextPoints = ({children, className, points, count = 3, textsize }) => {
+    return (
+        <div className='flex justify-between items-center'>
+            <div className={['basis-1/2', className].join(' ')}>{children}</div>
+            <div style={{'--pointsBasis': count * 220 + 'px'}} className="flex justify-center basis-[var(--pointsBasis)] flex-wrap">
+                {points.map(point=>
+                    <Point key={point.id} ico={point.ico} link={point.link} to={point.to} title={point.title} textsize={textsize}/>
+                )}          
+            </div>
+        </div>
+    )
+}
+
+export default RichTextPoints;

src/components/RichText_Points2/Point.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Point = ({Ico, text}) => {
+    return (
+        <div className='bg-[#F7F7FF] text-7xl rounded-[20px] flex mb-[20px] flex-grow p-10'>
+            <div className="text-slate-900 text-[54px] mr-[30px]"><Ico addictionalColor='#ef4444'/></div>
+            <p className='text-slate-900 text-base font-medium leading-normal'>{text}</p>
+        </div>
+    )
+}
+
+export default Point;

src/components/RichText_Points2/RichTextPoints2.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import Point from './Point';
+
+const RichTextPoints2 = ({children, points}) => {
+    return (
+        <div className='flex justify-between items-stretch'>
+            <div className="basis-1/2 p-10 bg-[#F7F7FF] rounded-[20px] leading-normal mr-[20px]">{children}</div>
+            <div className="flex flex-col basis-1/2 [&>*:last-child]:mb-0">
+                {points.map(point=>
+                    <Point key={point.id} Ico={point.ico} text={point.text}/>
+                )}
+            </div>
+        </div>
+    )
+}
+
+export default RichTextPoints2;

src/components/Services/Hero.jsx

@@ -0,0 +1,40 @@
+import React, { useState } from 'react'
+import { StaticImage } from 'gatsby-plugin-image';
+import { Link } from 'gatsby';
+import { Link as AnchorLink } from "react-scroll";
+
+import Breadcrumbs from '../UI/Breadcrumbs/Breadcrumbs';
+import Title from '../UI/Title';
+import Button from '../UI/Button';
+
+const Hero = () => {
+    const [breadcrumbs] = useState([
+        {id: 0, title: 'Главная', path: '/'},
+        {id: 1, title: 'Услуги'}
+    ]);
+    return (
+        <section className={'bg-[#F7F7FF] h-[873px]'}>
+            <div className="container mx-auto flex flex-col items-center">
+                <Breadcrumbs className='mt-[60px] mb-[50px]' data={breadcrumbs} />
+                <Title className='mb-[75px]' subtitle='Коммерческая деятельность любых размеров требует участия квалифицированного бухгалтера.' h1>Наши услуги</Title>
+                <div className="flex justify-between items-center w-full">
+                    <div className="flex flex-col items-start">
+                        <p className='max-w-[430px] text-slate-600 text-lg font-medium leading-normal mb-[30px]'>Помощь специалиста требуется не только юридическим, но и физическим лицам, особенно в ситуациях, касающихся заполнения налоговых документов и получения вычетов. «АудитКонсалт» предлагает своим клиентам комплекс услуг, помогающий быстро решить различные проблемы.</p>
+                        <AnchorLink itemProp="url" className="cursor-pointer text-slate-600 hover:text-red-500 transition-all font-medium text-[28px] mb-5" to="physlic" smooth={true}>{'>'} Физическим лицам</AnchorLink>
+                        <AnchorLink itemProp="url" className="cursor-pointer text-slate-600 hover:text-red-500 transition-all font-medium text-[28px] mb-[30px]" to="urlic" smooth={true}>{'>'} Юридическим лицам</AnchorLink>
+                        <Button>Оставить заявку</Button>
+                    </div>
+                    <div className="w-[805px] h-[450px] relative">
+                        <Link to='/calculator' className="flex flex-col items-center justify-center text-white w-[150px] h-[150px] bg-red-500 hover:bg-red-600 transition-all duration-200 rounded-full absolute z-10 top-5 left-5 -translate-y-1/2 -translate-x-1/2">
+                            <p className='uppercase mb-[5px] text-base font-bold'>Калькулятор</p>
+                            <p className='text-sm font-medium'>Сколько это стоит ?</p>
+                        </Link>
+                        <StaticImage src="../../images/services-hero.jpg" alt="hero" placeholder="blurred" className='object-cover w-full h-full rounded-[30px]'/>
+                    </div>
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default Hero;

src/components/Services/PhysLic.jsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react'
+
+import Title from '../UI/Title';
+import RichTextPoints from '../RichText_Points/RichTextPoints';
+import Documents from '../../icons/Documents';
+import BankTransfer from '../../icons/BankTransfer';
+import BankCards from '../../icons/BankCards';
+import Coin from '../../icons/Coin';
+import Signature from '../../icons/Signature';
+
+import Button from '../UI/Button';
+
+const PhysLic = () => {
+    const [points] = useState([
+        {id: 0, title: '3-НДФЛ', to: '/services', ico: <Documents/>, link: true},
+        {id: 1, title: 'Отчет о движении денежных средств в иностранных банках', to: '/services', ico: <BankTransfer/>, link: true},
+        {id: 2, title: 'Уведомление о счетах в иностранных банках', to: '/services', ico: <BankCards/>, link: true},
+        {id: 3, title: 'Контролируемые иностранные компании', to: '/services', ico: <Coin/>, link: true},
+        {id: 4, title: 'Выпуск электронной цифровой подписи', to: '/services', ico: <Signature/>, link: true},
+    ]);
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass="max-w-[280px]">Физическим лицам</Title>
+                <RichTextPoints points={points} textsize='lg'>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Наши высококвалифицированные специалисты также предлагают полную поддержку физическим лицам в отношении налоговых вопросов. Мы готовы помочь вам не только с подготовкой налоговых деклараций по форме 3-НДФЛ в соответствии с требованиями Налогового кодекса, но и с представлением других отчетов, предусмотренных законодательством Российской Федерации. Благодаря опыту наших специалистов, которые ранее работали в налоговых органах, мы можем предоставить вам качественные консультации и эффективную помощь по всем вопросам, связанным с вашими взаимоотношениями с налоговыми органами. Мы стремимся обеспечить вашу полную уверенность в соблюдении налоговых обязательств и помочь вам достичь оптимальных результатов в сфере налогообложения.</p>
+                    <Button>Калькулятор</Button>
+                </RichTextPoints>
+            </div>
+        </section>
+    )
+}
+
+export default PhysLic;

src/components/Services/UrLic.jsx

@@ -0,0 +1,56 @@
+import React, { useState } from 'react'
+
+import Title from '../UI/Title';
+import RichTextPoints from '../RichText_Points/RichTextPoints';
+import BusinessTime from '../../icons/BusinessTime';
+import Accounting from '../../icons/Accounting';
+import MoneyCash from '../../icons/MoneyCash';
+import SlideRecord from '../../icons/SlideRecord';
+import Restore from '../../icons/Restore';
+import Coins from '../../icons/Coins';
+import DocumentsFill from '../../icons/DocumentsFill';
+import ReceiptTax from '../../icons/ReceiptTax';
+import MapControl from '../../icons/MapControl';
+import FileCheck from '../../icons/FileCheck';
+import BillCross from '../../icons/BillCross';
+import MoneyHand from '../../icons/MoneyHand';
+import Company from '../../icons/Company';
+import Internet from '../../icons/Internet';
+import DocumentPen from '../../icons/DocumentPen';
+import Button from '../UI/Button';
+
+const UrLic = () => {
+    const [points] = useState([
+        {id: 0, title: 'Аутсорсинг бухгалтерских услуг', to: '/services', ico: <BusinessTime/>, link: true},
+        {id: 1, title: 'Бухгалтерское сопровождение бизнеса', to: '/services', ico: <Accounting/>, link: true},
+        {id: 2, title: 'Бухгалтерский учет для некоммерческих организаций', to: '/services', ico: <MoneyCash/>, link: true},
+        {id: 3, title: 'Бухгалтерский учет для ИП', to: '/services', ico: <SlideRecord/>, link: true},
+        {id: 4, title: 'Восстановление бухгалтерского учета', to: '/services', ico: <Restore/>, link: true},
+        {id: 5, title: 'Расчет заработной платы', to: '/services', ico: <Coins/>, link: true},
+        {id: 6, title: 'Нулевая отчетность', to: '/services', ico: <DocumentsFill/>, link: true},
+        {id: 7, title: 'Работа с налоговыми органами', to: '/services', ico: <ReceiptTax/>, link: true},
+        {id: 8, title: 'Внутренний налоговый контроль', to: '/services', ico: <MapControl/>, link: true},
+        {id: 9, title: 'Сопровождение проведения налоговой проверки', to: '/services', ico: <FileCheck/>, link: true},
+        {id: 10, title: 'Списание задолженности по налогам', to: '/services', ico: <BillCross/>, link: true},
+        {id: 11, title: 'Возмещение НДС из бюджета', to: '/services', ico: <MoneyHand/>, link: true},
+        {id: 12, title: 'Кадровый учет на предприятии', to: '/services', ico: <Company/>, link: true},
+        {id: 13, title: 'СБИС — электронная отчетность по интернет', to: '/services', ico: <Internet/>, link: true},
+        {id: 14, title: 'Регистрация ООО и ИП без визита в инспекцию', to: '/services', ico: <DocumentPen/>, link: true},
+    ]);
+    return (
+        <section className='py-[90px]'>
+            <div className="container mx-auto">
+                <Title className='mb-[70px]' titleClass="max-w-[280px]">Юридическим лицам</Title>
+                <RichTextPoints className='max-w-[465px]' count='4' points={points} textsize='lg'>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Современная коммерческая деятельность не может обойтись без участия опытного бухгалтера, специалиста по кадрам и налогового консультанта. Они могут помочь избежать проблем с контролирующими органами и оптимально организовать бизнес.</p>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Мы практикуем индивидуальный подход к каждому клиенту. Данное правило является основополагающим в нашей работе с заказчиками. Мы полностью вникаем в суть проблем своего клиента, думаем вместе с ним, анализируем особенности его бизнеса.</p>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Клиентам наших услуг доступен Личный кабинет заказчика для максимально удобного взаимодействия. А страхование ответственности в ведущих страховых компаниях России распространяется на все оказываемые нами услуги. Все это позволяет предложить нашим клиентам лучшие условия сотрудничества!</p>
+                    <p className='mb-6 text-slate-800 text-lg leading-7 max-w-[614px]'>Кроме того, мы предлагаем страхование ответственности, которое распространяется на все оказываемые нами услуги. Это дополнительная гарантия для наших клиентов, обеспечивающая защиту их интересов в случае возникновения любых непредвиденных ситуаций.</p>
+                    <Button>Калькулятор</Button>
+                </RichTextPoints>
+            </div>
+        </section>
+    )
+}
+
+export default UrLic;

src/components/Services/Workers.jsx

@@ -0,0 +1,30 @@
+import React from 'react'
+import { StaticImage } from 'gatsby-plugin-image';
+
+import Title from '../UI/Title';
+import Button from '../UI/Button';
+
+const Workers = () => {
+    return (
+        <section className="py-[90px] bg-[#F7F7FF]">
+            <div className="container mx-auto">
+                <Title titleClass='max-w-[500px]' className='mb-[70px]' subtitle='Максимизируйте свои налоговые преимущества'>Доверьтесь опытным специалистам</Title>
+                <div className="flex justify-between items-center">
+                    <div className="w-[670px] h-[456px] relative">
+                        <div className="flex flex-col items-center justify-center text-white w-[190px] h-[190px] bg-red-500 hover:bg-red-600 transition-all duration-200 rounded-full absolute z-10 top-5 right-5 -translate-y-1/2 translate-x-1/2">
+                            <p className='uppercase text-center text-lg font-medium'>Мы знаем более<br/><b className='font-semibold text-[28px]'>1800</b><br/> законов РФ</p>
+                        </div>
+                        <StaticImage src="../../images/campaign-creators.jpg"  alt="hero" placeholder="blurred" className='object-cover w-full h-full rounded-[30px]'/>
+                    </div>
+                    <div className="flex flex-col items-start max-w-[520px] mr-6">
+                        <p className='text-slate-600 font-medium text-xl leading-normal mb-7'>Мы практикуем индивидуальный подход к каждому клиенту. Данное правило является основополагающим в нашей работе с заказчиками. Мы полностью вникаем в суть проблем своего клиента, думаем вместе с ним, анализируем особенности его бизнеса.</p>
+                        <p className='text-slate-600 font-medium text-xl leading-normal mb-[30px]'>Это позволяет нам понять настоящие причины возникновения сложностей и подыскать оптимальные способы решения</p>
+                        <Button>Оставить заявку</Button>
+                    </div>
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default Workers;

src/components/UI/Breadcrumbs/Breadcrumbs.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import BreadcrumbsItem from './BreadcrumbsItem';
+
+const Breadcrumbs = ({data, className}) => {
+    return (
+        <div className={['flex self-start text-slate-600 text-base font-medium', className].join(' ')}>
+            {
+                data.map((item, index)=>
+                    <BreadcrumbsItem key={index} length={data.length} index={index+1} path={item.path}>{item.title}</BreadcrumbsItem>
+                )
+            }
+        </div>
+    )
+}
+
+export default Breadcrumbs;
+

src/components/UI/Breadcrumbs/BreadcrumbsItem.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { Link } from 'gatsby'
+
+const BreadcrumbsItem = ({path, children, length, index}) => {
+    return (
+        <>
+            {path
+            ?
+                <Link to={path}>{children}</Link>
+            :
+                <p className='text-black'>{children}</p>
+            }
+            {index !== length &&
+                <div className=''> / </div>
+            }
+        </>
+        
+    )
+}
+
+export default BreadcrumbsItem

src/components/UI/Button.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Button = ({children, className, ...props}) => {
+    return (
+        <button className={['bg-red-500 hover:bg-red-600 transition-all text-white h-14 px-7 rounded-[56px]', className].join(' ')}>{children}</button>
+    )
+}
+
+export default Button;

src/components/UI/Input.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import uniqid from 'uniqid';
+
+const Input = ({ className, Ico, labelClasses, wrapperClasses, name, errors, validation, register, ...props }) => {
+
+    const uid = uniqid();
+
+    return (
+        <div className={['flex relative w-full', wrapperClasses].join(' ')}>
+            <Ico className="text-white text-xl absolute top-1/2 -translate-y-1/2"/>
+            <input {...register && name ? {...register(name, validation)} : null} id={uid} className={['w-full bg-transparent border-b-[1px] py-2 pl-[30px] pr-4 px-5 placeholder:text-white text-base font-normal text-white focus:outline-none focus:border-b-red-500 ', className].join(' ')} {...props} />
+            {errors &&
+                errors[name] &&
+                <p className="text-red-600 absolute -bottom-0.5 translate-y-full">{errors[name]?.message}</p>
+            }
+        </div>
+    );
+}
+
+export default Input;

src/components/UI/Social.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { FaTelegramPlane } from "@react-icons/all-files/fa/FaTelegramPlane";
+import { FaVk } from "@react-icons/all-files/fa/FaVk";
+import { FaYoutube } from "@react-icons/all-files/fa/FaYoutube";
+
+const Social = () => {
+    return (
+        <div className="flex items-center">
+            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl mr-4'><FaTelegramPlane/></a>
+            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl mr-4'><FaVk/></a>
+            <a href='https:google.com' target='__blank' aria-label='social' className='h-10 w-10 rounded-full bg-red-500 hover:bg-red-600 transition-all flex items-center justify-center text-white text-xl'><FaYoutube/></a>
+        </div>
+    )
+}
+
+export default Social;

src/components/UI/Title.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const Title = ({children, subtitle, className, titleClass, h1, ...props}) => {
+    return (
+        <div className={['flex justify-between items-start w-full', className].join(' ')} {...props}>
+            {h1
+            ?
+            <h1 className={['text-black max-w-[845px] font-semibold text-[44px]', titleClass].join(' ')}>{children}</h1>
+            :
+            <h2 className={['text-black max-w-[845px] font-semibold text-[44px]', titleClass].join(' ')}>{children}</h2>
+            }
+            
+            <p className='text-slate-600 max-w-[300px]'>{subtitle}</p>
+        </div>
+    )
+}
+
+export default Title;

src/components/layout.jsx

@@ -0,0 +1,26 @@
+/**
+ * Layout component that queries for data
+ * with Gatsby's useStaticQuery component
+ *
+ * See: https://www.gatsbyjs.com/docs/how-to/querying-data/use-static-query/
+ */
+
+import React from "react"
+
+import Header from "./Header"
+import Footer from "./Footer"
+
+const Layout = ({menu, children }) => {
+
+    return (
+        <>
+            <Header/>
+            <div>
+                <main>{children}</main>
+            </div>
+            <Footer/>
+        </>
+    )
+}
+
+export default Layout

src/components/seo.js

@@ -0,0 +1,48 @@
+/**
+ * SEO component that queries for data with
+ * Gatsby's useStaticQuery React hook
+ *
+ * See: https://www.gatsbyjs.com/docs/how-to/querying-data/use-static-query/
+ */
+
+import * as React from "react"
+import { useStaticQuery, graphql } from "gatsby"
+
+function Seo({ description, title, children }) {
+  const { site } = useStaticQuery(
+    graphql`
+      query {
+        site {
+          siteMetadata {
+            title
+            description
+            author
+          }
+        }
+      }
+    `
+  )
+
+  const metaDescription = description || site.siteMetadata.description
+  const defaultTitle = site.siteMetadata?.title
+
+  return (
+    <>
+      <title itemProp="headline">{defaultTitle ? `${title} | ${defaultTitle}` : title}</title>
+      <meta itemProp="description" name="description" content={metaDescription} />
+      <meta property="og:title" content={title} />
+      <meta property="og:description" content={metaDescription} />
+      <meta property="og:type" content="website" />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:creator" content={site.siteMetadata?.author || ``} />
+      <meta name="twitter:title" content={title} />
+      <meta name="twitter:description" content={metaDescription} />
+      <link rel="preconnect" href="https://fonts.googleapis.com"/>
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true"/>
+      <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet"/>
+      {children}
+    </>
+  )
+}
+
+export default Seo

src/icons/Accounting.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Accounting = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M59.0399 1.43994H12.96C9.79195 1.43994 7.19995 4.03194 7.19995 7.19994V64.7999C7.19995 67.9679 9.79195 70.5599 12.96 70.5599H59.0399C62.208 70.5599 64.7999 67.9679 64.7999 64.7999V7.19994C64.7999 4.03194 62.208 1.43994 59.0399 1.43994ZM24.4799 59.0399C24.4799 60.6239 23.184 61.9199 21.6 61.9199H15.84C14.256 61.9199 12.96 60.6239 12.96 59.0399V57.5999C12.96 56.0159 14.256 54.7199 15.84 54.7199H21.6C23.184 54.7199 24.4799 56.0159 24.4799 57.5999V59.0399ZM24.4799 47.5199C24.4799 49.1039 23.184 50.3999 21.6 50.3999H15.84C14.256 50.3999 12.96 49.1039 12.96 47.5199V46.0799C12.96 44.4959 14.256 43.1999 15.84 43.1999H21.6C23.184 43.1999 24.4799 44.4959 24.4799 46.0799V47.5199ZM24.4799 35.9999C24.4799 37.5839 23.184 38.8799 21.6 38.8799H15.84C14.256 38.8799 12.96 37.5839 12.96 35.9999V34.5599C12.96 32.9759 14.256 31.6799 15.84 31.6799H21.6C23.184 31.6799 24.4799 32.9759 24.4799 34.5599V35.9999ZM41.7599 59.0399C41.7599 60.6239 40.464 61.9199 38.8799 61.9199H33.1199C31.5359 61.9199 30.24 60.6239 30.24 59.0399V57.5999C30.24 56.0159 31.5359 54.7199 33.1199 54.7199H38.8799C40.464 54.7199 41.7599 56.0159 41.7599 57.5999V59.0399ZM41.7599 47.5199C41.7599 49.1039 40.464 50.3999 38.8799 50.3999H33.1199C31.5359 50.3999 30.24 49.1039 30.24 47.5199V46.0799C30.24 44.4959 31.5359 43.1999 33.1199 43.1999H38.8799C40.464 43.1999 41.7599 44.4959 41.7599 46.0799V47.5199ZM41.7599 35.9999C41.7599 37.5839 40.464 38.8799 38.8799 38.8799H33.1199C31.5359 38.8799 30.24 37.5839 30.24 35.9999V34.5599C30.24 32.9759 31.5359 31.6799 33.1199 31.6799H38.8799C40.464 31.6799 41.7599 32.9759 41.7599 34.5599V35.9999ZM59.0399 59.0399C59.0399 60.6239 57.7439 61.9199 56.16 61.9199H50.3999C48.8159 61.9199 47.52 60.6239 47.52 59.0399V57.5999C47.52 56.0159 48.8159 54.7199 50.3999 54.7199H56.16C57.7439 54.7199 59.0399 56.0159 59.0399 57.5999V59.0399ZM59.0399 47.5199C59.0399 49.1039 57.7439 50.3999 56.16 50.3999H50.3999C48.8159 50.3999 47.52 49.1039 47.52 47.5199V46.0799C47.52 44.4959 48.8159 43.1999 50.3999 43.1999H56.16C57.7439 43.1999 59.0399 44.4959 59.0399 46.0799V47.5199ZM59.0399 35.9999C59.0399 37.5839 57.7439 38.8799 56.16 38.8799H50.3999C48.8159 38.8799 47.52 37.5839 47.52 35.9999V34.5599C47.52 32.9759 48.8159 31.6799 50.3999 31.6799H56.16C57.7439 31.6799 59.0399 32.9759 59.0399 34.5599V35.9999ZM59.0399 23.0399C59.0399 24.6239 57.7439 25.9199 56.16 25.9199H15.84C14.256 25.9199 12.96 24.6239 12.96 23.0399V11.5199C12.96 9.93594 14.256 8.63994 15.84 8.63994H56.16C57.7439 8.63994 59.0399 9.93594 59.0399 11.5199V23.0399Z" fill="currentColor"/>
+        </svg>
+    )
+}
+
+export default Accounting;

src/icons/BankCards.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const BankCards = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_129_1902)">
+                <path d="M46.213 1.69888e-05C45.6591 0.0221708 45.1247 0.121863 44.568 0.260325L6.92311 9.43202C2.47019 10.5231 -0.315657 15.0148 0.778189 19.4705L6.05634 41.0206C6.37619 42.3043 6.99894 43.4926 7.87245 44.4861C8.74597 45.4796 9.84481 46.2493 11.077 46.7308V41.5385C11.077 33.9037 17.2883 27.6923 24.9231 27.6923H59.7988L54.6065 6.31663C54.1473 4.45853 53.0613 2.81563 51.5318 1.66497C50.0023 0.514301 48.1255 -0.0737343 46.213 1.69888e-05ZM49.5859 11.9437L51.8373 21.3757L42.4911 23.6243L40.1539 14.2782L49.5859 11.9437ZM24.9231 33.2308C20.3373 33.2308 16.6154 36.9526 16.6154 41.5385V63.6923C16.6154 68.2782 20.3373 72 24.9231 72H63.6923C68.2782 72 72 68.2782 72 63.6923V41.5385C72 36.9526 68.2782 33.2308 63.6923 33.2308H24.9231ZM24.9231 37.6449H63.6923C65.8274 37.6449 67.5859 39.4034 67.5859 41.5385V44.3077H21.0296V41.5385C21.0296 39.4034 22.788 37.6449 24.9231 37.6449ZM21.0296 52.6154H67.5859V63.6923C67.5859 65.8274 65.8274 67.5859 63.6923 67.5859H24.9231C23.8923 67.58 22.9053 67.168 22.1764 66.439C21.4475 65.7101 21.0354 64.7232 21.0296 63.6923V52.6154Z" fill="currentColor"/>
+            </g>
+            <defs>
+                <clipPath id="clip0_129_1902">
+                    <rect width="1em" height="1em" fill="white"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default BankCards;

src/icons/BankTransfer.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const BankTransfer = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g id="mdi:bank-transfer-in">
+                <path id="Vector" d="M6 45V36H15V30L27 40.5L15 51V45H6ZM66 26.1V30H30V26.1L48 15L66 26.1ZM30 51H66V57H30V51ZM45 33H51V48H45V33ZM33 33H39V48H33V33ZM57 33H63V48H57V33Z" fill="currentColor"/>
+            </g>
+        </svg>
+    )
+}
+
+export default BankTransfer;

src/icons/BillCross.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const BillCross = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M42 24L30 36M30 24L42 36M22.5 46.5H27M49.5 46.5H36M63 21V19.11C63 15.531 63 13.74 62.526 12.3C62.0956 10.9627 61.3625 9.7427 60.3838 8.73485C59.4051 7.727 58.2071 6.95847 56.883 6.489C55.479 6 53.742 6 50.265 6H21.735C18.258 6 16.521 6 15.117 6.489C13.7933 6.95837 12.5957 7.72651 11.617 8.73379C10.6384 9.74107 9.90503 10.9604 9.474 12.297C9 13.743 9 15.531 9 19.11V45M63 33V61.122C63 63.696 60.045 65.064 58.176 63.354C57.6516 62.8695 56.9639 62.6004 56.25 62.6004C55.5361 62.6004 54.8484 62.8695 54.324 63.354L52.875 64.68C51.9564 65.5295 50.7512 66.0013 49.5 66.0013C48.2488 66.0013 47.0436 65.5295 46.125 64.68C45.2064 63.8305 44.0012 63.3587 42.75 63.3587C41.4988 63.3587 40.2936 63.8305 39.375 64.68C38.4564 65.5295 37.2512 66.0013 36 66.0013C34.7488 66.0013 33.5436 65.5295 32.625 64.68C31.7064 63.8305 30.5012 63.3587 29.25 63.3587C27.9988 63.3587 26.7936 63.8305 25.875 64.68C24.9564 65.5295 23.7512 66.0013 22.5 66.0013C21.2488 66.0013 20.0436 65.5295 19.125 64.68L17.676 63.354C17.1516 62.8695 16.4639 62.6004 15.75 62.6004C15.0361 62.6004 14.3484 62.8695 13.824 63.354C11.955 65.064 9 63.696 9 61.122V57" stroke="currentColor" strokeWidth="4" strokeLinecap="round"/>
+        </svg>
+    )
+}
+
+export default BillCross;

src/icons/BusinessCenter.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const BusinessCenter = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M39 48H33C31.35 48 30 46.65 30 45H9.03V57C9.03 60.3 11.73 63 15.03 63H57C60.3 63 63 60.3 63 57V45H42C42 46.65 40.65 48 39 48ZM60 21H48C48 14.37 42.63 9 36 9C29.37 9 24 14.37 24 21H12C8.7 21 6 23.7 6 27V36C6 39.33 8.67 42 12 42H30V39C30 37.35 31.35 36 33 36H39C40.65 36 42 37.35 42 39V42H60C63.3 42 66 39.3 66 36V27C66 23.7 63.3 21 60 21ZM30 21C30 17.7 32.7 15 36 15C39.3 15 42 17.7 42 21H29.97H30Z"/>
+        </svg>
+    )
+}
+
+export default BusinessCenter;

src/icons/BusinessTime.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const BusinessTime = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M31.5 6.75C30.33 6.75 29.115 7.155 28.26 8.01C27.405 8.865 27 10.08 27 11.25V13.5H6.75V58.5H31.95C31.6575 57.06 31 55.5525 31 54H10.5769V46.5V39.5C11.9044 40.265 14.2806 40.1538 15.9231 40.1538C17.5656 40.1538 36 40.1538 36 40.1538C37.26 38.4438 38.79 37.9523 40.5 36.6923H15.2308C11.0769 36.6923 10.5769 33.6775 10.5769 31V18H61V31.6125C61 31.9725 61.0675 32.685 61 33C62.62 33.495 63.81 33.6825 65.25 34.515V13.5H45V11.25C45 10.08 44.595 8.865 43.74 8.01C42.885 7.155 41.67 6.75 40.5 6.75H31.5ZM30.4615 9.69231H41.5385V13.5H30.4615V9.69231ZM20.25 27V33.75H24.75V27H20.25ZM47.25 27V32.535C48.7152 32.0771 50.2228 31.768 51.75 31.6125V27H47.25Z" fill="currentColor"/>
+            <path d="M50.3655 44.1345V57.6345H61.6155V53.9999H54.0001V44.1345H50.3655Z" fill="currentColor"/>
+            <circle cx="54" cy="54" r="16.25" stroke="currentColor" strokeWidth="3.5"/>
+        </svg>
+    )
+}
+
+export default BusinessTime;

src/icons/BusinessTimeAdd.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const BusinessTimeAdd = ({addictionalColor = "#fff"}) => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M22.75 4.875C21.905 4.875 21.0275 5.1675 20.41 5.785C19.7925 6.4025 19.5 7.28 19.5 8.125V9.75H4.875V42.25H23.075C22.8637 41.21 22.5 41.1213 22.5 40H7V28.5C7.95875 29.0525 10.3138 29 11.5 29C12.6862 29 26 29 26 29C26.91 27.765 28.015 27.41 29.25 26.5H11C8 26.5 7 24.4338 7 22.5V12H45V22.8313C45 23.0913 45.0488 23.27 45 23.4975C46.17 23.855 46.085 24.3263 47.125 24.9275V9.75H32.5V8.125C32.5 7.28 32.2075 6.4025 31.59 5.785C30.9725 5.1675 30.095 4.875 29.25 4.875H22.75ZM22 7H30V9.75H22V7ZM14.625 19.5V24.375H17.875V19.5H14.625ZM34.125 19.5V23.4975C35.1832 23.1668 36.272 22.9436 37.375 22.8313V19.5H34.125Z" fill="currentColor"/>
+            <path d="M36.375 31.875V41.625H44.5V39H39V31.875H36.375Z" fill={addictionalColor}/>
+            <circle cx="39" cy="39" r="11.75" stroke={addictionalColor} strokeWidth="2.5"/>
+        </svg>
+    )
+}
+
+export default BusinessTimeAdd;

src/icons/Coin.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const Coin = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g id="streamline:money-cash-dollar-coin-accounting-billing-payment-cash-coin-currency-money-finance" clipPath="url(#clip0_129_1882)">
+                <g id="Group">
+                    <path id="Vector" d="M36.0002 23.1428V15.4285M36.0002 23.1428C31.7316 23.1428 28.2859 23.1428 28.2859 28.2857C28.2859 36 43.7145 36 43.7145 43.7142C43.7145 48.8571 40.2687 48.8571 36.0002 48.8571M36.0002 23.1428C40.2687 23.1428 43.7145 25.0971 43.7145 28.2857M28.2859 43.7142C28.2859 47.5714 31.7316 48.8571 36.0002 48.8571M36.0002 48.8571V56.5714" stroke="currentColor" strokeWidth="5" strokeLinecap="round" strokeLinejoin="round"/>
+                    <path id="Vector_2" d="M36.0001 69.4286C54.4622 69.4286 69.4287 54.4621 69.4287 36C69.4287 17.5379 54.4622 2.57141 36.0001 2.57141C17.538 2.57141 2.57153 17.5379 2.57153 36C2.57153 54.4621 17.538 69.4286 36.0001 69.4286Z" stroke="currentColor" strokeWidth="5" strokeLinecap="round" strokeLinejoin="round"/>
+                </g>
+            </g>
+            <defs>
+                <clipPath id="clip0_129_1882">
+                    <rect width="72" height="72" fill="white"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default Coin;

src/icons/Coins.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Coins = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M48 47C48 43.685 38.598 41 27 41M48 47C48 50.315 38.598 53 27 53C15.402 53 6 50.315 6 47M48 47V61.811C48 65.228 38.598 68 27 68C15.402 68 6 65.231 6 61.811V47M48 47C59.472 47 69 44.039 69 41V11M27 41C15.402 41 6 43.685 6 47M27 41C13.746 41 3 38.039 3 35V20M27 14C13.746 14 3 16.685 3 20M3 20C3 23.315 13.746 26 27 26C27 29.039 36.759 32 48.231 32C59.7 32 69 29.039 69 26M69 11C69 7.685 59.7 5 48.231 5C36.759 5 27.462 7.685 27.462 11M69 11C69 14.315 59.7 17 48.231 17C36.762 17 27.462 14.315 27.462 11M27.462 11V41.498" stroke="currentColor" strokeWidth="4"/>
+        </svg>
+    )
+}
+
+export default Coins;

src/icons/Company.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Company = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M54 45H48V51H54M54 33H48V39H54M60 57H36V51H42V45H36V39H42V33H36V27H60M30 21H24V15H30M30 33H24V27H30M30 45H24V39H30M30 57H24V51H30M18 21H12V15H18M18 33H12V27H18M18 45H12V39H18M18 57H12V51H18M36 21V9H6V63H66V21H36Z" fill="currentColor"/>
+        </svg>
+    )
+}
+
+export default Company;

src/icons/DocumentPen.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const DocumentPen = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M54.5399 24.1201L55.9289 22.7281C57.0349 21.6217 58.535 21 60.0994 20.9998C61.6637 20.9995 63.1641 21.6206 64.2704 22.7266C65.3768 23.8325 65.9985 25.3327 65.9988 26.897C65.999 28.4614 65.3779 29.9617 64.2719 31.0681L62.8829 32.4601M54.5399 24.1201C54.5399 24.1201 54.7139 27.0721 57.3209 29.6791C59.9279 32.2861 62.8829 32.4601 62.8829 32.4601M54.5399 24.1201L41.7599 36.9001C40.8899 37.7641 40.4579 38.1991 40.0859 38.6761C39.6479 39.2401 39.2729 39.8461 38.9639 40.4941C38.7029 41.0401 38.5109 41.6191 38.1239 42.7801L36.8849 46.5001L36.4829 47.7031M62.8829 32.4601L50.1029 45.2401C49.2329 46.1101 48.8009 46.5421 48.3239 46.9141C47.7599 47.3521 47.1539 47.7271 46.5059 48.0361C45.9599 48.2971 45.3809 48.4891 44.2199 48.8761L40.4999 50.1151L39.2969 50.5171M36.4829 47.7031L36.0839 48.9091C35.991 49.189 35.9777 49.4893 36.0457 49.7763C36.1136 50.0633 36.2601 50.3258 36.4686 50.5344C36.6772 50.7429 36.9397 50.8894 37.2267 50.9573C37.5137 51.0253 37.814 51.012 38.0939 50.9191L39.2969 50.5171M36.4829 47.7031L39.2969 50.5171" stroke="currentColor" strokeWidth="3.5"/>
+            <path d="M24 39H31.5M24 27H43.5M24 51H28.5M59.484 9.516C55.971 6 50.313 6 39 6H33C21.687 6 16.029 6 12.516 9.516C9 13.029 9 18.687 9 30V42C9 53.313 9 58.971 12.516 62.484C16.029 66 21.687 66 33 66H39C50.313 66 55.971 66 59.484 62.484C62.316 59.655 62.865 55.44 62.973 48" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round"/>
+        </svg>
+    )
+}
+
+export default DocumentPen;

src/icons/Documents.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Documents = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M5.25 30V42C5.25 50.487 5.25 54.729 7.887 57.366C8.538 58.017 9.288 58.506 10.176 58.878C10.1559 58.7442 10.1369 58.6101 10.119 58.476C9.75 55.722 9.75 52.287 9.75 48.297V23.706C9.75 19.716 9.75 16.278 10.119 13.527L10.179 13.125C9.32176 13.471 8.54245 13.9851 7.887 14.637C5.25 17.274 5.25 21.516 5.25 30ZM65.25 30V42C65.25 50.487 65.25 54.729 62.613 57.366C61.962 58.017 61.212 58.506 60.324 58.878L60.381 58.476C60.75 55.722 60.75 52.287 60.75 48.297V23.706C60.75 19.716 60.75 16.278 60.381 13.527C60.3621 13.3928 60.3421 13.2588 60.321 13.125C61.212 13.494 61.962 13.986 62.613 14.637C65.25 17.274 65.25 21.516 65.25 30Z"/>
+            <path fillRule="evenodd" clipRule="evenodd" d="M16.887 8.637C14.25 11.271 14.25 15.516 14.25 24V48C14.25 56.484 14.25 60.729 16.887 63.363C19.521 66 23.766 66 32.25 66H38.25C46.734 66 50.979 66 53.613 63.363C56.25 60.729 56.25 56.484 56.25 48V24C56.25 15.516 56.25 11.271 53.613 8.637C50.979 6 46.734 6 38.25 6H32.25C23.766 6 19.521 6 16.887 8.637ZM24 51C24 50.4033 24.2371 49.831 24.659 49.409C25.081 48.9871 25.6533 48.75 26.25 48.75H35.25C35.8467 48.75 36.419 48.9871 36.841 49.409C37.2629 49.831 37.5 50.4033 37.5 51C37.5 51.5967 37.2629 52.169 36.841 52.591C36.419 53.0129 35.8467 53.25 35.25 53.25H26.25C25.6533 53.25 25.081 53.0129 24.659 52.591C24.2371 52.169 24 51.5967 24 51ZM26.25 36.75C25.6533 36.75 25.081 36.9871 24.659 37.409C24.2371 37.831 24 38.4033 24 39C24 39.5967 24.2371 40.169 24.659 40.591C25.081 41.0129 25.6533 41.25 26.25 41.25H44.25C44.8467 41.25 45.419 41.0129 45.841 40.591C46.2629 40.169 46.5 39.5967 46.5 39C46.5 38.4033 46.2629 37.831 45.841 37.409C45.419 36.9871 44.8467 36.75 44.25 36.75H26.25ZM24 27C24 26.4033 24.2371 25.831 24.659 25.409C25.081 24.9871 25.6533 24.75 26.25 24.75H44.25C44.8467 24.75 45.419 24.9871 45.841 25.409C46.2629 25.831 46.5 26.4033 46.5 27C46.5 27.5967 46.2629 28.169 45.841 28.591C45.419 29.0129 44.8467 29.25 44.25 29.25H26.25C25.6533 29.25 25.081 29.0129 24.659 28.591C24.2371 28.169 24 27.5967 24 27Z"/>
+        </svg>
+    )
+}
+
+export default Documents;

src/icons/DocumentsAdd.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const DocumentsAdd = ({addictionalColor = "#fff"}) => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 52 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_33_328)">
+                <path d="M2.31247 42.8235H29.8235C31.0884 42.8235 32.1176 41.7942 32.1176 40.5294V11.4706C32.1176 11.4354 32.1024 11.4048 32.0978 11.3712C32.0935 11.3391 32.0869 11.3074 32.0779 11.2764C32.0479 11.146 31.9835 11.0261 31.8913 10.9292L21.1869 0.224824C21.0657 0.110238 20.9107 0.0378299 20.7449 0.0183529C20.7128 0.0152941 20.6822 0 20.6471 0H2.30329C1.03388 0 0 1.02929 0 2.29412V40.5294C0 41.7942 1.03694 42.8235 2.31247 42.8235ZM21.4118 2.61071L29.5069 10.7059H22.1765C21.9737 10.7059 21.7792 10.6253 21.6357 10.4819C21.4923 10.3385 21.4118 10.144 21.4118 9.94118V2.61071ZM1.52941 2.29412C1.52941 1.872 1.87659 1.52941 2.30329 1.52941H19.8824V9.94118C19.8824 11.206 20.9116 12.2353 22.1765 12.2353H30.5882V40.5294C30.5882 40.7322 30.5077 40.9267 30.3643 41.0701C30.2208 41.2136 30.0263 41.2941 29.8235 41.2941H2.31247C2.21084 41.2953 2.10997 41.2765 2.01561 41.2387C1.92126 41.201 1.83526 41.145 1.76255 41.074C1.68983 41.0029 1.63182 40.9183 1.59182 40.8249C1.55182 40.7314 1.53061 40.631 1.52941 40.5294V2.29412Z" fill={addictionalColor}/>
+                <path d="M6.88238 18.3529H25.2353C25.4381 18.3529 25.6326 18.2723 25.7761 18.1289C25.9195 17.9855 26 17.791 26 17.5882C26 17.3854 25.9195 17.1908 25.7761 17.0474C25.6326 16.904 25.4381 16.8235 25.2353 16.8235H6.88238C6.67957 16.8235 6.48506 16.904 6.34165 17.0474C6.19824 17.1908 6.11768 17.3854 6.11768 17.5882C6.11768 17.791 6.19824 17.9855 6.34165 18.1289C6.48506 18.2723 6.67957 18.3529 6.88238 18.3529ZM6.88238 24.4705H25.2353C25.4381 24.4705 25.6326 24.3899 25.7761 24.2465C25.9195 24.1031 26 23.9086 26 23.7058C26 23.503 25.9195 23.3085 25.7761 23.1651C25.6326 23.0217 25.4381 22.9411 25.2353 22.9411H6.88238C6.67957 22.9411 6.48506 23.0217 6.34165 23.1651C6.19824 23.3085 6.11768 23.503 6.11768 23.7058C6.11768 23.9086 6.19824 24.1031 6.34165 24.2465C6.48506 24.3899 6.67957 24.4705 6.88238 24.4705ZM6.88238 12.2352H14.5294C14.7323 12.2352 14.9268 12.1547 15.0702 12.0112C15.2136 11.8678 15.2941 11.6733 15.2941 11.4705C15.2941 11.2677 15.2136 11.0732 15.0702 10.9298C14.9268 10.7864 14.7323 10.7058 14.5294 10.7058H6.88238C6.67957 10.7058 6.48506 10.7864 6.34165 10.9298C6.19824 11.0732 6.11768 11.2677 6.11768 11.4705C6.11768 11.6733 6.19824 11.8678 6.34165 12.0112C6.48506 12.1547 6.67957 12.2352 6.88238 12.2352ZM6.88238 30.5882H25.2353C25.4381 30.5882 25.6326 30.5076 25.7761 30.3642C25.9195 30.2208 26 30.0263 26 29.8235C26 29.6206 25.9195 29.4261 25.7761 29.2827C25.6326 29.1393 25.4381 29.0588 25.2353 29.0588H6.88238C6.67957 29.0588 6.48506 29.1393 6.34165 29.2827C6.19824 29.4261 6.11768 29.6206 6.11768 29.8235C6.11768 30.0263 6.19824 30.2208 6.34165 30.3642C6.48506 30.5076 6.67957 30.5882 6.88238 30.5882ZM6.88238 36.7058H25.2353C25.4381 36.7058 25.6326 36.6252 25.7761 36.4818C25.9195 36.3384 26 36.1439 26 35.9411C26 35.7383 25.9195 35.5438 25.7761 35.4004C25.6326 35.257 25.4381 35.1764 25.2353 35.1764H6.88238C6.67957 35.1764 6.48506 35.257 6.34165 35.4004C6.19824 35.5438 6.11768 35.7383 6.11768 35.9411C6.11768 36.1439 6.19824 36.3384 6.34165 36.4818C6.48506 36.6252 6.67957 36.7058 6.88238 36.7058Z" fill={addictionalColor}/>
+                <path d="M32.8823 7.64709H39.7647V16.0589C39.7647 17.3237 40.794 18.353 42.0588 18.353H50.4706V46.6471C50.4706 46.8499 50.39 47.0444 50.2466 47.1878C50.1032 47.3312 49.9087 47.4118 49.7059 47.4118H22.1948C22.0932 47.413 21.9923 47.3942 21.8979 47.3564C21.8036 47.3186 21.7176 47.2626 21.6449 47.1916C21.5722 47.1206 21.5141 47.036 21.4741 46.9426C21.4341 46.8491 21.4129 46.7487 21.4117 46.6471V45.1177C21.4117 44.9149 21.3312 44.7204 21.1878 44.577C21.0443 44.4335 20.8498 44.353 20.647 44.353C20.4442 44.353 20.2497 44.4335 20.1063 44.577C19.9629 44.7204 19.8823 44.9149 19.8823 45.1177V46.6471C19.8823 47.9119 20.9193 48.9412 22.1948 48.9412H49.7059C50.9707 48.9412 52 47.9119 52 46.6471V17.5883C52 17.5531 51.9847 17.5225 51.9801 17.4889C51.9758 17.4568 51.9692 17.4251 51.9602 17.394C51.9302 17.2637 51.8658 17.1438 51.7736 17.0469L41.0693 6.3425C40.9488 6.22696 40.7933 6.15485 40.6273 6.13756C40.5951 6.13297 40.5646 6.11768 40.5294 6.11768H32.8823C32.6795 6.11768 32.485 6.19824 32.3416 6.34165C32.1982 6.48506 32.1176 6.67957 32.1176 6.88238C32.1176 7.08519 32.1982 7.2797 32.3416 7.42311C32.485 7.56652 32.6795 7.64709 32.8823 7.64709ZM42.0588 16.8236C41.856 16.8236 41.6615 16.743 41.5181 16.5996C41.3747 16.4562 41.2941 16.2617 41.2941 16.0589V8.72838L49.3893 16.8236H42.0588Z" fill="currentColor"/>
+                <path d="M35.941 24.4706H45.1174C45.3203 24.4706 45.5148 24.39 45.6582 24.2466C45.8016 24.1032 45.8822 23.9087 45.8822 23.7059C45.8822 23.5031 45.8016 23.3085 45.6582 23.1651C45.5148 23.0217 45.3203 22.9412 45.1174 22.9412H35.941C35.7382 22.9412 35.5437 23.0217 35.4002 23.1651C35.2568 23.3085 35.1763 23.5031 35.1763 23.7059C35.1763 23.9087 35.2568 24.1032 35.4002 24.2466C35.5437 24.39 35.7382 24.4706 35.941 24.4706ZM35.941 30.5882H45.1174C45.3203 30.5882 45.5148 30.5077 45.6582 30.3642C45.8016 30.2208 45.8822 30.0263 45.8822 29.8235C45.8822 29.6207 45.8016 29.4262 45.6582 29.2828C45.5148 29.1394 45.3203 29.0588 45.1174 29.0588H35.941C35.7382 29.0588 35.5437 29.1394 35.4002 29.2828C35.2568 29.4262 35.1763 29.6207 35.1763 29.8235C35.1763 30.0263 35.2568 30.2208 35.4002 30.3642C35.5437 30.5077 35.7382 30.5882 35.941 30.5882ZM35.941 36.7059H45.1174C45.3203 36.7059 45.5148 36.6253 45.6582 36.4819C45.8016 36.3385 45.8822 36.144 45.8822 35.9412C45.8822 35.7383 45.8016 35.5438 45.6582 35.4004C45.5148 35.257 45.3203 35.1765 45.1174 35.1765H35.941C35.7382 35.1765 35.5437 35.257 35.4002 35.4004C35.2568 35.5438 35.1763 35.7383 35.1763 35.9412C35.1763 36.144 35.2568 36.3385 35.4002 36.4819C35.5437 36.6253 35.7382 36.7059 35.941 36.7059ZM35.941 42.8235H45.1174C45.3203 42.8235 45.5148 42.7429 45.6582 42.5995C45.8016 42.4561 45.8822 42.2616 45.8822 42.0588C45.8822 41.856 45.8016 41.6615 45.6582 41.5181C45.5148 41.3747 45.3203 41.2941 45.1174 41.2941H35.941C35.7382 41.2941 35.5437 41.3747 35.4002 41.5181C35.2568 41.6615 35.1763 41.856 35.1763 42.0588C35.1763 42.2616 35.2568 42.4561 35.4002 42.5995C35.5437 42.7429 35.7382 42.8235 35.941 42.8235Z" fill="currentColor"/>
+            </g>
+            <defs>
+                <clipPath id="clip0_33_328">
+                    <rect width="1em" height="1em" fill="currentColor"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default DocumentsAdd;

src/icons/DocumentsFill.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const DocumentsFill = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_130_2254)">
+                <path fillRule="evenodd" clipRule="evenodd" d="M42 6V22.5C42 23.6935 42.4741 24.8381 43.318 25.682C44.1619 26.5259 45.3065 27 46.5 27H63V48C63 49.5913 62.3679 51.1174 61.2426 52.2426C60.1174 53.3679 58.5913 54 57 54H51V60C51 61.5913 50.3679 63.1174 49.2426 64.2426C48.1174 65.3679 46.5913 66 45 66H18C16.4087 66 14.8826 65.3679 13.7574 64.2426C12.6321 63.1174 12 61.5913 12 60V24C12 22.4087 12.6321 20.8826 13.7574 19.7574C14.8826 18.6321 16.4087 18 18 18H24V12C24 10.4087 24.6321 8.88258 25.7574 7.75736C26.8826 6.63214 28.4087 6 30 6H42ZM24 24H18V60H45V54H30C28.4087 54 26.8826 53.3679 25.7574 52.2426C24.6321 51.1174 24 49.5913 24 48V24ZM48 6.129C49.1366 6.37007 50.1788 6.93597 51 7.758L61.242 18C62.064 18.8212 62.6299 19.8634 62.871 21H48V6.129Z" fill="currentColor"/>
+            </g>
+            <defs>
+                <clipPath id="clip0_130_2254">
+                    <rect width="1em" height="1em" fill="white"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default DocumentsFill;

src/icons/DocumentsMinimalisticAdd.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const DocumentsMinimalisticAdd = ({addictionalColor = "#fff"}) => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M41.1668 34.6666C41.1668 40.7939 41.1668 43.8598 39.2623 45.7621C37.36 47.6666 34.2942 47.6666 28.1668 47.6666H23.8335C17.7062 47.6666 14.6403 47.6666 12.738 45.7621C10.8335 43.8598 10.8335 40.7939 10.8335 34.6666V25.9999M10.8335 17.3333C10.8335 11.2059 10.8335 8.14009 12.738 6.23775C14.6403 4.33325 17.7062 4.33325 23.8335 4.33325H28.1668C34.2942 4.33325 37.36 4.33325 39.2623 6.23775C41.1668 8.14009 41.1668 11.2059 41.1668 17.3333V25.9999" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
+            <path d="M19.5002 28.1666H32.5002M19.5002 19.4999H32.5002M19.5002 36.8333H26.0002M4.3335 41.1666V10.8333M47.6668 41.1666V10.8333" stroke={addictionalColor} strokeWidth="2" strokeLinecap="round"/>
+        </svg>
+    )
+}
+
+export default DocumentsMinimalisticAdd;

src/icons/FileCheck.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const FileCheck = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M48.8429 35.3429C49.2654 34.9204 49.5028 34.3474 49.5028 33.7499C49.5028 33.1524 49.2654 32.5794 48.8429 32.1569C48.4204 31.7344 47.8474 31.4971 47.2499 31.4971C46.6524 31.4971 46.0794 31.7344 45.6569 32.1569L33.7499 44.0684L28.5929 38.9069C28.1704 38.4844 27.5974 38.2471 26.9999 38.2471C26.4024 38.2471 25.8294 38.4844 25.4069 38.9069C24.9844 39.3294 24.7471 39.9024 24.7471 40.4999C24.7471 41.0974 24.9844 41.6704 25.4069 42.0929L32.1569 48.8429C32.3659 49.0524 32.6142 49.2187 32.8876 49.3321C33.1609 49.4455 33.454 49.5039 33.7499 49.5039C34.0459 49.5039 34.3389 49.4455 34.6123 49.3321C34.8856 49.2187 35.1339 49.0524 35.3429 48.8429L48.8429 35.3429Z" fill="currentColor"/>
+            <path d="M63 63V20.25L42.75 0H18C15.6131 0 13.3239 0.948212 11.636 2.63604C9.94821 4.32387 9 6.61305 9 9V63C9 65.3869 9.94821 67.6761 11.636 69.364C13.3239 71.0518 15.6131 72 18 72H54C56.3869 72 58.6761 71.0518 60.364 69.364C62.0518 67.6761 63 65.3869 63 63ZM42.75 13.5C42.75 15.2902 43.4612 17.0071 44.727 18.273C45.9929 19.5388 47.7098 20.25 49.5 20.25H58.5V63C58.5 64.1935 58.0259 65.3381 57.182 66.182C56.3381 67.0259 55.1935 67.5 54 67.5H18C16.8065 67.5 15.6619 67.0259 14.818 66.182C13.9741 65.3381 13.5 64.1935 13.5 63V9C13.5 7.80653 13.9741 6.66193 14.818 5.81802C15.6619 4.97411 16.8065 4.5 18 4.5H42.75V13.5Z" fill="currentColor"/>
+        </svg>
+
+    )
+}
+
+export default FileCheck;

src/icons/Internet.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const Internet = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M66 36C66 19.431 52.569 6 36 6C19.431 6 6 19.431 6 36C6 52.569 19.431 66 36 66" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M38.9999 6.1499C38.9999 6.1499 47.9999 17.9999 47.9999 35.9999M32.9999 65.8499C32.9999 65.8499 23.9999 53.9999 23.9999 35.9999C23.9999 17.9999 32.9999 6.1499 32.9999 6.1499M7.88989 46.4999H35.9999M7.88989 25.4999H64.1099" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M65.6371 53.7509C67.1191 54.6629 67.0261 56.8799 65.5021 57.0539L57.8011 57.9269L54.3481 64.8629C53.6641 66.2399 51.5491 65.5649 51.1981 63.8609L47.4331 45.5129C47.1361 44.0729 48.4321 43.1669 49.6831 43.9379L65.6371 53.7509Z" stroke="currentColor" strokeWidth="3.5"/>
+        </svg>
+    )
+}
+
+export default Internet;

src/icons/MapControl.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+const MapControl = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fillRule="evenodd" clipRule="evenodd" d="M47.3825 3.60001C47.1262 3.60226 46.8734 3.65921 46.6409 3.76705L24.5995 14.0062L2.55816 3.76777C1.36512 3.21265 0 4.08385 0 5.40001V56.0088C5.75631e-05 56.3519 0.0981535 56.6878 0.282734 56.977C0.467314 57.2661 0.73069 57.4965 1.04184 57.641L23.8414 68.2322C24.0791 68.3428 24.3381 68.4 24.6002 68.4C24.8624 68.4 25.1214 68.3428 25.3591 68.2322L47.4005 57.9938L69.4418 68.2322C70.6349 68.7866 72 67.9154 72 66.6V15.9912C71.9999 15.6481 71.9018 15.3122 71.7173 15.0231C71.5327 14.7339 71.2693 14.5035 70.9582 14.359L48.1586 3.76777C47.9156 3.65477 47.6505 3.59745 47.3825 3.60001ZM48.2047 7.75801L68.4 17.1396V63.779L48.4718 54.522L46.3118 54.5292L25.6651 64.121L25.3994 17.6047L46.0462 8.01361L46.0822 15.8472H48.2422L48.2047 7.75801ZM3.6 8.22097L23.238 17.3434L23.5051 64.1074L3.6 54.8582V8.22097Z" fill="currentColor"/>
+            <path d="M29.7834 48.217H44.0445C44.4163 49.2687 45.1048 50.1795 46.0153 50.8242C46.9258 51.4688 48.0135 51.8156 49.1291 51.817C50.2448 51.8158 51.3328 51.469 52.2434 50.8244C53.154 50.1797 53.8426 49.2689 54.2145 48.217H64.8489V44.617H54.2145C53.8426 43.5651 53.154 42.6542 52.2434 42.0096C51.3328 41.3649 50.2448 41.0182 49.1291 41.017C48.0138 41.0186 46.9263 41.3656 46.0161 42.0102C45.1059 42.6548 44.4177 43.5654 44.0459 44.617H29.7834V48.217ZM29.7834 36.6034H33.3287C33.7006 37.6553 34.3892 38.5661 35.2998 39.2108C36.2104 39.8554 37.2984 40.2022 38.4141 40.2034C39.5296 40.202 40.6174 39.8552 41.5279 39.2106C42.4384 38.5659 43.1269 37.6551 43.4987 36.6034H64.8482V33.0034H43.4987C43.1269 31.9516 42.4384 31.0408 41.5279 30.3962C40.6174 29.7515 39.5296 29.4047 38.4141 29.4034C37.2986 29.4049 36.211 29.7518 35.3007 30.3964C34.3903 31.041 33.702 31.9517 33.3302 33.0034H29.7834V36.6034ZM29.7834 24.9883H51.323C51.6949 26.0402 52.3834 26.9511 53.2941 27.5957C54.2047 28.2404 55.2926 28.5871 56.4083 28.5883C57.5239 28.587 58.6117 28.2402 59.5221 27.5955C60.4326 26.9509 61.1211 26.0401 61.493 24.9883H64.8482V21.3883H61.493C61.1211 20.3366 60.4326 19.4258 59.5221 18.7811C58.6117 18.1365 57.5239 17.7897 56.4083 17.7883C55.293 17.79 54.2055 18.1369 53.2953 18.7815C52.3851 19.4262 51.6969 20.3368 51.3251 21.3883H29.7827L29.7834 24.9883Z" fill="currentColor"/>
+        </svg>
+    )
+}
+
+export default MapControl;

src/icons/MoneyCash.jsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+const MoneyCash = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_130_2229)">
+                <path d="M64.2858 2.57153H7.71439C4.87407 2.57153 2.57153 4.87407 2.57153 7.71439V38.5715C2.57153 41.4119 4.87407 43.7144 7.71439 43.7144H64.2858C67.1261 43.7144 69.4287 41.4119 69.4287 38.5715V7.71439C69.4287 4.87407 67.1261 2.57153 64.2858 2.57153Z" stroke="currentColor" strokeWidth="5" strokeLinecap="round" strokeLinejoin="round"/>
+                <path d="M36.0002 30.8573C40.2607 30.8573 43.7145 27.4035 43.7145 23.143C43.7145 18.8825 40.2607 15.4287 36.0002 15.4287C31.7397 15.4287 28.2859 18.8825 28.2859 23.143C28.2859 27.4035 31.7397 30.8573 36.0002 30.8573Z" stroke="currentColor" strokeWidth="5" strokeLinecap="round" strokeLinejoin="round"/>
+                <path d="M7.71436 56.5715H64.2858M12.8572 69.4287H59.1429" stroke="currentColor" strokeWidth="5" strokeLinecap="round" strokeLinejoin="round"/>
+            </g>
+            <defs>
+                <clipPath id="clip0_130_2229">
+                    <rect width="1em" height="1em" fill="currentColor"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default MoneyCash;

src/icons/MoneyHand.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const MoneyHand = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M57 66V44.7C56.9994 41.9417 56.4554 39.2106 55.3992 36.6626C54.3429 34.1146 52.795 31.7997 50.844 29.85L44.994 24V43.761C44.994 46.431 41.763 47.772 39.873 45.882L35.988 42C34.488 40.5 30.885 39.6 28.482 42C26.082 44.4 26.982 48 28.482 49.5L44.994 66" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M33 6H39C40.5913 6 42.1174 6.63214 43.2426 7.75736C44.3679 8.88258 45 10.4087 45 12V18M33 6C33 9.999 35.4 18 45 18M33 6H27M45 18V36M27 6H21C19.4087 6 17.8826 6.63214 16.7574 7.75736C15.6321 8.88258 15 10.4087 15 12V18M27 6C27 9.999 24.6 18 15 18M15 36V42C15 43.5913 15.6321 45.1174 16.7574 46.2426C17.8826 47.3679 19.4087 48 21 48H27C27 44.001 24.6 36 15 36ZM15 36V18" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"/>
+            <path d="M27 27C27 28.6569 28.3431 30 30 30C31.6569 30 33 28.6569 33 27C33 25.3431 31.6569 24 30 24C28.3431 24 27 25.3431 27 27Z" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"/>
+        </svg>
+    )
+}
+
+export default MoneyHand;

src/icons/ReceiptTax.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ReceiptTax = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M27 42L45 24M28.5 25.5H28.53M43.5 40.5H43.53M57 63V15C57 13.4087 56.3679 11.8826 55.2426 10.7574C54.1174 9.63214 52.5913 9 51 9H21C19.4087 9 17.8826 9.63214 16.7574 10.7574C15.6321 11.8826 15 13.4087 15 15V63L25.5 57L36 63L46.5 57L57 63ZM30 25.5C30 25.8978 29.842 26.2794 29.5607 26.5607C29.2794 26.842 28.8978 27 28.5 27C28.1022 27 27.7206 26.842 27.4393 26.5607C27.158 26.2794 27 25.8978 27 25.5C27 25.1022 27.158 24.7206 27.4393 24.4393C27.7206 24.158 28.1022 24 28.5 24C28.8978 24 29.2794 24.158 29.5607 24.4393C29.842 24.7206 30 25.1022 30 25.5ZM45 40.5C45 40.8978 44.842 41.2794 44.5607 41.5607C44.2794 41.842 43.8978 42 43.5 42C43.1022 42 42.7206 41.842 42.4393 41.5607C42.158 41.2794 42 40.8978 42 40.5C42 40.1022 42.158 39.7206 42.4393 39.4393C42.7206 39.158 43.1022 39 43.5 39C43.8978 39 44.2794 39.158 44.5607 39.4393C44.842 39.7206 45 40.1022 45 40.5Z" stroke="currentColor" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/>
+        </svg>
+    )
+}
+
+export default ReceiptTax;

src/icons/Restore.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Restore = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M39 9C31.8392 9 24.9716 11.8446 19.9081 16.9081C14.8446 21.9716 12 28.8392 12 36H3L14.67 47.67L14.88 48.09L27 36H18C18 24.39 27.39 15 39 15C50.61 15 60 24.39 60 36C60 47.61 50.61 57 39 57C33.21 57 27.96 54.63 24.18 50.82L19.92 55.08C22.4202 57.594 25.3935 59.5882 28.6682 60.9475C31.9429 62.3069 35.4544 63.0044 39 63C46.1608 63 53.0284 60.1554 58.0919 55.0919C63.1554 50.0284 66 43.1608 66 36C66 28.8392 63.1554 21.9716 58.0919 16.9081C53.0284 11.8446 46.1608 9 39 9ZM36 24V39L48.84 46.62L51 42.99L40.5 36.75V24H36Z"/>
+        </svg>
+    )
+}
+
+export default Restore;

src/icons/Saving.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Saving = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 82 82" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M54.6668 37.5833C55.6349 37.5833 56.4469 37.2553 57.1029 36.5993C57.7589 35.9433 58.0858 35.1324 58.0835 34.1666C58.0835 33.1986 57.7555 32.3866 57.0995 31.7306C56.4435 31.0746 55.6326 30.7477 54.6668 30.75C53.6988 30.75 52.8867 31.078 52.2307 31.734C51.5747 32.39 51.2479 33.2009 51.2502 34.1666C51.2502 35.1347 51.5782 35.9467 52.2342 36.6027C52.8902 37.2587 53.7011 37.5856 54.6668 37.5833ZM27.3335 30.75H44.4168V23.9166H27.3335V30.75ZM15.3752 71.75C13.4391 65.2583 11.5314 58.7803 9.65225 52.316C7.77308 45.8516 6.8335 39.2324 6.8335 32.4583C6.8335 27.2194 8.65572 22.7778 12.3002 19.1333C15.9446 15.4889 20.3863 13.6666 25.6252 13.6666H42.7085C44.3599 11.5028 46.3677 9.8229 48.7321 8.62706C51.0964 7.43123 53.6441 6.83331 56.3752 6.83331C57.7988 6.83331 59.0094 7.33215 60.0071 8.32981C61.0047 9.32748 61.5024 10.537 61.5002 11.9583C61.5002 12.243 61.3578 12.8979 61.0731 13.9229C60.8453 14.5493 60.6312 15.1905 60.4307 15.8465C60.2303 16.5025 60.0743 17.171 59.9627 17.8521L67.7356 25.625H75.1668V49.4562L65.5147 52.6166L59.7918 71.75H41.0002V64.9166H34.1668V71.75H15.3752Z"/>
+        </svg>
+    )
+}
+
+export default Saving;

src/icons/ShakeHands.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ShakeHands = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M57.873 18H60.003C60.7986 18 61.5617 18.3161 62.1243 18.8787C62.6869 19.4413 63.003 20.2044 63.003 21V42C63.003 42.7957 62.6869 43.5587 62.1243 44.1213C61.5617 44.684 60.7986 45 60.003 45H54.003L41.493 27.492C40.7654 26.4739 39.7377 25.7088 38.5537 25.3038C37.3697 24.8987 36.0887 24.874 34.89 25.233L27.432 27.471C26.3945 27.7816 25.2923 27.8056 24.2423 27.5404C23.1923 27.2753 22.2337 26.7309 21.468 25.965L20.589 25.086C20.2752 24.7723 20.0349 24.3928 19.8854 23.9749C19.7359 23.5571 19.681 23.1113 19.7246 22.6696C19.7683 22.228 19.9093 21.8016 20.1376 21.421C20.366 21.0405 20.6759 20.7153 21.045 20.469L37.248 9.66902C38.2152 9.02375 39.3491 8.67342 40.5118 8.66064C41.6745 8.64786 42.8158 8.97317 43.797 9.59702L56.265 17.532C56.7448 17.837 57.3045 17.9993 57.873 18ZM15.081 42.885L10.233 47.127C9.90166 47.4175 9.63838 47.7774 9.46185 48.1811C9.28533 48.5848 9.1999 49.0224 9.21164 49.4629C9.22339 49.9034 9.33201 50.3358 9.52979 50.7296C9.72757 51.1233 10.0097 51.4686 10.356 51.741L25.776 63.861C26.115 64.1279 26.5075 64.3185 26.9268 64.4198C27.3462 64.5211 27.7824 64.5309 28.2059 64.4483C28.6293 64.3657 29.0299 64.1928 29.3804 63.9413C29.731 63.6898 30.0231 63.3657 30.237 62.991L32.349 59.295C32.9779 58.1944 33.2421 56.9228 33.1036 55.6627C32.965 54.4026 32.431 53.2188 31.578 52.281L23.472 43.362C22.4149 42.199 20.9437 41.4971 19.3746 41.4074C17.8055 41.3176 16.2638 41.8471 15.081 42.882V42.885ZM21.138 15H9C8.20435 15 7.44129 15.3161 6.87868 15.8787C6.31607 16.4413 6 17.2044 6 18V40.548C6.00016 41.758 6.36617 42.9398 7.05 43.938C7.12274 43.8706 7.19675 43.8046 7.272 43.74L12.117 39.498C14.187 37.6867 16.8851 36.7599 19.6312 36.917C22.3773 37.0741 24.9521 38.3025 26.802 40.338L34.908 49.254C36.3998 50.8947 37.334 52.9655 37.5765 55.1697C37.819 57.3739 37.3575 59.5983 36.258 61.524L34.293 64.962C35.1407 65.2835 36.0503 65.4087 36.9534 65.3281C37.8564 65.2476 38.7295 64.9634 39.507 64.497L52.737 56.559C53.0917 56.3459 53.3985 56.0617 53.6381 55.7242C53.8777 55.3868 54.0448 55.0034 54.1291 54.5982C54.2133 54.193 54.2129 53.7748 54.1276 53.3698C54.0424 52.9649 53.8744 52.5819 53.634 52.245L37.833 30.108C37.651 29.8538 37.3942 29.6628 37.0984 29.5616C36.8025 29.4605 36.4825 29.4544 36.183 29.544L28.725 31.779C26.9094 32.3237 24.9802 32.3667 23.1421 31.9035C21.304 31.4402 19.6256 30.4881 18.285 29.148L17.406 28.269C16.6212 27.4846 16.0201 26.5358 15.6463 25.491C15.2725 24.4462 15.1351 23.3315 15.2442 22.2273C15.3532 21.123 15.706 20.0567 16.2769 19.1052C16.8479 18.1537 17.6229 17.3408 18.546 16.725L21.138 15Z"/>
+        </svg>
+    )
+}
+
+export default ShakeHands;

src/icons/Signature.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const Signature = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g id="la:signature">
+                <path id="Vector" d="M20.9542 9C19.2577 9 17.7885 9.82575 16.4543 10.9688C15.1178 12.1118 13.887 13.6485 12.798 15.6105C10.6155 19.539 9 25.0492 9 31.923C9 35.4465 9.81675 39.078 11.4615 41.976C11.8215 42.6105 12.411 43.0312 12.8677 43.5938C11.646 45.0877 9.63225 47.8823 9.63225 47.8823L12.87 51.12C12.87 51.12 15.102 48.0442 16.5262 46.3387C17.4307 46.7257 18.2835 47.2522 19.3388 47.2522C23.1975 47.2522 27.2228 45.5647 30.9398 43.4542C32.1345 44.37 33.48 45.0022 34.8773 45.0022C39.501 45.0022 43.0155 42.2865 45.495 39.87C46.215 39.1657 46.6987 38.6482 47.2522 38.0407C47.2432 38.6572 47.2252 39.2197 47.394 39.9397C47.5245 40.4842 47.6752 41.1615 48.2377 41.769C48.8002 42.3742 49.8105 42.7522 50.6272 42.7522C52.2697 42.7522 53.2192 41.9962 54.2137 41.2762C55.206 40.5562 56.1487 39.6945 57.1657 38.8845C59.211 37.2667 61.3935 36 63 36V31.5C59.4315 31.5 56.646 33.6105 54.4208 35.3677C53.3678 36.2002 52.4182 36.9315 51.6802 37.476V37.1948C51.705 36.378 51.8287 35.4622 51.6802 34.4542C51.5917 33.8413 51.3495 33.2608 50.976 32.7667C50.5103 32.1075 49.464 31.5 48.5865 31.5C47.3197 31.5 46.854 32.0445 46.4062 32.4135C45.9562 32.7825 45.6232 33.1605 45.2115 33.6083C44.3857 34.506 43.4003 35.5883 42.327 36.6323C40.437 38.4773 38.214 39.8768 35.7885 40.2188C37.3973 38.9272 39.015 37.6425 40.149 36.2115C41.643 34.3305 42.75 32.4135 42.75 30.1635C42.75 28.899 42.5925 27.1665 41.625 25.524C40.6575 23.8815 38.5762 22.5 36 22.5C33.2325 22.5 30.708 23.8612 29.1802 26.0167C27.6502 28.17 27 30.9285 27 34.1708C27 36.378 27.5018 38.205 28.1948 39.7958C25.0673 41.4428 21.825 42.75 19.3365 42.75C23.1412 37.0462 27 29.277 27 19.827C27 17.8695 27.018 15.5565 26.3677 13.4302C26.0415 12.366 25.524 11.286 24.6105 10.4062C23.6925 9.52875 22.3447 9 20.9542 9ZM20.9542 13.5C21.3592 13.5 21.375 13.5787 21.5167 13.7115C21.6562 13.842 21.8228 14.1682 22.0073 14.7645C22.3673 15.9525 22.5 17.955 22.5 19.827C22.5 27.7988 19.089 34.7782 15.6802 40.0095C15.6015 39.8745 15.4777 39.8678 15.399 39.726C14.229 37.6785 13.5 34.6995 13.5 31.923C13.5 25.7422 14.976 20.952 16.7355 17.7885C17.613 16.2068 18.5175 15.048 19.3365 14.3438C20.1532 13.6395 20.8485 13.5 20.9542 13.5ZM36 27C37.2488 27 37.4333 27.2993 37.7573 27.8438C38.0835 28.3882 38.25 29.3985 38.25 30.1635C38.25 30.726 37.7775 32.0355 36.6323 33.4688C35.64 34.7175 34.128 36.009 32.4855 37.2667C32.0895 36.36 31.5 35.7007 31.5 34.173C31.5 31.563 32.0535 29.655 32.8365 28.548C33.6172 27.4387 34.497 27 36 27ZM9 58.5V63H63V58.5H9Z" fill="currentColor"/>
+            </g>
+        </svg>
+    )
+}
+
+export default Signature;

src/icons/SlideRecord.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const SlideRecord = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M18 25.875C18 24.84 18.84 24 19.875 24H34.125C34.6223 24 35.0992 24.1975 35.4508 24.5492C35.8025 24.9008 36 25.3777 36 25.875C36 26.3723 35.8025 26.8492 35.4508 27.2008C35.0992 27.5525 34.6223 27.75 34.125 27.75H19.875C18.84 27.75 18 26.91 18 25.875ZM19.875 33.75C19.3777 33.75 18.9008 33.9475 18.5492 34.2992C18.1975 34.6508 18 35.1277 18 35.625C18 36.1223 18.1975 36.5992 18.5492 36.9508C18.9008 37.3025 19.3777 37.5 19.875 37.5H40.0395C42.0163 35.8543 44.2999 34.617 46.758 33.8595C46.5549 33.7868 46.3407 33.7497 46.125 33.75H19.875ZM19.875 43.5H35.196C34.5795 44.685 34.08 45.939 33.7155 47.25H19.875C19.3777 47.25 18.9008 47.0525 18.5492 46.7008C18.1975 46.3492 18 45.8723 18 45.375C18 44.8777 18.1975 44.4008 18.5492 44.0492C18.9008 43.6975 19.3777 43.5 19.875 43.5ZM13.125 56.25H33.36C33.615 57.5505 33.996 58.806 34.494 60H13.125C11.2353 60 9.42306 59.2493 8.08686 57.9131C6.75067 56.5769 6 54.7647 6 52.875V19.125C6 17.2353 6.75067 15.4231 8.08686 14.0869C9.42306 12.7507 11.2353 12 13.125 12H58.875C60.7647 12 62.5769 12.7507 63.9131 14.0869C65.2493 15.4231 66 17.2353 66 19.125V38.43C64.8676 37.343 63.6086 36.3962 62.25 35.61V19.125C62.25 18.2299 61.8944 17.3714 61.2615 16.7385C60.6286 16.1056 59.7701 15.75 58.875 15.75H13.125C12.2299 15.75 11.3714 16.1056 10.7385 16.7385C10.1056 17.3714 9.75 18.2299 9.75 19.125V52.875C9.75 53.7701 10.1056 54.6286 10.7385 55.2615C11.3714 55.8944 12.2299 56.25 13.125 56.25ZM52.5 65.25C50.8256 65.25 49.1677 64.9202 47.6208 64.2795C46.0739 63.6387 44.6683 62.6996 43.4844 61.5156C42.3004 60.3317 41.3613 58.9261 40.7205 57.3792C40.0798 55.8323 39.75 54.1744 39.75 52.5C39.75 50.8256 40.0798 49.1677 40.7205 47.6208C41.3613 46.0739 42.3004 44.6683 43.4844 43.4844C44.6683 42.3004 46.0739 41.3613 47.6208 40.7205C49.1677 40.0798 50.8256 39.75 52.5 39.75C55.8815 39.75 59.1245 41.0933 61.5156 43.4844C63.9067 45.8755 65.25 49.1185 65.25 52.5C65.25 55.8815 63.9067 59.1245 61.5156 61.5156C59.1245 63.9067 55.8815 65.25 52.5 65.25ZM52.5 69C61.6125 69 69 61.6125 69 52.5C69 43.3875 61.6125 36 52.5 36C43.3875 36 36 43.3875 36 52.5C36 61.6125 43.3875 69 52.5 69ZM61.5 52.5C61.5 54.8869 60.5518 57.1761 58.864 58.864C57.1761 60.5518 54.8869 61.5 52.5 61.5C50.1131 61.5 47.8239 60.5518 46.136 58.864C44.4482 57.1761 43.5 54.8869 43.5 52.5C43.5 50.1131 44.4482 47.8239 46.136 46.136C47.8239 44.4482 50.1131 43.5 52.5 43.5C54.8869 43.5 57.1761 44.4482 58.864 46.136C60.5518 47.8239 61.5 50.1131 61.5 52.5Z"/>
+        </svg>
+    )
+}
+
+export default SlideRecord;

src/icons/TeamFill.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const TeamFill = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <path d="M36 30C39.1826 30 42.2348 28.7357 44.4853 26.4853C46.7357 24.2348 48 21.1826 48 18C48 14.8174 46.7357 11.7652 44.4853 9.51472C42.2348 7.26428 39.1826 6 36 6C32.8174 6 29.7652 7.26428 27.5147 9.51472C25.2643 11.7652 24 14.8174 24 18C24 21.1826 25.2643 24.2348 27.5147 26.4853C29.7652 28.7357 32.8174 30 36 30ZM16.5 39C18.4891 39 20.3968 38.2098 21.8033 36.8033C23.2098 35.3968 24 33.4891 24 31.5C24 29.5109 23.2098 27.6032 21.8033 26.1967C20.3968 24.7902 18.4891 24 16.5 24C14.5109 24 12.6032 24.7902 11.1967 26.1967C9.79018 27.6032 9 29.5109 9 31.5C9 33.4891 9.79018 35.3968 11.1967 36.8033C12.6032 38.2098 14.5109 39 16.5 39ZM63 31.5C63 33.4891 62.2098 35.3968 60.8033 36.8033C59.3968 38.2098 57.4891 39 55.5 39C53.5109 39 51.6032 38.2098 50.1967 36.8033C48.7902 35.3968 48 33.4891 48 31.5C48 29.5109 48.7902 27.6032 50.1967 26.1967C51.6032 24.7902 53.5109 24 55.5 24C57.4891 24 59.3968 24.7902 60.8033 26.1967C62.2098 27.6032 63 29.5109 63 31.5ZM36 33C39.9782 33 43.7936 34.5804 46.6066 37.3934C49.4196 40.2064 51 44.0218 51 48V66H21V48C21 44.0218 22.5804 40.2064 25.3934 37.3934C28.2064 34.5804 32.0218 33 36 33ZM15 48C15 45.921 15.3 43.914 15.864 42.018L15.354 42.06C12.7826 42.3423 10.406 43.5639 8.67979 45.4905C6.95358 47.4172 5.99933 49.9132 6 52.5V66H15V48ZM66 66V52.5C66.0003 49.8251 64.9798 47.2509 63.1466 45.3029C61.3135 43.3549 58.806 42.18 56.136 42.018C56.697 43.914 57 45.921 57 48V66H66Z"/>
+        </svg>
+    )
+}
+
+export default TeamFill;

src/icons/TimeFill.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const TimeFill = () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_15_10171)">
+                <path d="M36 6C52.569 6 66 19.431 66 36C66 52.569 52.569 66 36 66C19.431 66 6 52.569 6 36C6 19.431 19.431 6 36 6ZM36 18C35.2044 18 34.4413 18.3161 33.8787 18.8787C33.3161 19.4413 33 20.2044 33 21V36C33.0002 36.7956 33.3164 37.5585 33.879 38.121L42.879 47.121C43.4448 47.6675 44.2026 47.9699 44.9892 47.963C45.7758 47.9562 46.5282 47.6407 47.0845 47.0845C47.6407 46.5282 47.9562 45.7758 47.963 44.9892C47.9699 44.2026 47.6675 43.4448 47.121 42.879L39 34.758V21C39 20.2044 38.6839 19.4413 38.1213 18.8787C37.5587 18.3161 36.7957 18 36 18Z"/>
+            </g>
+            <defs>
+                <clipPath id="clip0_15_10171">
+                    <rect width="1em" height="1em" fill="currentColor"/>
+                </clipPath>
+            </defs>
+        </svg>
+    )
+}
+
+export default TimeFill;

src/icons/iconoir_internet.svg

@@ -0,0 +1,5 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M66 36C66 19.431 52.569 6 36 6C19.431 6 6 19.431 6 36C6 52.569 19.431 66 36 66" stroke="#1E293B" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38.9999 6.1499C38.9999 6.1499 47.9999 17.9999 47.9999 35.9999M32.9999 65.8499C32.9999 65.8499 23.9999 53.9999 23.9999 35.9999C23.9999 17.9999 32.9999 6.1499 32.9999 6.1499M7.88989 46.4999H35.9999M7.88989 25.4999H64.1099" stroke="#1E293B" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M65.6371 53.7509C67.1191 54.6629 67.0261 56.8799 65.5021 57.0539L57.8011 57.9269L54.3481 64.8629C53.6641 66.2399 51.5491 65.5649 51.1981 63.8609L47.4331 45.5129C47.1361 44.0729 48.4321 43.1669 49.6831 43.9379L65.6371 53.7509Z" stroke="#1E293B" stroke-width="3.5"/>
+</svg>

src/icons/mdi_company.svg

@@ -0,0 +1,3 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54 45H48V51H54M54 33H48V39H54M60 57H36V51H42V45H36V39H42V33H36V27H60M30 21H24V15H30M30 33H24V27H30M30 45H24V39H30M30 57H24V51H30M18 21H12V15H18M18 33H12V27H18M18 45H12V39H18M18 57H12V51H18M36 21V9H6V63H66V21H36Z" fill="#1E293B"/>
+</svg>

src/icons/solar_document-add-linear.svg

@@ -0,0 +1,4 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.5399 24.1201L55.9289 22.7281C57.0349 21.6217 58.535 21 60.0994 20.9998C61.6637 20.9995 63.1641 21.6206 64.2704 22.7266C65.3768 23.8325 65.9985 25.3327 65.9988 26.897C65.999 28.4614 65.3779 29.9617 64.2719 31.0681L62.8829 32.4601M54.5399 24.1201C54.5399 24.1201 54.7139 27.0721 57.3209 29.6791C59.9279 32.2861 62.8829 32.4601 62.8829 32.4601M54.5399 24.1201L41.7599 36.9001C40.8899 37.7641 40.4579 38.1991 40.0859 38.6761C39.6479 39.2401 39.2729 39.8461 38.9639 40.4941C38.7029 41.0401 38.5109 41.6191 38.1239 42.7801L36.8849 46.5001L36.4829 47.7031M62.8829 32.4601L50.1029 45.2401C49.2329 46.1101 48.8009 46.5421 48.3239 46.9141C47.7599 47.3521 47.1539 47.7271 46.5059 48.0361C45.9599 48.2971 45.3809 48.4891 44.2199 48.8761L40.4999 50.1151L39.2969 50.5171M36.4829 47.7031L36.0839 48.9091C35.991 49.189 35.9777 49.4893 36.0457 49.7763C36.1136 50.0633 36.2601 50.3258 36.4686 50.5344C36.6772 50.7429 36.9397 50.8894 37.2267 50.9573C37.5137 51.0253 37.814 51.012 38.0939 50.9191L39.2969 50.5171M36.4829 47.7031L39.2969 50.5171" stroke="#1E293B" stroke-width="3.5"/>
+<path d="M24 39H31.5M24 27H43.5M24 51H28.5M59.484 9.516C55.971 6 50.313 6 39 6H33C21.687 6 16.029 6 12.516 9.516C9 13.029 9 18.687 9 30V42C9 53.313 9 58.971 12.516 62.484C16.029 66 21.687 66 33 66H39C50.313 66 55.971 66 59.484 62.484C62.316 59.655 62.865 55.44 62.973 48" stroke="#1E293B" stroke-width="3.5" stroke-linecap="round"/>
+</svg>

src/images/logo.svg

@@ -0,0 +1,18 @@
+<svg width="120" height="74" viewBox="0 0 120 74" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.91081 62.4155H10.5823L8.23815 57.0188L5.91081 62.4155ZM7.66057 54.8637H8.88351L14.099 66.7767H12.485L11.1601 63.7561H5.33323L4.02528 66.7767H2.44531L7.66057 54.8637Z" fill="#D11111"/>
+<path d="M15.1012 68.9148C15.2372 68.9716 15.3613 68.9998 15.4747 68.9998C15.7915 68.9998 16.0805 68.8664 16.3411 68.6005C16.6017 68.3339 16.8847 67.8441 17.1903 67.1301L17.4623 66.4673L13.1816 57.9522H14.8629L18.1756 64.6556L20.673 57.9522H22.2357L18.8722 66.6408C18.5662 67.3877 18.2779 67.9986 18.0059 68.4737C17.7341 68.9488 17.4648 69.3248 17.1989 69.6023C16.9329 69.8792 16.6637 70.0716 16.3919 70.1791C16.1201 70.2866 15.8315 70.3403 15.5255 70.3403C15.1519 70.3403 14.8233 70.2736 14.5404 70.1395L15.1012 68.9148Z" fill="#D11111"/>
+<path d="M25.1918 59.9072C25.1918 61.0449 25.0954 62.0912 24.9028 63.0472C24.7102 64.0027 24.4554 64.7993 24.1386 65.4359H28.9121V59.293H25.1918V59.9072ZM21.6245 65.4359H22.6097C22.836 65.0845 23.0286 64.6934 23.1872 64.2626C23.3456 63.8317 23.473 63.3468 23.5692 62.8084C23.6656 62.2698 23.7362 61.6661 23.7816 60.9967C23.8272 60.3278 23.8496 59.5852 23.8496 58.7688V57.9522H30.3388V65.4359H31.613V68.9148H30.2543V66.7767H22.9832V68.9148H21.6245V65.4359Z" fill="#D11111"/>
+<path d="M32.853 66.7767V57.9522H34.2802V64.5707L39.6483 57.9522H40.9732V66.7767H39.546V60.1753L34.161 66.7767H32.853Z" fill="#D11111"/>
+<path d="M42.0259 57.9522H50.2483V59.293H46.8336V66.7767H45.4068V59.293H42.0259V57.9522Z" fill="#D11111"/>
+<path d="M51.522 54.8975H53.0679V60.6335L59.0813 54.8975H61.1031L55.4971 60.277L61.5109 66.7768H59.4721L54.3421 61.2952L53.0679 62.5173V66.7768H51.522V54.8975Z" fill="#D11111"/>
+<path d="M62.7847 62.3476C62.7847 62.8227 62.8613 63.2583 63.0143 63.6543C63.1673 64.0502 63.3851 64.3925 63.6683 64.681C63.9513 64.9695 64.2852 65.1931 64.6704 65.3513C65.0552 65.5097 65.4802 65.5888 65.9446 65.5888C66.42 65.5888 66.8534 65.5097 67.244 65.3513C67.6348 65.1931 67.9685 64.9723 68.2463 64.6893C68.5235 64.4069 68.7419 64.0675 68.9003 63.6712C69.0587 63.2755 69.1383 62.8341 69.1383 62.3476C69.1383 61.8612 69.0559 61.4172 68.8917 61.0154C68.7275 60.6139 68.5037 60.2716 68.2207 59.9887C67.9375 59.706 67.601 59.4855 67.2102 59.327C66.8191 59.1686 66.3974 59.0893 65.9446 59.0893C65.4914 59.0893 65.0724 59.1658 64.6877 59.3184C64.3022 59.4711 63.9678 59.6918 63.6853 59.9801C63.4016 60.2686 63.1813 60.6139 63.0227 61.0154C62.8639 61.4172 62.7847 61.8612 62.7847 62.3476ZM61.2729 62.3476C61.2729 61.6801 61.3859 61.0636 61.6127 60.4978C61.8391 59.9324 62.1591 59.4457 62.5723 59.0383C62.9859 58.6312 63.4782 58.3145 64.0502 58.0879C64.6225 57.8618 65.2539 57.7485 65.9446 57.7485C66.6349 57.7485 67.2698 57.8618 67.8472 58.0879C68.4245 58.3145 68.9227 58.6312 69.3417 59.0383C69.7609 59.4457 70.0834 59.9324 70.3103 60.4978C70.5366 61.0636 70.6501 61.6801 70.6501 62.3476C70.6501 63.0151 70.5366 63.6289 70.3103 64.1887C70.0834 64.7487 69.7609 65.2326 69.3417 65.6398C68.9227 66.0471 68.4245 66.3638 67.8472 66.5902C67.2698 66.8163 66.6349 66.9294 65.9446 66.9294C65.265 66.9294 64.639 66.8163 64.0675 66.5902C63.4952 66.3638 63.0024 66.0471 62.5893 65.6398C62.1757 65.2326 61.8531 64.7487 61.6214 64.1887C61.3889 63.6289 61.2729 63.0151 61.2729 62.3476Z" fill="#D11111"/>
+<path d="M78.7527 62.9584H73.6565V66.7768H72.23V57.9523H73.6565V61.6178H78.7527V57.9523H80.1799V66.7768H78.7527V62.9584Z" fill="#D11111"/>
+<path d="M86.2784 66.9294C85.6212 66.9294 85.0154 66.8163 84.4607 66.5902C83.9057 66.3638 83.4299 66.0471 83.0339 65.6398C82.6373 65.2326 82.3259 64.7487 82.0996 64.1889C81.8727 63.6289 81.7598 63.0151 81.7598 62.3476C81.7598 61.6801 81.8727 61.0636 82.0996 60.4978C82.3259 59.9324 82.6431 59.4457 83.0509 59.0383C83.4583 58.6312 83.9453 58.3145 84.5119 58.0879C85.0781 57.862 85.7011 57.7485 86.3802 57.7485C87.3428 57.7485 88.1584 57.9723 88.8268 58.419C89.4947 58.8661 89.9419 59.4911 90.1683 60.2942H88.6738C88.4698 59.8984 88.167 59.5986 87.765 59.3947C87.3626 59.1912 86.89 59.0893 86.3464 59.0893C85.8818 59.0893 85.4603 59.1714 85.0809 59.3354C84.7015 59.4997 84.3787 59.7258 84.1127 60.0141C83.8463 60.3026 83.6397 60.645 83.4925 61.0408C83.3453 61.437 83.2715 61.8723 83.2715 62.3476C83.2715 62.8455 83.3479 63.2953 83.5011 63.6966C83.6541 64.0984 83.8686 64.4378 84.1465 64.7149C84.4236 64.9923 84.7523 65.207 85.1316 65.3599C85.511 65.5125 85.9275 65.5888 86.3802 65.5888C86.958 65.5888 87.4562 65.4699 87.8754 65.2326C88.2944 64.9951 88.5999 64.6724 88.7925 64.2652H90.2535C90.1517 64.6614 89.9789 65.0232 89.7355 65.3513C89.4919 65.6795 89.1971 65.9597 88.8519 66.1914C88.5063 66.4234 88.113 66.6044 87.6714 66.7342C87.2298 66.8642 86.7654 66.9294 86.2784 66.9294Z" fill="#D11111"/>
+<path d="M94.6189 65.6057C94.9925 65.6057 95.3295 65.5494 95.6297 65.4359C95.9294 65.3233 96.1958 65.1816 96.4283 65.0117C96.66 64.8421 96.8552 64.6555 97.0142 64.4517C97.1726 64.2481 97.2914 64.056 97.371 63.875V62.9755C97.1442 62.8964 96.8638 62.834 96.5298 62.7887C96.1958 62.7438 95.8477 62.7207 95.4853 62.7207C94.5905 62.7207 93.8825 62.8254 93.3619 63.0348C92.8407 63.2444 92.5806 63.6146 92.5806 64.1462C92.5806 64.6104 92.7674 64.9696 93.1409 65.2239C93.515 65.4784 94.0073 65.6057 94.6189 65.6057ZM95.1797 57.7486C96.3689 57.7486 97.269 58.0541 97.8806 58.665C98.4922 59.2758 98.7978 60.1643 98.7978 61.3292V66.7767H97.371V65.4698C97.1104 65.8432 96.7224 66.1743 96.2072 66.4626C95.6918 66.7513 95.0491 66.8953 94.2791 66.8953C93.8033 66.8953 93.3673 66.8302 92.9711 66.7004C92.5748 66.5703 92.2347 66.3895 91.9518 66.1573C91.6686 65.9256 91.4508 65.6427 91.2978 65.3088C91.1448 64.9752 91.0688 64.6046 91.0688 64.1974C91.0688 63.7221 91.1732 63.3124 91.3828 62.9669C91.5922 62.6219 91.8838 62.3392 92.2578 62.1186C92.6314 61.8978 93.0701 61.7338 93.5743 61.6261C94.0779 61.5191 94.6189 61.4651 95.1962 61.4651C95.6152 61.4651 96.0258 61.4904 96.4283 61.5414C96.83 61.5923 97.1442 61.6519 97.371 61.7198C97.371 60.7922 97.1784 60.1189 96.7932 59.7004C96.4085 59.2818 95.7908 59.078 94.9417 59.0892C94.3641 59.0892 93.8997 59.1855 93.5485 59.3777C93.1975 59.5701 92.9427 59.8644 92.7844 60.2604H91.3406C91.499 59.4796 91.918 58.8661 92.5976 58.4189C93.2767 57.9722 94.1373 57.7486 95.1797 57.7486Z" fill="#D11111"/>
+<path d="M107.02 59.293H103.282V59.7008C103.282 61.1752 103.198 62.3829 103.028 63.324C102.858 64.2656 102.617 65.0024 102.306 65.5352C101.994 66.0682 101.623 66.4253 101.193 66.6066C100.762 66.788 100.287 66.8446 99.7661 66.7766V65.4361C100.049 65.4361 100.318 65.3823 100.573 65.2746C100.828 65.1671 101.049 64.9231 101.236 64.5429C101.422 64.1634 101.573 63.5964 101.686 62.8424C101.799 62.0881 101.856 61.0649 101.856 59.7722V57.9521H108.447V66.7766H107.02V59.293Z" fill="#D11111"/>
+<path d="M109.5 57.9522H117.721V59.293H114.307V66.7767H112.88V59.293H109.5V57.9522Z" fill="#D11111"/>
+<path d="M83.9298 33.9849C63.7929 33.0301 47.4685 38.626 37.0694 43.6833C32.0272 46.1355 27.8856 48.6852 24.7622 50.8296C26.2187 50.0833 36.8542 45.0888 60.6784 45.0888C86.426 45.0888 96.7711 50.9232 96.7711 50.9232L83.9298 33.9849Z" fill="#D11111"/>
+<path d="M67.1798 11.891C54.8978 17.0186 46.0445 24.5781 40.4705 30.5037C39.5194 31.5148 38.6384 32.5062 37.8176 33.4694L37.4585 33.9433C45.2878 28.3486 57.3907 21.776 73.0279 19.6048L67.1798 11.891Z" fill="#D11111"/>
+<path d="M81.6809 31.0185L75.0408 22.2598C58.4366 24.1955 45.7962 31.3486 38.0675 37.0697C35.1747 39.2108 32.7395 41.3129 30.7785 43.1614C30.5957 43.4657 30.4383 43.7351 30.3027 43.971C31.9672 43.0327 33.768 42.0797 35.7017 41.1368C46.0165 36.106 61.9879 30.5631 81.6809 31.0185Z" fill="#D11111"/>
+<path d="M65.378 9.51454L60.6782 3.31536L48.4746 19.4123C53.1514 15.8445 58.7766 12.3451 65.378 9.51454Z" fill="#772B2B"/>
+</svg>

src/pages/index.js

@@ -1,176 +0,0 @@
-import * as React from "react"
-
-const pageStyles = {
-  color: "#232129",
-  padding: 96,
-  fontFamily: "-apple-system, Roboto, sans-serif, serif",
-}
-const headingStyles = {
-  marginTop: 0,
-  marginBottom: 64,
-  maxWidth: 320,
-}
-const headingAccentStyles = {
-  color: "#663399",
-}
-const paragraphStyles = {
-  marginBottom: 48,
-}
-const codeStyles = {
-  color: "#8A6534",
-  padding: 4,
-  backgroundColor: "#FFF4DB",
-  fontSize: "1.25rem",
-  borderRadius: 4,
-}
-const listStyles = {
-  marginBottom: 96,
-  paddingLeft: 0,
-}
-const listItemStyles = {
-  fontWeight: 300,
-  fontSize: 24,
-  maxWidth: 560,
-  marginBottom: 30,
-}
-
-const linkStyle = {
-  color: "#8954A8",
-  fontWeight: "bold",
-  fontSize: 16,
-  verticalAlign: "5%",
-}
-
-const docLinkStyle = {
-  ...linkStyle,
-  listStyleType: "none",
-  marginBottom: 24,
-}
-
-const descriptionStyle = {
-  color: "#232129",
-  fontSize: 14,
-  marginTop: 10,
-  marginBottom: 0,
-  lineHeight: 1.25,
-}
-
-const docLink = {
-  text: "Documentation",
-  url: "https://www.gatsbyjs.com/docs/",
-  color: "#8954A8",
-}
-
-const badgeStyle = {
-  color: "#fff",
-  backgroundColor: "#088413",
-  border: "1px solid #088413",
-  fontSize: 11,
-  fontWeight: "bold",
-  letterSpacing: 1,
-  borderRadius: 4,
-  padding: "4px 6px",
-  display: "inline-block",
-  position: "relative",
-  top: -2,
-  marginLeft: 10,
-  lineHeight: 1,
-}
-
-const links = [
-  {
-    text: "Tutorial",
-    url: "https://www.gatsbyjs.com/docs/tutorial/getting-started/",
-    description:
-      "A great place to get started if you're new to web development. Designed to guide you through setting up your first Gatsby site.",
-    color: "#E95800",
-  },
-  {
-    text: "How to Guides",
-    url: "https://www.gatsbyjs.com/docs/how-to/",
-    description:
-      "Practical step-by-step guides to help you achieve a specific goal. Most useful when you're trying to get something done.",
-    color: "#1099A8",
-  },
-  {
-    text: "Reference Guides",
-    url: "https://www.gatsbyjs.com/docs/reference/",
-    description:
-      "Nitty-gritty technical descriptions of how Gatsby works. Most useful when you need detailed information about Gatsby's APIs.",
-    color: "#BC027F",
-  },
-  {
-    text: "Conceptual Guides",
-    url: "https://www.gatsbyjs.com/docs/conceptual/",
-    description:
-      "Big-picture explanations of higher-level Gatsby concepts. Most useful for building understanding of a particular topic.",
-    color: "#0D96F2",
-  },
-  {
-    text: "Plugin Library",
-    url: "https://www.gatsbyjs.com/plugins",
-    description:
-      "Add functionality and customize your Gatsby site or app with thousands of plugins built by our amazing developer community.",
-    color: "#8EB814",
-  },
-  {
-    text: "Build and Host",
-    url: "https://www.gatsbyjs.com/cloud",
-    badge: true,
-    description:
-      "Now you’re ready to show the world! Give your Gatsby site superpowers: Build and host on Gatsby Cloud. Get started for free!",
-    color: "#663399",
-  },
-]
-
-const IndexPage = () => {
-  return (
-    <main style={pageStyles}>
-      <h1 style={headingStyles}>
-        Congratulations
-        <br />
-        <span style={headingAccentStyles}>— you just made a Gatsby site! 🎉🎉🎉</span>
-      </h1>
-      <p style={paragraphStyles}>
-        Edit <code style={codeStyles}>src/pages/index.js</code> to see this page
-        update in real-time. 😎
-      </p>
-      <ul style={listStyles}>
-        <li style={docLinkStyle}>
-          <a
-            style={linkStyle}
-            href={`${docLink.url}?utm_source=starter&utm_medium=start-page&utm_campaign=minimal-starter`}
-          >
-            {docLink.text}
-          </a>
-        </li>
-        {links.map(link => (
-          <li key={link.url} style={{ ...listItemStyles, color: link.color }}>
-            <span>
-              <a
-                style={linkStyle}
-                href={`${link.url}?utm_source=starter&utm_medium=start-page&utm_campaign=minimal-starter`}
-              >
-                {link.text}
-              </a>
-              {link.badge && (
-                <span style={badgeStyle} aria-label="New Badge">
-                  NEW!
-                </span>
-              )}
-              <p style={descriptionStyle}>{link.description}</p>
-            </span>
-          </li>
-        ))}
-      </ul>
-      <img
-        alt="Gatsby G Logo"
-        src="data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 110 20 10 10 0 010-20zm0 2c-3.73 0-6.86 2.55-7.75 6L14 19.75c3.45-.89 6-4.02 6-7.75h-5.25v1.5h3.45a6.37 6.37 0 01-3.89 4.44L6.06 9.69C7 7.31 9.3 5.63 12 5.63c2.13 0 4 1.04 5.18 2.65l1.23-1.06A7.959 7.959 0 0012 4zm-8 8a8 8 0 008 8c.04 0 .09 0-8-8z' fill='%23639'/%3E%3C/svg%3E"
-      />
-    </main>
-  )
-}
-
-export default IndexPage
-
-export const Head = () => <title>Home Page</title>

src/pages/index.jsx

@@ -0,0 +1,28 @@
+import React from "react"
+import Layout from "../components/layout"
+import Seo from "../components/seo"
+
+import Hero from "../components/Hero"
+import Advantages from "../components/Advantages"
+import Counts from "../components/Counts/Counts"
+import Popular from "../components/Popular"
+import PriceMain from "../components/PriceMain"
+import Reviews from "../components/Reviews/Reviews"
+import Contacts from "../components/Contacts"
+
+const IndexPage = () => {
+    return (
+        <Layout>
+            <Hero></Hero>
+            <Advantages></Advantages>
+            <Counts></Counts>
+            <Popular></Popular>
+            <PriceMain></PriceMain>
+            <Reviews></Reviews>
+            <Contacts></Contacts>
+        </Layout>
+    )
+}
+export const Head = () => <Seo title="Главная" />
+
+export default IndexPage

src/pages/services.jsx

@@ -0,0 +1,26 @@
+import React from "react"
+import Layout from "../components/layout"
+import Seo from "../components/seo"
+
+import Hero from "../components/Services/Hero"
+import PhysLic from "../components/Services/PhysLic"
+import Workers from "../components/Services/Workers"
+import UrLic from "../components/Services/UrLic"
+
+import Contacts from "../components/Contacts"
+
+const ServicesPage = () => {
+    return (
+        <Layout>
+            <Hero></Hero>
+            <PhysLic></PhysLic>
+            <Workers></Workers>
+            <UrLic></UrLic>
+
+            <Contacts></Contacts>
+        </Layout>
+    )
+}
+export const Head = () => <Seo title="Главная" />
+
+export default ServicesPage

src/styles/global.css

@@ -1,3 +1,24 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+    html {
+        font-family: 'Manrope', sans-serif;
+    }
+    body::-webkit-scrollbar {
+        width: 12px; 
+    }
+    body::-webkit-scrollbar-track {
+        background: #F7F7FF;   
+    }
+    body::-webkit-scrollbar-thumb {
+        background-color: #EF4444;    
+        border-radius: 20px;      
+        border: 2px solid #F7F7FF;  
+    }
+    *::selection {
+        color: #fff;
+        background-color: #EF4444;
+    }
+}

tailwind.config.js

@@ -6,6 +6,11 @@ module.exports = {
   ],
   theme: {
     extend: {},
+    container: {
+      screens: {
+        '2xl': '1360px',
+      },
+    },
   },
   plugins: [],
 }