author pages are ready

Update readme and add normilize.css + reset.css
2025-04-07 20:56:37 +05:00 · 2025-04-07 20:30:39 +05:00 · 2025-01-26 01:44:04 +03:00 · 2025-01-10 11:12:00 +00:00 · 2024-12-24 12:30:53 +00:00
84 changed files with 1994 additions and 8559 deletions
--- a/.htaccess
+++ b/.htaccess
@@ -0,0 +1,14 @@
+<IfModule mod_rewrite.c>
+    # Редирект: ...// -> .../
+    RewriteCond %{REQUEST_URI} (.*)\/\/$
+    RewriteRule ^(.*)$ https://%{HTTP_HOST}/%1/ [R=301,L]
+
+    # Редирект: с www -> без www
+    RewriteCond %{HTTP_HOST} ^www\.(.*)$
+    RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
+
+    # Редирект: HTTP -> HTTPS
+    RewriteCond %{HTTP:X-Forwarded-Proto} !https
+    RewriteCond %{HTTPS} off
+    RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
+</IfModule>
--- a/README.md
+++ b/README.md
@@ -0,0 +1,84 @@
+## **Требования к верстке**
+
+### **С точки зрения веб-разработки:**
+* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
+* соблюдаем Scope-ориентированный подход:
+    - каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
+    
+    - пример:  <br>
+    
+    HTML:
+    ```
+    <section class="my-namespace">
+        <h1>Новый заголовок</h1>
+        <button class="my-button">Кнопка</button>
+    </section>
+    ```
+
+    CSS:
+
+    ```
+    .my-namespace h1 {
+        font-size: 24px;
+        color: #333;
+    }
+
+    .my-namespace .my-button {
+        background-color: #007BFF;
+        color: #fff;
+    }
+    ```
+
+
+* чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
+    `block-name__elem-name--mod-name--mod-val`
+    + имена записываются латиницей в нижнем регистре
+    + для разделения слов в именах БЭМ-сущностей используется дефис (-)
+    + имя элемента отделяется от имени блока двумя подчеркиваниями (__)
+    + модификаторы отделяются от имения блока или элемента двумя дефисами (--)
+    + значение модификатора отделяется от его имени двумя дефисами (--)
+* из конечного HTML-файла убрать все комментарии, если такие имеются 
+* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим  пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
+* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки. 
+* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
+* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
+* шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
+
+### **С точки зрения SEO:**
+* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
+* на странице должен быть только один заголовок первого уровня (h1) 
+* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8
+* для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\>
+* для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке
+
+
+## **Порядок работы**
+
+### **Подготовка окружения для локальной разработки**
+1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
+
+заменить переменную: 
+`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
+
+2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
+3. Приступить к локальной разработке в созданной ветке
+4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
+    - во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00`
+5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд
+
+в командах заменить переменные: 
+`${project_name}` -- условное названия проекта (как варинат использовать домен сайта)
+`${name}` -- имя/ник исполнителя
+
+
+## **Оптимальный порядок непосредственно в процессе верстки**
+1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css` 
+2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css`
+3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`. 
+Саму HTML-верстку для UI kit делать в файле `ui_kit.html` 
+3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css`
+
+
+### **Примечания**
+
+Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв.
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -1,149 +1,120 @@
-@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
+@font-face {
+    font-family: "Craftwork Grotest";
+    src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf');
+    font-weight: 400;
+}

@font-face {
-	font-family: 'DIN Pro';
-	src: url('../fonts/DINPro-Medium.eot');
-	src: local('DIN Pro Medium'), local('DINPro-Medium'),
-		url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
-		url('../fonts/DINPro-Medium.woff') format('woff'),
-		url('../fonts/DINPro-Medium.ttf') format('truetype');
+    font-family: "Craftwork Grotest";
+    src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf');
    font-weight: 500;
-	font-style: normal;
-	font-display: swap;
-}
-@font-face {
-	font-family: 'DIN Pro';
-	src: url('../fonts/DINPro-Black.eot');
-	src: local('DIN Pro Black'), local('DINPro-Black'),
-		url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
-		url('../fonts/DINPro-Black.woff') format('woff'),
-		url('../fonts/DINPro-Black.ttf') format('truetype');
-	font-weight: 900;
-	font-style: normal;
-	font-display: swap;
 }

-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
+@font-face {
+    font-family: "Craftwork Grotest";
+    src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf');
+    font-weight: 600;
 }
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-	display: block;
+
+@font-face {
+    font-family: "Craftwork Grotest";
+    src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf');
+    font-weight: 700;
 }
+
+@font-face {
+    font-family: "Abel";
+    src: url('../fonts/Abel/Abel-Regular.ttf');
+    font-weight: 400;
+}
+
+:root {
+    /* Colors */
+    --radial: radial-gradient(261.43% 263.03% at 124% -28.000000000000004%,rgb(15, 88, 129),rgb(30, 164, 156) 36.979%,rgb(118, 206, 117) 66.667%,rgb(236, 243, 159) 91.146%);
+    --accent-1: radial-gradient(142.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%);
+    --accent-2: radial-gradient(2700.48% 141.42% at 100% 0%,rgb(122, 217, 231),rgb(126, 231, 225) 25%,rgb(181, 228, 180) 80%,rgb(215, 238, 170) 100%);
+    --accent-3: linear-gradient(6deg, rgb(244, 66, 66) 7.584%,rgb(86, 158, 240) 72.371%);
+    --linear: linear-gradient(-7.39deg, rgb(244, 241, 240) 23.643%,rgba(244, 241, 240, 0.3) 59.827%);
+    --btn-bg: radial-gradient(100% 174.56% at 100% 0%, #7AD9E7 0%, #7EE7E1 25%, #B5E4B4 80%, #D7EEAA 100%);
+
+
+    --main_white: #FFFFFF;
+    --creme-white: #F4F1F0;
+    --grey-f5: #F5F5F5;
+    --main_black: #121212;
+    --grey-black: #121212;
+    --bg-light-grey: #F5F5F5;
+    --interface_title: #333333;
+    --interface_hover: #666666;
+    --orange_80: #FFDF99;
+    --green_90: #D9FFCC;
+    --green-dark: #76CE75;
+    --violet_90: #E7CAFF;
+    --blue_90: #CCE2FF;
+    --background: #F4F1F0;
+    --placeholder: #999999;
+    /* Fonts */
+    --font-craftwork: 'Craftwork Grotest', serif;
+    --font-abel: 'Abel', serif;
+}
+
 body {
-	line-height: 1;
+    background: var(--radial);
+    font-family: var(--font-craftwork);
+    font-weight: 500;
 }
-ol,
-ul {
-	list-style: none;
+
+.container {
+    max-width: 1232px;
+    margin: 0 auto;
+
+    @media (max-width: 1264px) {
+        max-width: calc(100% - 32px);
    }
-blockquote,
-q {
-	quotes: none;
 }
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-	content: '';
-	content: none;
+
+.form-inp {
+    height: 48px;
+    width: 100%;
+    border: 1px solid var(--placeholder);
+    border-radius: 20px;
+    background: var(--main_white);
+    padding: 0 16px;
+    color: var(--main_black);
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 24px;
+    font-family: var(--font-craftwork);
 }
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
+
+.form-inp::placeholder {
+    color: var(--placeholder);
+}
+
+.form-inp:hover,
+.form-inp:focus {
+    border-color: var(--main_black);
+}
+
+.form-textarea {
+    height: 96px;
+    width: 100%;
+    resize: none;
+    background: var(--main_white);
+    border: 1px solid var(--placeholder);
+    padding: 12px 16px;
+    border-radius: 20px;
+    color: var(--main_black);
+    font-size: 20px;
+    line-height: 24px;
+    font-family: var(--font-craftwork);
+}
+
+.form-textarea::placeholder {
+    color: var(--placeholder);
+}
+
+.form-textarea:hover,
+.form-textarea:focus {
+    border-color: var(--main_black);
 }
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -1,247 +1,212 @@
-@media screen and (max-width: 576px) {
-	.hero__rightside {
+/* Стили для мобильных устройств  */
+@media only screen and (max-width: 576px) {
+    .anons-best__title {
+        font-size: 26px;
+        line-height: 32px;
+        margin-bottom: 12px;
+    }
+
+    .anons-best__card {
+        padding-top: 205px;
+    }
+
+    .anons-best__card .main-img {
+        height: 300px;
+    }
+
+    .anons-best__card-body {
+        padding: 20px 17px;
+    }
+
+    .anons-best__card-body__title {
+        font-size: 20px;
+        line-height: 24px;
+        margin-bottom: 16px;
+    }
+
+    .anons-best__card.light .main-img {
+        height: 197px;
+    }
+
+    .anons-best__card.light .anons-best__card-body__title {
+        font-size: 20px;
+        line-height: 24px;
+    }
+
+    .editorial-card {
+        flex-direction: column;
+        border-radius: 30px;
+        position: relative;
+    }
+
+    .editorial-card .main-img {
        width: 100%;
+        height: 203px;
    }
-	.hero__price {
-		margin-top: 24px;
+
+    .editorial-card__content {
+        padding: 17px 13px 24px;
    }
-	.hero__content::after {
-		right: -320px;
-		top: 290px;
+
+    .editorial-card__content-alerts {
+        position: absolute;
+        top: 13px;
+        left: 8px;
+        width: calc(100% - 16px);
    }
-	.hero__desc {
-		gap: 6px;
+
+    .editorial-card__content-title {
+        font-size: 20px;
+        line-height: 24px;
+        margin-bottom: 17px;
    }
-	.hero__desc p {
-		font-size: 13px;
-		padding: 8px 12px;
-		border-radius: 10px;
+
+    .editorial-card__content-data {
+        gap: 5px 16px;
    }
-	.hero__desc img {
-		width: 24px;
-		height: 24px;
+
+    .footer {
+        padding: 24px 0 58px;
    }
-	.hero__leftside {
-		gap: 18px;
+
+    .footer-top {
+        align-items: flex-start;
+        text-align: left;
+        gap: 24px;
    }
-	.hero__advantages {
-		margin-top: 42px;
-	}
-}
-@media screen and (max-width: 540px) {
-	.header__container {
+
+    .footer-content__wrap {
        align-items: flex-start;
        gap: 24px;
-		padding-bottom: 20px;
-		top: 20px;
    }
-	.header__container::after {
-		content: '';
-		position: absolute;
-		bottom: 0;
-		left: 24px;
-		width: calc(100% - 48px);
-		height: 1px;
-		background: #e7e7e7;
-	}
-	.header__logo {
-		max-width: 240px;
-	}
-	.header__logo img {
-		width: 50px;
-	}
-	.header__logo p {
-		font-size: 9px;
-	}
-	.header__socials {
-		gap: 6px;
-	}
-	.header__contacts {
-		flex-wrap: wrap;
-		width: 100%;
-		justify-content: flex-end;
-		gap: 6px;
-	}
-	.header__contacts .header__tel {
-	}
-	.header__tel {
-		font-size: 20px;
-		margin: 0;
-	}
-	.hero {
-		padding-top: 110px;
-	}
-}
-@media screen and (max-width: 470px) {
-	h1 {
-		font-size: 39px;
-		text-align: left;
-	}
-	h1 span {
-		font-size: 32px;
-		padding-left: 12px;
-		padding-right: 12px;
-		border-radius: 10px;
-		margin-top: 6px;
-	}
-	.hero__leftside {
+
+    .footer-content {
        align-items: flex-start;
    }
-	.hero__price {
-		margin-top: 12px;
-	}
-	.hero__content {
-		gap: 34px;
-	}
-	.hero__content::after {
-		opacity: 0.6;
-		right: -125px;
-		width: 200px;
-		height: 140px;
-		background-size: contain;
-		top: 0px;
-	}
-	.hero::before {
-		opacity: 0.4;
-	}
-	.hero__form-gift {
-		overflow: hidden;
-	}
-	.hero__form-gift::after {
-		right: -10%;
-		opacity: 0.6;
-	}
-	.hero__advantages {
-		grid-template-columns: 1fr;
-		gap: 6px;
-	}
-	.hero__price {
-		border-radius: 12px;
-		padding: 10px;
-		padding-bottom: 14px;
-	}
-	.hero__price-header {
-		gap: 10px;
-		padding: 10px;
-		padding-bottom: 0;
-		border-radius: 10px;
-		margin-bottom: 0;
-	}
-	.hero__price-header p {
-		font-size: 13.5px;
-	}
-	.hero__price-header span {
-		border-radius: 10px;
-		border: none;
-		padding-left: 2px;
-		padding-right: 2px;
-		gap: 7px;
-	}
-	.hero__price-header span::before {
-		min-width: 18px;
-		width: 18px;
-		height: 18px;
-	}
-	.hero__price-stock p {
+
+    .footer-content .logo {
        font-size: 20px;
+        margin-bottom: 24px;
    }
-	.hero__price-stock span {
-		font-size: 15px;
-	}
-	.hero__price-unit {
-		border-radius: 8px;
-		padding: 6px 12px;
-	}
-	.hero__price-unit p {
-		font-size: 13px;
-	}
-	.hero__price-content {
-		gap: 10px;
-	}
-	.header__logo {
-		width: 100%;
-	}
-	.header__container {
-		align-items: center;
-	}
-	.header__tel {
+
+    .footer-content__address {
        font-size: 18px;
+        line-height: 24px;
+        margin-bottom: 32px;
    }
-	.hero__form {
-		gap: 20px;
-		padding: 0 0 20px 0;
-		border-radius: 16px;
+
+    .footer-content ul {
+        gap: 24px;
    }
-	.hero__form-title p {
-		font-size: 15px;
+
+    .footer-content ul p {
+        font-size: 16px;
+        line-height: 20px;
    }
+
+    .footer-content ul a {
+        font-size: 24px;
+        line-height: 32px;
    }
-@media screen and (max-width: 390px) {
-	h1 {
-		font-size: 36px;
-	}
-	h1 span {
-		font-size: 29px;
-	}
-	.header__logo img {
-		width: 42px;
-	}
-	.header__logo p {
-		font-size: 9px;
-	}
-	.header__tel {
-		font-size: 17px;
-	}
-	.hero__form-action select,
-	.hero__form-action input {
-		height: 60px;
-		border-radius: 12px;
-	}
-	.hero__price-header p {
-		font-size: 12.5px;
-	}
-}
-@media screen and (max-width: 375px) {
-	*[class*='__container'] {
-		padding-left: 12px;
-		padding-right: 12px;
-	}
-	.header__container {
-		gap: 0;
-	}
-	h1 {
-		font-size: 34px;
-	}
-	.hero__desc::before {
+
+    .footer-top__link .link-white {
        display: none;
    }
-	.header__logo img {
-		width: 39px;
+
+    .footer-contact {
+        width: 100%;
+        padding: 16px;
+        border-radius: 24px;
    }
-	.header__tel {
-		font-size: 16.5px;
+
+    .footer-contact__title {
+        color: var(--main_white);
    }
-	.hero__form-action select,
-	.hero__form-action input {
-		font-size: 13.5px;
-	}
-}
-@media screen and (max-width: 360px) {
-	.hero__desc {
-		flex-direction: column;
+
+    .footer-bottom {
+        margin-top: 0;
+        padding-top: 24px;
+        border: 0;
        align-items: flex-start;
+        gap: 17px;
    }
-	.hero__price-header span {
-		padding-left: 20px;
-		padding-right: 20px;
-		gap: 12px;
+
+    .authors {
+        padding-bottom: 138px;
    }
-	.hero__content {
-		gap: 20px;
+
+    .authors h2 {
+        font-size: 32px;
+        line-height: 38px;
+        margin-bottom: 15px;
    }
-	.hero__price-header span::before {
-		min-width: 20px;
-		width: 20px;
-		height: 20px;
+
+    .authors li {
+        border-radius: 24px;
+        width: 100%;
+    }
+    
+    .authors a {
+        padding: 32px 17px 52px;
+    }
+
+    .authors .main-img {
+        width: 180px;
+        height: 180px;
+        margin-bottom: 20px;
+    }
+
+    .authors-name {
+        font-size: 20px;
+        line-height: 24px;
+    }
+
+    .authors-type {
+        font-size: 18px;
+        line-height: 24px;
+        margin-bottom: 20px;
+    }
+
+    .authors p {
+        font-size: 16px;
+        line-height: 20px;
+    }
+
+    .author {
+        padding-bottom: 15px;
+    }
+
+    .author-content {
+        margin-bottom: 23px;
+    }
+
+    .author .main-img {
+        width: 100%;
+    }
+
+    .author h2 {
+        font-size: 32px;
+        line-height: 38px;
+    }
+
+    .author-name {
+        font-size: 20px;
+        line-height: 24px;
+    }
+
+    .author-type {
+        font-size: 18px;
+        line-height: 24px;
+    }
+
+    .author-description {
+        font-size: 18px;
+        line-height: 24px;
+        margin-bottom: 24px;
+    }
+
+    .author p {
+        font-size: 16px;
+        line-height: 20px;
    }
 }
--- a/assets/css/gp-style-normalize.css
+++ b/assets/css/gp-style-normalize.css
@@ -0,0 +1,78 @@
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent !important;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+    display: inline-block;
+    cursor: pointer;
+}
+
+img {
+    max-width: 100%;
+}
+
+span,
+label {
+    display: inline-block;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+input,
+textarea {
+    outline: none;
+    border: 0;
+    background: transparent;
+}
+
+button,
+select {
+    border: none;
+    cursor: pointer;
+    background: transparent;
+    outline: 0;
+}
+
+address {
+    font-style: normal;
+}
+
+.wrapper {
+    width: 100%;
+    overflow: hidden;
+    min-height: 100svh;
+}
+
+ul,
+ol,
+dl {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    padding: 0;
+    margin: 0;
+    font-weight: 500;
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    margin: 0;
+}
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@@ -1,255 +1,152 @@
-*[class*='__container'] {
-	padding: 0 42px;
-}
-h1 {
-	font-size: 52px;
-}
-h1 span {
-	font-size: 42px;
-	margin-top: 0;
-	top: -2px;
-}
-.hero__content {
-	flex-direction: column;
-	align-items: center;
-}
-.hero__leftside {
-	max-width: 100%;
-	align-items: center;
-	text-align: center;
-}
-.hero__content::after {
-	opacity: 0.1;
-	right: -140px;
-}
-.footer__tel {
-	font-size: 17px;
-}
-.header__contacts {
-	gap: 10px;
-}
-.header__contacts button.btn,
-.header__contacts .header__tel p {
+/* Стили для планшетов  */
+@media only screen and (max-width: 992px) {
+    .header-navs {
        display: none;
    }
-.header__contacts .header__tel {
+
+    .header-container {
+        height: 56px;
+        padding: 0;
+    }
+
+    .header-bars {
        display: flex;
        align-items: center;
        justify-content: center;
-	width: 47px;
-	height: 47px;
-	border-radius: 9px;
-	position: relative;
-	padding: 0;
-	background: linear-gradient(
-			322deg,
-			rgba(255, 255, 255, 0) 0%,
-			rgba(255, 255, 255, 0.32) 41.5%,
-			rgba(255, 255, 255, 0) 100%
-		),
-		#fc0;
    }
-.header__contacts .header__tel::before {
-	content: '';
-	width: 24px;
-	height: 24px;
-	background: url('../img/i-tel.svg') center no-repeat;
-	background-size: cover;
+
+    .header-logo {
+        font-size: 16px;
+        line-height: 20px;
+        gap: 8px;
    }
-.hero__advantages {
-	grid-template-columns: repeat(2, 1fr);
+
+    .header-logo img {
+        width: 31px;
+        flex-shrink: 0;
    }
-.hero__advantages-item {
-	flex-direction: row;
+
+    .header-lang {
+        display: none;
    }
-.hero__advantages-item p {
-	text-align: left;
+
+    /* Where home */
+    .where-home {
+        padding: 92px 0 36px;
    }
-.hero__advantages-item p br {
-	content: '';
-	padding: 0;
-}
-.footer__logo {
-	flex-direction: column;
-	text-align: center;
-}
-.footer__tel {
-	font-size: 19px;
-}
-.footer__contacts {
-	gap: 24px;
-}
-.footer__top,
-.footer__bottom {
-	display: flex;
-	flex-direction: column;
-	gap: 32px;
-}
-.footer__bottom {
-	gap: 12px;
-}
-.footer__bottom p {
-	padding-bottom: 32px;
-}
-@media screen and (max-width: 740px) {
-	.header__logo {
-		max-width: 200px;
-		gap: 12px;
-	}
-	.header__logo img {
-		width: 64px;
-		height: auto;
-	}
-	.header__logo p {
-		font-size: 11px;
-	}
-}
-@media screen and (max-width: 670px) {
-	.header__socials-link,
-	.footer__socials-link,
-	.header__contacts .header__tel {
-		width: 40px;
-		height: 40px;
-	}
-	.header__socials-link img,
-	.footer__socials-link img {
-		width: 24px;
-		height: 24px;
-	}
-	.header__contacts .header__tel::before {
-		width: 20px;
-		height: 20px;
-	}
-	.header__tel,
-	.footer__tel {
-		font-size: 18px;
-	}
-	h1 {
-		font-size: 49px;
-	}
-	h1 span {
-		font-size: 39px;
-		top: 0;
-	}
-}
-@media screen and (max-width: 620px) {
-	*[class*='__container'] {
-		padding: 0 24px;
-	}
-	.header__logo {
-		max-width: 140px;
-		gap: 14px;
-	}
-	.header__logo img {
-		width: 56px;
-	}
-	.hero__advantages {
-		gap: 16px;
-	}
-	.hero__advantages-item {
-		gap: 14px;
-		padding: 16px 14px;
-		border-radius: 16px;
-	}
-	.hero__advantages-icon {
-		min-width: 46px;
-		width: 46px;
-		height: 46px;
-		border-radius: 10px;
-	}
-	.hero__advantages-icon img {
-		width: 30px;
-		height: 30px;
-	}
-	.hero__advantages-item p {
-		font-size: 14px;
-	}
-	h1 {
-		font-size: 42px;
-	}
-	h1 span {
+
+    .where-home h1 {
        font-size: 32px;
+        line-height: 38px;
+        margin-bottom: 15px;
    }
-	.header__socials-link,
-	.footer__socials-link,
-	.header__contacts .header__tel {
-		width: 37px;
-		height: 37px;
+
+    .where-home p {
+        font-size: 20px;
+        line-height: 24px;
    }
-	.header__socials-link img,
-	.footer__socials-link img {
-		width: 22px;
-		height: 22px;
+    /* Where home end */
+
+    /* Find us */
+    .find-us {
+        padding-bottom: 36px;
    }
-	.header__contacts .header__tel::before {
-		width: 18px;
-		height: 18px;
+
+    .find-us h2 {
+        font-size: 26px;
+        line-height: 32px;
+        margin-bottom: 36px;
+        padding: 0;
    }
-	.hero {
-		padding-top: 140px;
-		padding-bottom: 64px;
+
+    .find-us ul {
+        grid-template-columns: repeat(1, minmax(0, 1fr));
+        gap: 20px;
    }
-	.hero__leftside {
-		gap: 24px;
+
+    .find-us h3 {
+        font-size: 20px;
+        line-height: 24px;
+        margin-bottom: 8px;
    }
-	.hero__desc::before {
-		width: 20px;
-		height: 20px;
-	}
-	.hero__desc p {
-		font-size: 16px;
-	}
-	.hero__price {
-		gap: 12px;
-		margin-right: auto;
-	}
-	.hero__price-header,
-	.hero__price-content {
-		flex-direction: column;
-		gap: 16px;
-	}
-	.hero__price-stock {
-		align-items: center;
-		text-align: center;
-	}
-	.hero__price-header p {
-		font-size: 16px;
-	}
-	.hero__price-stock span {
+
+    .find-us p {
        font-size: 18px;
+        line-height: 24px;
    }
-	.hero__price-stock p {
-		font-size: 24px;
+    /* Find us end */
+
+    /* Location */
+    .location {
+        padding-bottom: 36px;
    }
-	.hero__price-unit {
+
+    .location h2 {
+        font-size: 26px;
+        line-height: 32px;
+        margin-bottom: 36px;
+        padding: 0;
    }
-	.hero__price-unit p {
-		font-size: 16px;
+
+    .location iframe {
+        height: 560px;
+        width: calc(100% + 32px);
+        margin-left: -16px;
+        border-radius: 24px;
    }
-	.hero__content::after {
-		opacity: 1;
-		right: -290px;
-		width: 620px;
-		height: 420px;
-		background-size: contain;
-		top: 230px;
+    /* Location end */
+
+    /* Sell form */
+    .sell-form {
+        padding-bottom: 36px;
    }
-	.hero__form-title p {
-		font-size: 16px;
-		max-width: 390px;
-		margin-left: auto;
-		margin-right: auto;
+
+    .sell-form__container {
+        max-width: 100%;
+        border-radius: 24px;
+        padding: 36px 16px;
+        gap: 18px;
    }
-	.hero__form-action select,
-	.hero__form-action input,
-	.btn-big {
-		font-size: 15px;
+
+    .sell-form h2 {
+        font-size: 26px;
+        line-height: 32px;
    }
-	.hero__form-gift p,
-	.hero__form-gift ul li {
-		font-size: 14px;
+
+    .sell-form p {
+        font-size: 20px;
+        line-height: 24px;
    }
-	.hero__advantages {
-		margin-top: 64px;
+
+    .sell-form textarea {
+        height: 120px;
+    }
+    /* Sell form end */
+
+    .authors h2 {
+        font-size: 48px;
+        margin-bottom: 24px;
+    }
+
+    .authors li {
+        border-radius: 32px;
+        width: calc(50% - 12px);
+    }
+
+    .authors .main-img {
+        margin-bottom: 24px;
+    }
+
+    .author {
+        padding-bottom: 24px;
+    }
+
+    .author h2 {
+        font-size: 48px;
+    }
+
+    .author-content {
+        flex-direction: column;
+        align-items: flex-start;
    }
 }
--- a/assets/css/gp-style-ultra.css
+++ b/assets/css/gp-style-ultra.css
@@ -0,0 +1,4 @@
+/* Стили для ультрашироких экранов  */
+@media only screen and (min-width: 1400px) {
+
+}
--- a/assets/css/gp-style-xl.css
+++ b/assets/css/gp-style-xl.css
@@ -0,0 +1,44 @@
+@media (max-width: 1200px) {
+    .header-navs {
+        gap: 12px;
+    }
+
+    .header-navs__link {
+        font-size: 14px;
+    }
+
+    .header-right {
+        gap: 4px;
+    }
+
+    .anons-article__card-wrap {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .editorial-card__wrap {
+        grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+
+    .footer-top {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .footer-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .footer-content__wrap {
+        flex-direction: column;
+        align-items: center;
+        gap: 48px;
+    }
+
+    .footer-bottom {
+        flex-direction: column;
+        gap: 24px;
+    }
+}
--- a/assets/fonts/Abel/Abel-Regular.ttf
+++ b/assets/fonts/Abel/Abel-Regular.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf
--- a/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf
+++ b/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf
--- a/assets/fonts/DINPro-Black.eot
+++ b/assets/fonts/DINPro-Black.eot
--- a/assets/fonts/DINPro-Black.ttf
+++ b/assets/fonts/DINPro-Black.ttf
--- a/assets/fonts/DINPro-Black.woff
+++ b/assets/fonts/DINPro-Black.woff
--- a/assets/fonts/DINPro-Medium.eot
+++ b/assets/fonts/DINPro-Medium.eot
--- a/assets/fonts/DINPro-Medium.ttf
+++ b/assets/fonts/DINPro-Medium.ttf
--- a/assets/fonts/DINPro-Medium.woff
+++ b/assets/fonts/DINPro-Medium.woff
--- a/assets/img/advantages_icon1.svg
+++ b/assets/img/advantages_icon1.svg
@@ -1,3 +0,0 @@
-<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4873 2.39045L25.9881 4.2624C26.6721 4.77436 27.392 5.03637 28.245 5.08387L31.3639 5.25736C33.2315 5.36121 34.7484 6.63393 35.1749 8.45519L35.8875 11.4967C36.0823 12.3285 36.4654 12.9919 37.0883 13.5766L39.3661 15.7144C40.7299 16.9944 41.0737 18.9444 40.23 20.6137L38.8207 23.4015C38.4354 24.164 38.3023 24.9184 38.4037 25.7667L38.7745 28.8685C38.9965 30.7258 38.0064 32.4405 36.287 33.1769L33.4155 34.4067C32.6301 34.743 32.0432 35.2354 31.5757 35.9504L29.8659 38.5648C28.8421 40.1302 26.9815 40.8073 25.1911 40.2662L22.2009 39.3626C21.3831 39.1154 20.617 39.1154 19.7992 39.3626L16.809 40.2662C15.0186 40.8073 13.1579 40.1302 12.1342 38.5648L10.4244 35.9504C9.95674 35.2354 9.36989 34.743 8.5846 34.4067L5.71285 33.1767C3.99348 32.4403 3.00344 30.7256 3.22542 28.8683L3.5962 25.7666C3.69759 24.9183 3.56453 24.1638 3.17915 23.4014L1.76994 20.6135C0.926164 18.9443 1.26996 16.9943 2.63381 15.7142L4.91157 13.5764C5.53452 12.9918 5.91752 12.3283 6.11234 11.4965L6.82487 8.45502C7.25143 6.63385 8.76827 5.36113 10.6359 5.2572L13.7548 5.0837C14.6078 5.03629 15.3277 4.7742 16.0117 4.26224L18.5125 2.39029C20.0098 1.26958 21.9899 1.26958 23.4873 2.39045ZM19.4046 22.0713L16.6907 19.3574C15.9873 18.654 14.8463 18.654 14.143 19.3574C13.4395 20.0608 13.4395 21.2017 14.143 21.9051L18.1347 25.8968C18.8381 26.6001 19.9791 26.6002 20.6824 25.8968C23.0884 23.4907 25.4671 21.0576 27.862 18.6406C28.5604 17.9358 28.5581 16.7985 27.8542 16.0985C27.1502 15.3984 26.0097 15.4004 25.3106 16.1064L19.4046 22.0713ZM20.9999 7.5841C17.2953 7.5841 13.9412 9.08576 11.5134 11.5136C9.08565 13.9414 7.58398 17.2954 7.58398 21C7.58398 24.7046 9.08565 28.0586 11.5134 30.4864C13.9412 32.9142 17.2953 34.4159 20.9999 34.4159C24.7045 34.4159 28.0585 32.9142 30.4863 30.4864C32.9141 28.0586 34.4157 24.7046 34.4157 21C34.4157 17.2954 32.9141 13.9414 30.4863 11.5136C28.0585 9.08576 24.7045 7.5841 20.9999 7.5841ZM29.5583 12.4416C27.368 10.2513 24.3421 8.8966 20.9999 8.8966C17.6576 8.8966 14.6317 10.2513 12.4415 12.4416C10.2512 14.6318 8.89648 17.6577 8.89648 21C8.89648 24.3423 10.2512 27.3681 12.4415 29.5584C14.6317 31.7486 17.6576 33.1034 20.9999 33.1034C24.3421 33.1034 27.368 31.7486 29.5583 29.5585C31.7485 27.3682 33.1032 24.3423 33.1032 21.0001C33.1033 17.6577 31.7485 14.6318 29.5583 12.4416Z" fill="white"/>
-</svg>
--- a/assets/img/advantages_icon2.svg
+++ b/assets/img/advantages_icon2.svg
@@ -1,3 +0,0 @@
-<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.937 8.21272L31.312 1.65022C31.1172 1.1631 30.7809 0.745525 30.3464 0.45138C29.912 0.157236 29.3994 1.40132e-05 28.8748 0L13.1248 0C12.6001 1.40132e-05 12.0875 0.157236 11.6531 0.45138C11.2187 0.745525 10.8824 1.1631 10.6876 1.65022L8.06256 8.21272C7.81195 8.83841 7.81195 9.53659 8.06256 10.1623L10.6876 16.7248C10.8824 17.2119 11.2187 17.6295 11.6531 17.9236C12.0875 18.2178 12.6001 18.375 13.1248 18.375H14.4373C14.4373 19.8247 15.6126 21 17.0623 21H18.3748V22.0081C18.3748 25.1298 20.0827 27.9804 22.725 29.271C24.0894 29.9382 24.9373 31.2949 24.9373 32.8118C24.9373 34.9094 23.0967 36.75 20.9991 36.75C18.8285 36.75 17.0623 34.9838 17.0623 32.8125C17.0623 31.3628 15.8869 30.1875 14.4373 30.1875C12.9876 30.1875 11.8123 31.3628 11.8123 32.8125C11.8123 37.8786 15.9337 42 20.9991 42C25.9793 42 30.1873 37.792 30.1873 32.8118C30.1873 29.2729 28.2108 26.109 25.0296 24.5543C24.176 24.137 23.6248 23.138 23.6248 22.0081V21H24.9373C26.3869 21 27.5623 19.8247 27.5623 18.375H28.8748C29.3994 18.375 29.912 18.2178 30.3464 17.9236C30.7809 17.6295 31.1172 17.2119 31.312 16.7248L33.937 10.1623C34.1876 9.53659 34.1876 8.83841 33.937 8.21272ZM14.8748 14.4375H12.1076L15.6075 3.9375H18.3748L14.8748 14.4375ZM20.6334 14.4375H17.8662L21.3661 3.9375H24.1334L20.6334 14.4375ZM26.392 14.4375H23.6248L27.1247 3.9375H29.892L26.392 14.4375Z" fill="white"/>
-</svg>
--- a/assets/img/advantages_icon3.svg
+++ b/assets/img/advantages_icon3.svg
@@ -1,3 +0,0 @@
-<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6397 34.263L13.6801 40.559C13.6481 40.627 13.5982 40.6849 13.5356 40.7265C13.4731 40.7682 13.4004 40.7919 13.3253 40.7952C13.2503 40.7984 13.1758 40.7811 13.1099 40.7451C13.0439 40.709 12.9892 40.6556 12.9514 40.5907L10.8517 36.9772L6.73763 37.6979C6.66354 37.7109 6.5873 37.7033 6.51719 37.676C6.44709 37.6488 6.3858 37.6028 6.33998 37.5431C6.29416 37.4835 6.26556 37.4124 6.2573 37.3376C6.24903 37.2629 6.26141 37.1872 6.29309 37.119L9.65498 29.8747C9.90278 29.9924 10.0941 30.1053 10.2628 30.2472C10.7131 30.6254 10.9891 31.1968 11.8327 32.4867L11.8331 32.4873C12.885 34.0938 14.7901 34.8028 16.6397 34.263ZM22.9569 34.4322C24.4805 34.5324 25.9414 33.8179 26.8126 32.4873L26.8138 32.4856C27.6548 31.1967 27.9303 30.6256 28.3806 30.2477C28.6842 29.9929 29.0602 29.8314 29.7057 29.5677L32.3747 35.7988C32.4043 35.8679 32.4144 35.9438 32.4039 36.0183C32.3935 36.0927 32.3628 36.1629 32.3153 36.2211C32.2678 36.2794 32.2052 36.3236 32.1344 36.3488C32.0636 36.374 31.9872 36.3794 31.9136 36.3643L27.8208 35.5271L25.6212 39.0682C25.5813 39.1323 25.5246 39.1842 25.4573 39.2182C25.3899 39.2523 25.3145 39.2672 25.2393 39.2613C25.1641 39.2554 25.0919 39.229 25.0307 39.1849C24.9695 39.1408 24.9215 39.0807 24.8921 39.0112L22.9569 34.4322ZM33.2858 16.3508C33.6082 17.1302 33.5853 18.025 33.1798 18.8301C31.5957 21.9625 31.7117 21.2932 32.1312 24.778C32.2873 26.1166 31.5778 27.3526 30.3374 27.8791C27.1113 29.2623 27.6289 28.8251 25.7103 31.7655C24.974 32.8899 23.6309 33.3808 22.3415 32.9881C18.9815 31.9753 19.6598 31.9753 16.3043 32.9881C15.0103 33.3808 13.6717 32.8899 12.9354 31.7655C11.0123 28.8251 11.5344 29.2623 8.30835 27.8791C7.06787 27.3526 6.35395 26.1166 6.51462 24.778C6.9296 21.2932 7.05008 21.9625 5.46602 18.8301C4.85916 17.6253 5.10457 16.2198 6.09075 15.3006C8.64748 12.8956 8.30835 13.4845 9.10701 10.0667C9.41493 8.75485 10.5082 7.84008 11.8556 7.76423C15.3583 7.5679 14.7203 7.79997 17.5314 5.69832C18.6112 4.89069 20.0346 4.89069 21.1144 5.69832C21.175 5.74362 21.234 5.78784 21.2915 5.831C21.0087 6.68615 20.8556 7.60002 20.8556 8.54938C20.8556 9.38123 20.9732 10.1857 21.1924 10.9473C20.5784 10.8065 19.9505 10.7356 19.3207 10.7359C14.7114 10.7359 10.9499 14.4975 10.9499 19.1067C10.9499 23.716 14.7114 27.4775 19.3207 27.4775C23.9344 27.4775 27.6914 23.716 27.6914 19.1067C27.6914 18.3627 27.5935 17.6408 27.41 16.9533C28.0995 17.1256 28.8075 17.2125 29.5183 17.2121C30.8682 17.2121 32.1464 16.9026 33.2858 16.3508ZM19.566 13.9952L20.8284 17.3161C20.8666 17.417 20.9538 17.4797 21.0601 17.4851L24.61 17.6596C24.8527 17.6705 24.9509 17.9759 24.7627 18.1259L21.9926 20.3534C21.9081 20.4188 21.8753 20.5224 21.9026 20.626L22.8351 24.0559C22.9005 24.2877 22.6415 24.4759 22.4398 24.345L19.4651 22.3983C19.3752 22.3382 19.2661 22.3382 19.1761 22.3983L16.2043 24.345C16.0025 24.4759 15.7435 24.2877 15.8062 24.0559L16.7387 20.626C16.7659 20.5224 16.7332 20.4188 16.6486 20.3534L13.8785 18.1259C13.6904 17.9759 13.7886 17.6705 14.0312 17.6596L17.5811 17.4851C17.6874 17.4797 17.7747 17.417 17.8129 17.3161L19.0753 13.9952C19.1598 13.7689 19.4815 13.7689 19.566 13.9952ZM29.5183 1.20441C33.5721 1.20441 36.8632 4.49564 36.8632 8.54938C36.8632 12.6032 33.5721 15.8944 29.5183 15.8944C25.4645 15.8944 22.1733 12.6032 22.1733 8.54938C22.1733 4.49564 25.4645 1.20441 29.5183 1.20441ZM28.5233 9.21751L26.8288 7.52302C26.3898 7.08416 25.6772 7.08416 25.2383 7.52302C24.7994 7.96418 24.7994 8.67456 25.2383 9.11342L27.7292 11.6066C28.1681 12.0455 28.8808 12.0455 29.3196 11.6066C30.8218 10.1044 32.3059 8.58636 33.8014 7.07732C34.238 6.63616 34.2358 5.92578 33.7968 5.48915C33.358 5.05251 32.6453 5.05482 32.2087 5.49368L28.5233 9.21751Z" fill="white"/>
-</svg>
--- a/assets/img/advantages_icon4.svg
+++ b/assets/img/advantages_icon4.svg
@@ -1,11 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2019_1481)">
-<path d="M38.8039 7.4743H36.7467V2.37257C36.7467 1.72501 36.2217 1.20001 35.5742 1.20001H34.6135V2.60318C34.6135 3.23456 34.1282 3.77785 33.4976 3.80755C32.8242 3.83929 32.2683 3.30272 32.2683 2.63632V1.20001H30.1351V7.47438H27.8352V1.20001H25.7091V2.63632C25.7091 3.28389 25.1841 3.80888 24.5365 3.80888C23.889 3.80888 23.364 3.28389 23.364 2.63632V1.20001H21.2236V7.47438H18.8785V1.20001H16.7381V2.63632C16.7381 3.28389 16.2131 3.80888 15.5655 3.80888C14.918 3.80888 14.393 3.28389 14.393 2.63632V1.20001H12.2192V7.47438H9.88878V1.20001H7.73182V2.60318C7.73182 3.23456 7.24661 3.77785 6.61593 3.80755C5.94257 3.83929 5.3867 3.30272 5.3867 2.63632V1.20001H4.40221C3.75465 1.20001 3.22965 1.72501 3.22965 2.37257V7.47438H1.17244C0.524872 7.47438 -0.00012207 7.99937 -0.00012207 8.64694V10.9921C-0.00012207 11.6396 0.524872 12.1646 1.17244 12.1646H38.8039C39.4515 12.1646 39.9765 11.6396 39.9765 10.9921V8.64694C39.9765 7.9993 39.4516 7.4743 38.8039 7.4743ZM33.0328 22.5209C35.5825 22.5209 37.8957 23.5512 39.579 25.2168C39.8223 25.002 39.9765 24.6887 39.9765 24.3385V21.9934C39.9765 21.3458 39.4515 20.8208 38.8039 20.8208H36.7467V15.7398C36.7467 15.0922 36.2217 14.5672 35.5742 14.5672H34.6135V15.9704C34.6135 16.6017 34.1282 17.145 33.4976 17.1747C32.8242 17.2065 32.2683 16.6699 32.2683 16.0035V14.5672H30.1351V20.8208H27.8352V14.5672H25.7091V16.0035C25.7091 16.6511 25.1841 17.1761 24.5365 17.1761C23.889 17.1761 23.364 16.6511 23.364 16.0035V14.5672H21.2236V20.8208H18.8785V14.5672H16.7381V16.0035C16.7381 16.6511 16.2131 17.1761 15.5655 17.1761C14.918 17.1761 14.393 16.6511 14.393 16.0035V14.5672H12.2192V20.8208H9.88878V14.5672H7.73182V15.9704C7.73182 16.6017 7.24661 17.145 6.61593 17.1747C5.94257 17.2065 5.3867 16.6699 5.3867 16.0035V14.5672H4.40221C3.75465 14.5672 3.22965 15.0922 3.22965 15.7398V20.8208H1.17244C0.524872 20.8208 -0.00012207 21.3458 -0.00012207 21.9934V24.3385C-0.00012207 24.9861 0.524872 25.5111 1.17244 25.5111H26.2022C27.9044 23.6734 30.3363 22.5209 33.0328 22.5209ZM23.7207 31.8331C23.7207 31.3165 23.7637 30.8099 23.8449 30.3161C23.5538 30.1027 23.364 29.7593 23.364 29.3708V27.9345H21.2236V34.1099H18.8785V27.9345H16.7381V29.3708C16.7381 30.0183 16.2131 30.5433 15.5655 30.5433C14.918 30.5433 14.393 30.0183 14.393 29.3708V27.9345H12.2192V34.1099H9.88878V27.9345H7.73182V29.3376C7.73182 29.969 7.24661 30.5123 6.61593 30.542C5.94257 30.5737 5.3867 30.0372 5.3867 29.3708V27.9345H4.40221C3.75465 27.9345 3.22965 28.4594 3.22965 29.107V34.1099H1.17244C0.524872 34.1099 -0.00012207 34.6349 -0.00012207 35.2825V37.6276C-0.00012207 38.2752 0.524872 38.8002 1.17244 38.8002H26.8614C24.9363 37.0928 23.7207 34.6024 23.7207 31.8331Z" fill="white"/>
-<path d="M33.0327 24.866C29.191 24.866 26.0656 27.9914 26.0656 31.8331C26.0656 35.6747 29.191 38.8001 33.0327 38.8001C36.8743 38.8001 39.9997 35.6747 39.9997 31.8331C39.9997 27.9914 36.8743 24.866 33.0327 24.866ZM36.3039 29.8145L33.2962 35.0241C33.1933 35.2024 33.0452 35.3504 32.867 35.4534C32.6888 35.5563 32.4866 35.6105 32.2807 35.6105C32.0749 35.6105 31.8727 35.5563 31.6945 35.4534C31.5162 35.3504 31.3682 35.2024 31.2653 35.0241L29.7614 32.4193C29.4376 31.8585 29.6297 31.1413 30.1905 30.8176C30.7514 30.4937 31.4685 30.686 31.7922 31.2468L32.2807 32.0927L34.2731 28.6419C34.5968 28.0811 35.3139 27.8887 35.8748 28.2127C36.4356 28.5365 36.6277 29.2536 36.3039 29.8145Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_2019_1481">
-<rect width="40" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/assets/img/arrow-down.svg
+++ b/assets/img/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 5.5L7.5 10.5L12.5 5.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/img/author-1.png
+++ b/assets/img/author-1.png
--- a/assets/img/author-2.png
+++ b/assets/img/author-2.png
--- a/assets/img/author-3.png
+++ b/assets/img/author-3.png
--- a/assets/img/author-4.png
+++ b/assets/img/author-4.png
--- a/assets/img/author-5.png
+++ b/assets/img/author-5.png
--- a/assets/img/author-main-card.png
+++ b/assets/img/author-main-card.png
--- a/assets/img/bars.svg
+++ b/assets/img/bars.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12806_2018)">
+<path d="M4 8H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 16H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_12806_2018">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assets/img/basket-icon.svg
+++ b/assets/img/basket-icon.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9995 11.5385C19.3616 11.5385 18.7499 11.7816 18.2988 12.2144C17.8478 12.6471 17.5944 13.2341 17.5944 13.8462V15.1282H22.4045V13.8462C22.4045 13.2341 22.1511 12.6471 21.7001 12.2144C21.2491 11.7816 20.6373 11.5385 19.9995 11.5385ZM24.0079 15.1282V13.8462C24.0079 12.8261 23.5856 11.8478 22.8339 11.1265C22.0821 10.4052 21.0626 10 19.9995 10C18.9364 10 17.9168 10.4052 17.1651 11.1265C16.4133 11.8478 15.991 12.8261 15.991 13.8462V15.1282H13.9399M15.991 16.6667H13.9398C13.7471 16.6666 13.5566 16.7066 13.3816 16.7838C13.2065 16.861 13.051 16.9736 12.9255 17.1138C12.8 17.2541 12.7077 17.4188 12.6548 17.5965C12.6019 17.7742 12.5896 17.9608 12.6189 18.1435C12.6189 18.1434 12.6189 18.1435 12.6189 18.1435L13.9604 26.5045C14.0477 27.0493 14.3354 27.5463 14.7714 27.9052C15.2074 28.2642 15.7629 28.4615 16.3373 28.4615C16.3373 28.4615 16.3374 28.4615 16.3373 28.4615H23.6616C24.2362 28.4617 24.7921 28.2644 25.2283 27.9055C25.6645 27.5465 25.9523 27.0496 26.0396 26.5046L27.3811 18.1436C27.3811 18.1436 27.3811 18.1435 27.3811 18.1436C27.4104 17.9609 27.3981 17.7742 27.3452 17.5965C27.2923 17.4188 27.1999 17.2541 27.0745 17.1138C26.949 16.9736 26.7935 16.861 26.6184 16.7838C26.4433 16.7066 26.253 16.6666 26.0603 16.6667H24.0079V18.9744C24.0079 19.3992 23.649 19.7436 23.2062 19.7436C22.7635 19.7436 22.4045 19.3992 22.4045 18.9744V16.6667H17.5944V18.9744C17.5944 19.3992 17.2355 19.7436 16.7927 19.7436C16.3499 19.7436 15.991 19.3992 15.991 18.9744V16.6667ZM24.0079 15.1282H26.0601C26.0601 15.1282 26.0602 15.1282 26.0601 15.1282C26.4839 15.1282 26.9028 15.2161 27.2879 15.3859C27.673 15.5557 28.0153 15.8034 28.2913 16.112C28.5673 16.4206 28.7705 16.7829 28.8869 17.1739C29.0033 17.5649 29.0303 17.9755 28.9658 18.3774L27.6244 26.7385C27.6243 26.7385 27.6244 26.7384 27.6244 26.7385C27.4788 27.6467 26.9991 28.475 26.2722 29.0732C25.5453 29.6715 24.6192 30.0002 23.6616 30C23.6615 30 23.6616 30 23.6616 30H16.3373C15.3799 30 14.454 29.6711 13.7273 29.0728C13.0007 28.4746 12.5212 27.6466 12.3757 26.7386C12.3756 26.7385 12.3757 26.7386 12.3757 26.7386L11.0342 18.3776C10.9697 17.9756 10.9966 17.5649 11.1131 17.1739C11.2295 16.7829 11.4327 16.4206 11.7087 16.112C11.9847 15.8034 12.327 15.5557 12.7121 15.3859C13.0972 15.2161 13.5161 15.1282 13.9399 15.1282" fill="#333333"/>
+</svg>
--- a/assets/img/bg_after.webp
+++ b/assets/img/bg_after.webp
--- a/assets/img/bg_before.webp
+++ b/assets/img/bg_before.webp
--- a/assets/img/favicon.ico
+++ b/assets/img/favicon.ico
--- a/assets/img/footer-logo.webp
+++ b/assets/img/footer-logo.webp
--- a/assets/img/footer-network-1.svg
+++ b/assets/img/footer-network-1.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25023 2.99272C0 5.24325 0 8.86108 0 16.101V17.3791C0 24.619 0 28.2411 2.25023 30.4917C4.50046 32.7422 8.11782 32.7422 15.361 32.7422H16.639C23.8779 32.7422 27.4995 32.7422 29.7498 30.4917C32 28.2411 32 24.6233 32 17.3791V16.101C32 8.86108 32 5.239 29.7498 2.98847C27.4995 0.742188 23.8779 0.742188 16.639 0.742188H15.361C8.11782 0.742188 4.50046 0.742188 2.25023 2.99272ZM5.40056 10.4789C5.57463 18.7974 9.73544 23.7995 17.0253 23.7995H17.4372V19.0394C20.1162 19.3069 22.1414 21.2645 22.9566 23.7995H26.7438C25.7036 20.0118 22.9694 17.9184 21.2626 17.1201C22.9694 16.135 25.3682 13.7316 25.9414 10.4789H22.5023C21.7551 13.1201 19.5431 15.5193 17.4372 15.7443V10.4789H13.9981V19.7061C11.8668 19.1711 9.17076 16.5851 9.05188 10.4789H5.40056Z" fill="white"/>
+</svg>
--- a/assets/img/footer-network-2.svg
+++ b/assets/img/footer-network-2.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.742188C7.16387 0.742188 0 7.90606 0 16.7422C0 25.5783 7.16387 32.7422 16 32.7422C24.8361 32.7422 32 25.5783 32 16.7422C32 7.90606 24.8361 0.742188 16 0.742188ZM23.8555 11.7048L21.2335 24.0815C21.0374 24.959 20.5213 25.1757 19.7884 24.7628L15.7832 21.8106L13.8529 23.6686C13.6361 23.8854 13.4606 24.0609 13.0477 24.0609L13.3265 19.9938L20.7381 13.2944C21.0581 13.0157 20.6658 12.8506 20.2426 13.1293L11.0761 18.8996L7.1329 17.6712C6.27613 17.4028 6.25548 16.8144 7.31871 16.4015L22.751 10.4454C23.4632 10.1873 24.0929 10.6209 23.8555 11.7048Z" fill="white"/>
+</svg>
--- a/assets/img/footer-network-3.svg
+++ b/assets/img/footer-network-3.svg
@@ -0,0 +1,6 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.568 0.742188C15.3825 3.24847 15.3939 5.78891 14.9687 8.25368C14.1605 12.9294 11.5304 15.3105 6.79636 15.8649C4.54453 16.1288 2.2659 16.1683 0 16.3095C0 15.8187 0.160702 14.5311 0.188825 14.3684C1.18518 8.62865 4.32691 4.50931 9.62271 2.11485C11.0322 1.47874 15.0772 0.742188 15.568 0.742188Z" fill="white"/>
+<path d="M0 17.1484C1.98668 17.287 3.98207 17.3527 5.9567 17.5897C7.26575 17.7464 8.59221 18.0209 9.82962 18.4669C12.4651 19.417 14.1652 21.387 14.6935 24.0901C15.2399 26.887 15.4375 29.7528 15.8051 32.7325C13.2814 32.8082 11.2063 32.2571 9.25913 31.3016C4.19768 28.8188 1.14634 24.7905 0.190834 19.2074C0.156685 19.0072 0 17.6399 0 17.1484Z" fill="white"/>
+<path d="M19.7047 1.16135C26.3892 2.64115 31.7125 8.86167 32.0111 15.5469C32.0205 15.7538 32.0124 15.9614 32.0124 16.3069C28.4489 16.181 24.8913 16.3457 21.5842 14.8097C18.8215 13.526 17.5138 11.1249 17.0839 8.25502C16.7739 6.18397 16.7257 4.07408 16.5542 1.9816C16.5201 1.56713 16.4585 1.15533 16.4089 0.742189C16.8997 0.741519 19.096 1.0261 19.7047 1.16135Z" fill="white"/>
+<path d="M16.3945 32.6792C16.6202 30.1595 16.7032 27.7075 17.0862 25.303C17.7719 20.9968 20.1751 18.5528 24.4544 17.843C26.8897 17.4393 29.3799 17.3643 31.844 17.1406C32.5009 24.1633 25.5157 32.8807 16.3945 32.6792Z" fill="white"/>
+</svg>
--- a/assets/img/header-red.svg
+++ b/assets/img/header-red.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7934 0.742188C14.0742 0.742188 12.4292 3.534 12.0716 4.92991C11.8093 3.534 10.2263 0.742188 5.99218 0.742188C0.699506 0.742188 -1.66074 7.7458 2.98823 13.7386C6.7074 18.5328 10.5935 20.4052 12.0716 20.7422C13.7166 20.4293 17.8935 18.4895 21.4411 13.2332C25.8755 6.66277 22.4424 0.742188 17.7934 0.742188Z" fill="#FE8D8D"/>
+</svg>
--- a/assets/img/heart-grey.svg
+++ b/assets/img/heart-grey.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#999999"/>
+</svg>
--- a/assets/img/heart-white.svg
+++ b/assets/img/heart-white.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="white"/>
+</svg>
--- a/assets/img/heart.svg
+++ b/assets/img/heart.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#666666"/>
+</svg>
--- a/assets/img/hero-img.webp
+++ b/assets/img/hero-img.webp
--- a/assets/img/i-close.svg
+++ b/assets/img/i-close.svg
@@ -1,11 +0,0 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2035_1668)">
-<path d="M0.935471 0.935471C1.5161 0.354843 2.45748 0.354843 3.03811 0.935471L24.0645 21.9619C24.6451 22.5425 24.6451 23.4839 24.0645 24.0645C23.4839 24.6451 22.5425 24.6451 21.9619 24.0645L0.935471 3.03811C0.354843 2.45748 0.354843 1.5161 0.935471 0.935471Z" fill="white"/>
-<path d="M24.0645 0.935609C24.6452 1.51624 24.6452 2.45762 24.0645 3.03825L3.03813 24.0646C2.45751 24.6453 1.51612 24.6453 0.935494 24.0646C0.354866 23.484 0.354867 22.5426 0.935494 21.962L21.9619 0.935609C22.5425 0.354982 23.4839 0.354981 24.0645 0.935609Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_2035_1668">
-<rect width="24" height="24.0001" fill="white" transform="translate(0.5 0.5)"/>
-</clipPath>
-</defs>
-</svg>
--- a/assets/img/i-delivery.svg
+++ b/assets/img/i-delivery.svg
@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.0613 2.50026C15.7156 2.49776 15.4338 2.77589 15.4313 3.12089C15.4288 3.46589 15.7063 3.74776 16.0519 3.75026C16.3969 3.75276 16.6788 3.47526 16.6813 3.13026C16.6838 2.78526 16.4063 2.50339 16.0613 2.50026ZM16.0328 6.2502C13.6196 6.23307 11.6433 8.17989 11.6251 10.5923C11.6069 13.0046 13.5548 14.9819 15.9672 15.0001L16.0007 15.0002C18.3978 15.0002 20.3568 13.0592 20.3749 10.6579C20.3931 8.24576 18.4453 6.26839 16.0328 6.2502ZM16.0006 13.7503L15.9766 13.7501C14.2534 13.7371 12.862 12.3248 12.875 10.6017C12.8879 8.88639 14.2872 7.50001 15.9994 7.50001L16.0234 7.50014C17.7466 7.51314 19.138 8.92551 19.125 10.6486C19.112 12.3639 17.7128 13.7503 16.0006 13.7503ZM18.7269 2.97426C18.4018 2.85889 18.0444 3.0292 17.929 3.35457C17.8137 3.67995 17.984 4.03714 18.3093 4.15251C21.0623 5.1282 22.8969 7.75014 22.8749 10.6768C22.8724 11.0219 23.1501 11.3039 23.4953 11.3065H23.5001C23.8429 11.3065 24.1223 11.0298 24.1249 10.6862C24.1509 7.22701 21.9816 4.12782 18.7269 2.97426Z" fill="#00071E"/>
-<path d="M19.8348 23.5276C23.9919 18.1767 26.5898 15.3864 26.6249 10.7049C26.6689 4.81469 21.8887 0 15.999 0C10.178 0 5.41936 4.71425 5.37511 10.5455C5.33936 15.3539 7.98555 18.1404 12.1713 23.5268C8.00724 24.149 5.37511 25.7126 5.37511 27.625C5.37511 28.9061 6.55924 30.0556 8.70943 30.8619C10.6665 31.5958 13.2557 31.9999 16 31.9999C18.7443 31.9999 21.3335 31.5958 23.2906 30.8619C25.4407 30.0556 26.6249 28.906 26.6249 27.6249C26.6249 25.7136 23.9952 24.1504 19.8348 23.5276ZM6.62505 10.5549C6.66405 5.40937 10.8625 1.25 15.9991 1.25C21.1966 1.25 25.4137 5.49925 25.3749 10.6956C25.3417 15.1414 22.5866 17.8812 18.188 23.6152C17.4034 24.6374 16.6829 25.6039 16.0009 26.5494C15.3209 25.6034 14.6148 24.6542 13.8185 23.6148C9.23811 17.6408 6.59118 15.1081 6.62505 10.5549ZM16 30.75C10.6343 30.75 6.62505 29.1002 6.62505 27.625C6.62505 26.531 9.0218 25.149 13.0517 24.6704C13.9425 25.8392 14.7235 26.9011 15.4895 27.9856C15.5471 28.0673 15.6236 28.1339 15.7123 28.1799C15.801 28.2259 15.8995 28.2499 15.9994 28.25H16C16.0999 28.25 16.1983 28.2261 16.287 28.1802C16.3757 28.1344 16.4521 28.0679 16.5099 27.9864C17.2686 26.9161 18.071 25.828 18.9542 24.6711C22.9803 25.1502 25.3749 26.5318 25.3749 27.6251C25.3749 29.1002 21.3657 30.75 16 30.75Z" fill="#00071E"/>
-</svg>
--- a/assets/img/i-info.svg
+++ b/assets/img/i-info.svg
@@ -1,17 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2012_938)">
-<circle cx="12.5" cy="12.5" r="7.5" fill="#1C1B1B"/>
-<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="#FFCC00"/>
-<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="url(#paint0_linear_2012_938)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_2012_938" x1="5.08642" y1="-0.262542" x2="25.6213" y2="0.490587" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="0.415" stop-color="white" stop-opacity="0.32"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<clipPath id="clip0_2012_938">
-<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>
--- a/assets/img/i-percent.svg
+++ b/assets/img/i-percent.svg
@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2049_2154)">
-<path d="M22.4042 12.3109C22.3565 12.2142 22.3317 12.1078 22.3317 12C22.3317 11.8922 22.3565 11.7859 22.4042 11.6892L23.2993 9.85802C23.7976 8.83844 23.4028 7.62322 22.4003 7.09133L20.5999 6.13602C20.5045 6.0858 20.4219 6.01433 20.3586 5.92713C20.2952 5.83993 20.2527 5.73933 20.2344 5.6331L19.8823 3.62551C19.6862 2.50773 18.6523 1.75661 17.5288 1.91556L15.5107 2.20103C15.404 2.21645 15.2952 2.20715 15.1927 2.17383C15.0902 2.14052 14.9967 2.08408 14.9195 2.00889L13.4546 0.591773C12.6389 -0.197316 11.3611 -0.197363 10.5455 0.591773L9.08058 2.00903C9.00333 2.08421 8.90984 2.14063 8.80733 2.17394C8.70482 2.20725 8.59603 2.21657 8.48935 2.20117L6.47125 1.9157C5.34743 1.75666 4.31384 2.50787 4.11776 3.62565L3.76564 5.63315C3.74734 5.73938 3.70487 5.83998 3.64152 5.92718C3.57816 6.01439 3.49562 6.08588 3.40025 6.13612L1.59979 7.09142C0.59733 7.62326 0.202457 8.83859 0.700829 9.85816L1.5959 11.6893C1.64355 11.786 1.66833 11.8923 1.66833 12.0001C1.66833 12.1079 1.64355 12.2143 1.5959 12.311L0.700783 14.1421C0.20241 15.1617 0.597283 16.3769 1.59975 16.9088L3.4002 17.8641C3.49558 17.9143 3.57814 17.9858 3.6415 18.073C3.70486 18.1602 3.74734 18.2608 3.76564 18.367L4.11776 20.3746C4.29626 21.3922 5.16879 22.1058 6.17158 22.1057C6.27034 22.1057 6.37056 22.0987 6.4713 22.0845L8.48939 21.799C8.59608 21.7836 8.70488 21.7929 8.8074 21.8262C8.90991 21.8595 9.0034 21.916 9.08062 21.9912L10.5455 23.4083C10.9534 23.8029 11.4766 24.0001 12 24.0001C12.5233 24 13.0468 23.8028 13.4546 23.4083L14.9195 21.9912C15.0775 21.8383 15.293 21.7685 15.5107 21.799L17.5288 22.0845C18.6528 22.2435 19.6862 21.4923 19.8823 20.3745L20.2345 18.367C20.2528 18.2608 20.2952 18.1602 20.3586 18.073C20.4219 17.9858 20.5045 17.9143 20.5999 17.8641L22.4003 16.9088C23.4028 16.3769 23.7976 15.1616 23.2993 14.142L22.4042 12.3109ZM9.23156 5.77106C10.6309 5.77106 11.7693 6.9095 11.7693 8.30881C11.7693 9.70811 10.6309 10.8466 9.23156 10.8466C7.83226 10.8466 6.69381 9.70811 6.69381 8.30881C6.69381 6.9095 7.83226 5.77106 9.23156 5.77106ZM7.92169 17.0571C7.78655 17.1922 7.60941 17.2598 7.43232 17.2598C7.25523 17.2598 7.07804 17.1923 6.94295 17.0571C6.67267 16.7868 6.67267 16.3486 6.94295 16.0783L16.0783 6.94292C16.3485 6.67264 16.7868 6.67264 17.0571 6.94292C17.3274 7.2132 17.3274 7.65144 17.0571 7.92172L7.92169 17.0571ZM14.7684 18.229C13.3691 18.229 12.2307 17.0906 12.2307 15.6913C12.2307 14.292 13.3691 13.1535 14.7684 13.1535C16.1677 13.1535 17.3062 14.292 17.3062 15.6913C17.3062 17.0906 16.1677 18.229 14.7684 18.229Z" fill="#FFCC00"/>
-<path d="M14.7687 14.5378C14.1326 14.5378 13.6152 15.0553 13.6152 15.6913C13.6152 16.3273 14.1326 16.8448 14.7687 16.8448C15.4047 16.8448 15.9222 16.3273 15.9222 15.6913C15.9222 15.0553 15.4047 14.5378 14.7687 14.5378ZM9.23185 7.15527C8.5958 7.15527 8.07835 7.67272 8.07835 8.30877C8.07835 8.94481 8.5958 9.46231 9.23185 9.46231C9.86789 9.46231 10.3854 8.94486 10.3854 8.30877C10.3853 7.67277 9.86789 7.15527 9.23185 7.15527Z" fill="#FFCC00"/>
-</g>
-<defs>
-<clipPath id="clip0_2049_2154">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/assets/img/i-select.svg
+++ b/assets/img/i-select.svg
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.6521 13.769C9.85806 14.9327 8.14194 14.9327 7.34793 13.769L2.13379 6.12724C1.22796 4.79968 2.1787 3 3.78586 3L14.2141 3C15.8213 3 16.772 4.79968 15.8662 6.12724L10.6521 13.769Z" fill="#D8D8D8"/>
-</svg>
--- a/assets/img/i-tel.svg
+++ b/assets/img/i-tel.svg
@@ -1,3 +0,0 @@
-<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.728 19.28C24.6624 19.228 19.9 15.7952 18.5928 16.0416C17.9688 16.152 17.612 16.5776 16.896 17.4296C16.7808 17.5672 16.504 17.8968 16.2888 18.1312C15.8363 17.9836 15.3949 17.804 14.968 17.5936C12.7644 16.5208 10.984 14.7404 9.9112 12.5368C9.70069 12.1099 9.52103 11.6685 9.3736 11.216C9.6088 11 9.9384 10.7232 10.0792 10.6048C10.9272 9.8928 11.3536 9.536 11.464 8.9104C11.6904 7.6144 8.26 2.8192 8.224 2.776C8.06836 2.55366 7.86524 2.36869 7.62934 2.23448C7.39344 2.10027 7.13065 2.02018 6.86 2C5.4696 2 1.5 7.1496 1.5 8.0168C1.5 8.0672 1.5728 13.1904 7.8904 19.6168C14.3104 25.9272 19.4328 26 19.4832 26C20.3512 26 25.5 22.0304 25.5 20.64C25.48 20.3703 25.4004 20.1084 25.2669 19.8732C25.1334 19.638 24.9493 19.4354 24.728 19.28Z" fill="black"/>
-</svg>
--- a/assets/img/i-volume.svg
+++ b/assets/img/i-volume.svg
@@ -1,12 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2048_2118)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9706 0.995728L24.8811 7.29479V19.893L13.9706 26.1922L3.06024 19.893V7.29479L13.9706 0.995728Z" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.6561 7.42467L13.9706 13.5939M13.9706 13.5939L11.0721 11.9205M13.9706 13.5939V25.8797M6.20006 9.10761L3.30188 7.4343M28.1281 8.9183L29.7515 7.2948L31.375 8.9183M28.1281 18.2696L29.7515 19.893L31.375 18.2696M29.7515 7.61949V19.5684M25.0986 23.5168L27.3162 24.111L26.722 26.3287M17.0001 28.1924L16.4059 30.4101L18.6236 31.0044M27.0351 24.2734L16.6871 30.2478M10.9412 28.1924L11.5354 30.4101L9.31769 31.0044M2.84275 23.5167L0.625 24.111L1.21925 26.3287M11.2542 30.2477L0.906187 24.2734" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.6358 10.5142H8.63618" stroke="#00071E" stroke-width="1.24999" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2048_2118">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
--- a/assets/img/indent-icon-1.svg
+++ b/assets/img/indent-icon-1.svg
@@ -0,0 +1,18 @@
+<svg width="54" height="49" viewBox="0 0 54 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.0815 7.92932C49.4355 6.5889 51.629 6.5889 52.983 7.92932C54.339 9.27186 54.339 11.4501 52.983 12.7927L29.1999 36.3385C27.8459 37.6789 25.6524 37.6789 24.2984 36.3385L10.8231 22.9976C9.46708 21.6551 9.46708 19.4768 10.8231 18.1343C12.1771 16.7939 14.3706 16.7939 15.7246 18.1343L26.7492 29.0489L48.0815 7.92932ZM51.8777 9.03434C51.1351 8.29909 49.9294 8.29909 49.1867 9.03434L26.7492 31.2481L14.6194 19.2393C13.8767 18.504 12.671 18.504 11.9284 19.2393C11.1878 19.9724 11.1878 21.1595 11.9284 21.8926L25.4037 35.2335C26.1463 35.9687 27.352 35.9687 28.0946 35.2335L51.8777 11.6877C52.6182 10.9545 52.6182 9.76747 51.8777 9.03434Z" fill="url(#paint0_radial_11666_41321)"/>
+<path d="M1.56688 24.6641C1.56688 12.2738 11.7134 2.22296 24.238 2.22296C32.565 2.22296 39.8409 6.66576 43.7825 13.2851L44.9262 12.1528C40.6662 5.26123 32.9929 0.664062 24.238 0.664062C10.8554 0.664062 0 11.4056 0 24.6641C0 37.9225 10.8554 48.6641 24.238 48.6641C37.6206 48.6641 48.476 37.9225 48.476 24.6641C48.476 22.0965 48.0689 19.6234 47.3152 17.3043L46.0573 18.5496C46.6122 20.4936 46.9091 22.5446 46.9091 24.6641C46.9091 37.0543 36.7625 47.1052 24.238 47.1052C11.7134 47.1052 1.56688 37.0543 1.56688 24.6641Z" fill="url(#paint1_radial_11666_41321)"/>
+<defs>
+<radialGradient id="paint0_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+</defs>
+</svg>
--- a/assets/img/logo-green.svg
+++ b/assets/img/logo-green.svg
@@ -0,0 +1,11 @@
+<svg width="55" height="44" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.4456 6.968C52.8502 4.26022 48.1445 3.74111 41.1703 5.49485C37.7503 2.7802 33.5793 1.14675 29.203 0.808095C24.8266 0.469444 20.4485 1.44136 16.6411 3.59675C12.8338 5.75214 9.77451 8.99066 7.8633 12.8888C5.9521 16.787 5.27795 21.1633 5.92903 25.4455C0.860701 30.5173 -1.05 34.7988 0.552524 37.5159C1.53158 39.1785 3.63429 40.0203 6.71606 40.0203C8.68733 39.9852 10.649 39.7398 12.5667 39.2884C12.9792 39.1972 13.4011 39.0966 13.8278 38.9891C17.0317 41.5323 20.8992 43.1302 24.9842 43.5984C29.0692 44.0666 33.2052 43.386 36.9149 41.6351C40.6245 39.8842 43.7568 37.1345 45.9501 33.703C48.1434 30.2716 49.3085 26.2985 49.3109 22.242C49.3125 21.1675 49.2333 20.0943 49.0738 19.0314C52.1011 15.9916 54.1255 13.1201 54.7632 10.7374C55.1639 9.27359 55.0548 8.00622 54.4456 6.968ZM27.5014 2.6C32.1048 2.60551 36.5646 4.18168 40.1241 7.0611C43.6836 9.94053 46.1237 13.9459 47.0304 18.3977C43.1971 22.0666 37.8325 25.9926 31.7424 29.444C25.2683 33.1128 19.2233 35.5821 14.2925 36.9266C11.2741 34.2819 9.14206 30.7945 8.17904 26.9271C7.21602 23.0597 7.46753 18.995 8.90022 15.2718C10.3329 11.5486 12.8791 8.34292 16.2011 6.07984C19.5232 3.81675 23.4641 2.60317 27.5014 2.6ZM2.19534 36.5759C1.18784 34.8689 2.78799 31.5251 6.40315 27.6762C7.38336 31.3793 9.34736 34.7574 12.0926 37.4621C6.84408 38.6102 3.19573 38.2782 2.19534 36.5759ZM27.5014 41.8839C23.4308 41.8879 19.4578 40.655 16.1226 38.353C21.2383 36.8144 26.987 34.2914 32.6812 31.0668C38.4299 27.8072 43.4934 24.1781 47.3385 20.6753C47.3812 21.192 47.4097 21.7135 47.4097 22.242C47.4034 27.4486 45.3041 32.4403 41.572 36.1224C37.84 39.8045 32.7799 41.8765 27.5014 41.8839ZM52.9331 10.2533C52.4282 12.124 50.8992 14.3805 48.6068 16.8147C47.6205 13.1031 45.6464 9.71887 42.8889 7.01243C48.0687 5.88535 51.8 6.20336 52.8051 7.90801C53.1512 8.4996 53.1963 9.28762 52.9331 10.2533Z" fill="url(#paint0_radial_12821_4886)"/>
+<defs>
+<radialGradient id="paint0_radial_12821_4886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(55 0.74219) rotate(141.981) scale(69.814 92.4982)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+</defs>
+</svg>
--- a/assets/img/logo.svg
+++ b/assets/img/logo.svg
@@ -0,0 +1,3 @@
+<svg width="51" height="40" viewBox="0 0 51 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
+</svg>
--- a/assets/img/logo.webp
+++ b/assets/img/logo.webp
--- a/assets/img/long-arrow.svg
+++ b/assets/img/long-arrow.svg
@@ -0,0 +1,3 @@
+<svg width="207" height="22" viewBox="0 0 207 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M197.037 1L206 11M206 11L197.037 21M206 11L1 11" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/img/minus-icon.svg
+++ b/assets/img/minus-icon.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="#DD2127"/>
+<path d="M28.4694 18.0918C28.4694 19.4613 27.3534 20.5714 25.9767 20.5714H10.0233C8.64664 20.5714 7.53061 19.4613 7.53061 18.0918C7.53061 16.7224 8.64664 15.6122 10.0233 15.6122H25.9767C27.3534 15.6122 28.4694 16.7224 28.4694 18.0918Z" fill="#DD2127"/>
+</svg>
--- a/assets/img/msg-green.svg
+++ b/assets/img/msg-green.svg
@@ -0,0 +1,11 @@
+<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76298 4.44735C3.06952 5.67081 2.13126 7.27684 2.13126 8.95074C2.13126 10.9189 3.43754 12.8055 5.72596 14.0611C6.06925 14.2494 6.23788 14.6639 6.12924 15.0523C5.80108 16.2254 4.97453 17.5082 4.37705 18.4355C4.35717 18.4664 4.33755 18.4969 4.3182 18.5269C4.30813 18.5425 4.29815 18.5581 4.28825 18.5734C4.53639 18.4536 4.80635 18.3131 5.09199 18.1538C6.28443 17.4885 7.6774 16.5358 8.80068 15.5042C8.98115 15.3384 9.22254 15.2642 9.46036 15.3013C10.1165 15.4037 10.7989 15.4578 11.5 15.4578C14.1673 15.4578 16.5467 14.6753 18.237 13.4541C19.9305 12.2307 20.8687 10.6246 20.8687 8.95074C20.8687 7.27684 19.9305 5.67081 18.237 4.44735C16.5467 3.22618 14.1673 2.44368 11.5 2.44368C8.83266 2.44368 6.45327 3.22618 4.76298 4.44735ZM3.0195 19.0408C3.01951 19.0408 3.02033 19.0407 3.02191 19.0407C3.02027 19.0408 3.01948 19.0408 3.0195 19.0408ZM3.83415 3.04862C5.82987 1.60678 8.54267 0.742188 11.5 0.742188C14.4573 0.742188 17.1701 1.60678 19.1659 3.04862C21.1584 4.48816 22.5 6.56104 22.5 8.95074C22.5 11.3404 21.1584 13.4133 19.1659 14.8529C17.1701 16.2947 14.4573 17.1593 11.5 17.1593C10.8501 17.1593 10.2129 17.1176 9.59312 17.0374C8.41664 18.0694 7.04427 18.9942 5.86135 19.6541C5.22123 20.0112 4.61837 20.301 4.11684 20.4893C3.86744 20.583 3.62444 20.6586 3.40353 20.7017C3.21456 20.7385 2.91813 20.7785 2.63153 20.6825C2.42855 20.6146 2.21877 20.4705 2.08381 20.2244C1.95926 19.9972 1.94674 19.7703 1.95698 19.6181C1.97576 19.3391 2.08812 19.078 2.17184 18.9038C2.35249 18.5281 2.6576 18.0542 2.9561 17.5905L2.96393 17.5784C3.47206 16.7891 4.00731 15.953 4.33796 15.1946C2.0636 13.7424 0.5 11.537 0.5 8.95074C0.5 6.56104 1.84159 4.48816 3.83415 3.04862Z" fill="url(#paint0_radial_11432_38673)"/>
+<defs>
+<radialGradient id="paint0_radial_11432_38673" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.5 0.742189) rotate(137.726) scale(29.7321 40.4084)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+</defs>
+</svg>
--- a/assets/img/msg-grey.svg
+++ b/assets/img/msg-grey.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#999999"/>
+</svg>
--- a/assets/img/msg-white.svg
+++ b/assets/img/msg-white.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="white"/>
+</svg>
--- a/assets/img/msg.svg
+++ b/assets/img/msg.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#666666"/>
+</svg>
--- a/assets/img/plus-icon.svg
+++ b/assets/img/plus-icon.svg
@@ -0,0 +1,18 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="url(#paint0_radial_11667_42373)"/>
+<path d="M27.7631 15.6376C29.0661 15.6376 30.1224 16.6858 30.1224 17.9789C30.1224 19.272 29.0661 20.3203 27.7631 20.3203H20.4725V27.5763C20.4725 28.8811 19.4066 29.9388 18.0918 29.9388C16.7771 29.9388 15.7112 28.8811 15.7112 27.5763V20.3203H8.42059C7.11755 20.3203 6.06122 19.272 6.06122 17.9789C6.06122 16.6858 7.11755 15.6376 8.42058 15.6376H15.7112V8.42367C15.7112 7.11893 16.7771 6.06122 18.0918 6.06122C19.4066 6.06122 20.4725 7.11893 20.4725 8.42367V15.6376H27.7631Z" fill="url(#paint1_radial_11667_42373)"/>
+<defs>
+<radialGradient id="paint0_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+<radialGradient id="paint1_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
+<stop stop-color="#188892"/>
+<stop offset="0.45" stop-color="#1EA49C"/>
+<stop offset="0.9" stop-color="#76CE75"/>
+<stop offset="1" stop-color="#BBE38D"/>
+</radialGradient>
+</defs>
+</svg>
--- a/assets/img/swp-next.svg
+++ b/assets/img/swp-next.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 12.3633H4.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 12.3633L14.636 18.7272" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 12.3633L14.636 5.99932" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/img/swp-prev.svg
+++ b/assets/img/swp-prev.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 12.3633H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.5 12.3633L10.864 18.7272" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.5 12.3633L10.864 5.99932" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assets/img/tg-white.svg
+++ b/assets/img/tg-white.svg
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7769 4.43003C20.024 4.32602 20.2945 4.29015 20.5602 4.32614C20.8258 4.36214 21.077 4.46869 21.2876 4.63471C21.4981 4.80073 21.6603 5.02014 21.7572 5.27011C21.8542 5.52008 21.8824 5.79147 21.8389 6.05603L19.5709 19.813C19.3509 21.14 17.8949 21.901 16.6779 21.24C15.6599 20.687 14.1479 19.835 12.7879 18.946C12.1079 18.501 10.0249 17.076 10.2809 16.062C10.5009 15.195 14.0009 11.937 16.0009 10C16.7859 9.23903 16.4279 8.80003 15.5009 9.50003C13.1989 11.238 9.50287 13.881 8.28087 14.625C7.20287 15.281 6.64087 15.393 5.96887 15.281C4.74287 15.077 3.60587 14.761 2.67787 14.376C1.42387 13.856 1.48487 12.132 2.67687 11.63L19.7769 4.43003Z" fill="white"/>
-</svg>
--- a/assets/img/tg.svg
+++ b/assets/img/tg.svg
@@ -1,3 +0,0 @@
-<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2495 4.98377C22.5275 4.86676 22.8318 4.82641 23.1307 4.8669C23.4296 4.9074 23.7121 5.02727 23.949 5.21404C24.1858 5.40081 24.3683 5.64765 24.4774 5.92886C24.5865 6.21008 24.6182 6.51539 24.5692 6.81302L22.0177 22.2896C21.7702 23.7825 20.1322 24.6386 18.7631 23.895C17.6178 23.2729 15.9168 22.3144 14.3868 21.3143C13.6218 20.8136 11.2785 19.2105 11.5665 18.0698C11.814 17.0944 15.7515 13.4291 18.0015 11.25C18.8846 10.3939 18.4818 9.90002 17.439 10.6875C14.8492 12.6428 10.6912 15.6161 9.31647 16.4531C8.10372 17.1911 7.47147 17.3171 6.71547 17.1911C5.33622 16.9616 4.05709 16.6061 3.01309 16.173C1.60234 15.588 1.67097 13.6485 3.01197 13.0838L22.2495 4.98377Z" fill="#26A7E6"/>
-</svg>
--- a/assets/img/user-icon.svg
+++ b/assets/img/user-icon.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6412 11.6412C17.532 10.7504 18.7402 10.25 20 10.25C21.2598 10.25 22.468 10.7504 23.3588 11.6412C24.2496 12.532 24.75 13.7402 24.75 15C24.75 16.2598 24.2496 17.468 23.3588 18.3588C22.468 19.2496 21.2598 19.75 20 19.75C18.7402 19.75 17.532 19.2496 16.6412 18.3588C15.7504 17.468 15.25 16.2598 15.25 15C15.25 13.7402 15.7504 12.532 16.6412 11.6412ZM20 11.75C19.138 11.75 18.3114 12.0924 17.7019 12.7019C17.0924 13.3114 16.75 14.138 16.75 15C16.75 15.862 17.0924 16.6886 17.7019 17.2981C18.3114 17.9076 19.138 18.25 20 18.25C20.862 18.25 21.6886 17.9076 22.2981 17.2981C22.9076 16.6886 23.25 15.862 23.25 15C23.25 14.138 22.9076 13.3114 22.2981 12.7019C21.6886 12.0924 20.862 11.75 20 11.75Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 23.75C17.138 23.75 16.3114 24.0924 15.7019 24.7019C15.0924 25.3114 14.75 26.138 14.75 27V29C14.75 29.4142 14.4142 29.75 14 29.75C13.5858 29.75 13.25 29.4142 13.25 29V27C13.25 25.7402 13.7504 24.532 14.6412 23.6412C15.532 22.7504 16.7402 22.25 18 22.25H22C23.2598 22.25 24.468 22.7504 25.3588 23.6412C26.2496 24.532 26.75 25.7402 26.75 27V29C26.75 29.4142 26.4142 29.75 26 29.75C25.5858 29.75 25.25 29.4142 25.25 29V27C25.25 26.138 24.9076 25.3114 24.2981 24.7019C23.6886 24.0924 22.862 23.75 22 23.75H18Z" fill="#333333"/>
+</svg>
--- a/assets/img/wh-white.svg
+++ b/assets/img/wh-white.svg
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C10.2328 22.003 8.49659 21.5353 6.97001 20.645L2.00402 22L3.35601 17.032C2.46497 15.5049 1.99692 13.768 2.00002 12C2.00002 6.477 6.47701 2 12 2ZM8.59201 7.3L8.39201 7.308C8.2627 7.31691 8.13636 7.35087 8.02001 7.408C7.91159 7.46951 7.81257 7.54629 7.72601 7.636C7.60601 7.749 7.53801 7.847 7.46501 7.942C7.09513 8.4229 6.89598 9.01331 6.89901 9.61999C6.90101 10.11 7.02901 10.587 7.22901 11.033C7.63801 11.935 8.31101 12.89 9.19901 13.775C9.41301 13.988 9.62301 14.202 9.84901 14.401C10.9524 15.3724 12.2673 16.073 13.689 16.447L14.257 16.534C14.442 16.544 14.627 16.53 14.813 16.521C15.1042 16.5056 15.3885 16.4268 15.646 16.29C15.7769 16.2223 15.9046 16.1489 16.029 16.07C16.029 16.07 16.0713 16.0413 16.154 15.98C16.289 15.88 16.372 15.809 16.484 15.692C16.568 15.6053 16.638 15.5047 16.694 15.39C16.772 15.227 16.85 14.916 16.882 14.657C16.906 14.459 16.899 14.351 16.896 14.284C16.892 14.177 16.803 14.066 16.706 14.019L16.124 13.758C16.124 13.758 15.254 13.379 14.722 13.137C14.6663 13.1127 14.6067 13.0989 14.546 13.096C14.4776 13.0888 14.4084 13.0965 14.3432 13.1184C14.278 13.1403 14.2182 13.176 14.168 13.223C14.163 13.221 14.096 13.278 13.373 14.154C13.3315 14.2098 13.2743 14.2519 13.2088 14.275C13.1433 14.2982 13.0723 14.3013 13.005 14.284C12.9398 14.2666 12.876 14.2446 12.814 14.218C12.69 14.166 12.647 14.146 12.562 14.11C11.9879 13.8599 11.4564 13.5215 10.987 13.107C10.861 12.997 10.744 12.877 10.624 12.761C10.2306 12.3842 9.88776 11.958 9.60401 11.493L9.54501 11.398C9.50327 11.3338 9.46905 11.265 9.44301 11.193C9.40501 11.046 9.50401 10.928 9.50401 10.928C9.50401 10.928 9.74701 10.662 9.86001 10.518C9.97001 10.378 10.063 10.242 10.123 10.145C10.241 9.95499 10.278 9.75999 10.216 9.60899C9.93601 8.92499 9.64668 8.24466 9.34801 7.568C9.28901 7.434 9.11401 7.338 8.95501 7.319C8.90101 7.31233 8.84701 7.307 8.79301 7.303C8.65874 7.29529 8.5241 7.29663 8.39001 7.307L8.59201 7.3Z" fill="white"/>
-</svg>
--- a/assets/img/wh.svg
+++ b/assets/img/wh.svg
@@ -1,3 +0,0 @@
-<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.5 2C19.8515 2 25 7.14855 25 13.5C25 19.8514 19.8515 25 13.5 25C11.4677 25.0035 9.47108 24.4656 7.71551 23.4417L2.00462 25L3.55942 19.2868C2.53472 17.5307 1.99646 15.5332 2.00002 13.5C2.00002 7.14855 7.14857 2 13.5 2ZM9.58081 8.095L9.35081 8.1042C9.20211 8.11444 9.05681 8.1535 8.92301 8.2192C8.79832 8.28993 8.68446 8.37824 8.58491 8.4814C8.44691 8.61135 8.36871 8.72404 8.28476 8.83329C7.8594 9.38633 7.63038 10.0653 7.63386 10.763C7.63616 11.3265 7.78336 11.875 8.01336 12.3879C8.48371 13.4252 9.25766 14.5235 10.2789 15.5412C10.525 15.7862 10.7665 16.0323 11.0264 16.2611C12.2953 17.3783 13.8074 18.1839 15.4424 18.614L16.0956 18.7141C16.3083 18.7256 16.5211 18.7095 16.735 18.6991C17.0698 18.6815 17.3968 18.5908 17.6929 18.4335C17.8434 18.3557 17.9903 18.2713 18.1334 18.1805C18.1334 18.1805 18.182 18.1475 18.2771 18.077C18.4324 17.962 18.5278 17.8803 18.6566 17.7458C18.7532 17.6461 18.8337 17.5304 18.8981 17.3985C18.9878 17.211 19.0775 16.8534 19.1143 16.5555C19.1419 16.3278 19.1339 16.2036 19.1304 16.1266C19.1258 16.0035 19.0235 15.8759 18.9119 15.8218L18.2426 15.5217C18.2426 15.5217 17.2421 15.0858 16.6303 14.8075C16.5663 14.7797 16.4977 14.7637 16.4279 14.7604C16.3492 14.7522 16.2697 14.7609 16.1947 14.7861C16.1197 14.8113 16.051 14.8524 15.9932 14.9064C15.9875 14.9041 15.9104 14.9697 15.079 15.9771C15.0312 16.0412 14.9655 16.0897 14.8901 16.1163C14.8148 16.1429 14.7332 16.1465 14.6558 16.1266C14.5808 16.1066 14.5074 16.0812 14.4361 16.0507C14.2935 15.9909 14.2441 15.9679 14.1463 15.9265C13.4861 15.6389 12.8749 15.2497 12.3351 14.773C12.1902 14.6465 12.0556 14.5085 11.9176 14.3751C11.4652 13.9418 11.0709 13.4517 10.7446 12.9169L10.6768 12.8077C10.6288 12.7339 10.5894 12.6548 10.5595 12.5719C10.5158 12.4029 10.6296 12.2672 10.6296 12.2672C10.6296 12.2672 10.9091 11.9613 11.039 11.7957C11.1655 11.6347 11.2725 11.4783 11.3415 11.3667C11.4772 11.1482 11.5197 10.924 11.4484 10.7503C11.1264 9.96374 10.7937 9.18136 10.4502 8.4032C10.3824 8.2491 10.1811 8.1387 9.99826 8.11685C9.93616 8.10918 9.87406 8.10305 9.81196 8.09845C9.65755 8.08959 9.50272 8.09113 9.34851 8.10305L9.58081 8.095Z" fill="#11AF27"/>
-</svg>
--- a/assets/js/jquery.maskedinput.min.js
+++ b/assets/js/jquery.maskedinput.min.js
@@ -1,8 +0,0 @@
-/**
- * Minified by jsDelivr using UglifyJS v3.4.4.
- * Original file: /npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.js
- * 
- * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
- */
-!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?e(require("jquery")):e(jQuery)}(function(R){var a,e=navigator.userAgent,S=/iphone/i.test(e),i=/chrome/i.test(e),T=/android/i.test(e);R.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},autoclear:!0,dataName:"rawMaskFn",placeholder:"_"},R.fn.extend({caret:function(e,t){var n;if(0!==this.length&&!this.is(":hidden")&&this.get(0)===document.activeElement)return"number"==typeof e?(t="number"==typeof t?t:e,this.each(function(){this.setSelectionRange?this.setSelectionRange(e,t):this.createTextRange&&((n=this.createTextRange()).collapse(!0),n.moveEnd("character",t),n.moveStart("character",e),n.select())})):(this[0].setSelectionRange?(e=this[0].selectionStart,t=this[0].selectionEnd):document.selection&&document.selection.createRange&&(n=document.selection.createRange(),e=0-n.duplicate().moveStart("character",-1e5),t=e+n.text.length),{begin:e,end:t})},unmask:function(){return this.trigger("unmask")},mask:function(t,v){var n,b,k,y,x,j,A;if(!t&&0<this.length){var e=R(this[0]).data(R.mask.dataName);return e?e():void 0}return v=R.extend({autoclear:R.mask.autoclear,placeholder:R.mask.placeholder,completed:null},v),n=R.mask.definitions,b=[],k=j=t.length,y=null,t=String(t),R.each(t.split(""),function(e,t){"?"==t?(j--,k=e):n[t]?(b.push(new RegExp(n[t])),null===y&&(y=b.length-1),e<k&&(x=b.length-1)):b.push(null)}),this.trigger("unmask").each(function(){var o=R(this),c=R.map(t.split(""),function(e,t){if("?"!=e)return n[e]?f(t):e}),l=c.join(""),r=o.val();function u(){if(v.completed){for(var e=y;e<=x;e++)if(b[e]&&c[e]===f(e))return;v.completed.call(o)}}function f(e){return e<v.placeholder.length?v.placeholder.charAt(e):v.placeholder.charAt(0)}function s(e){for(;++e<j&&!b[e];);return e}function h(e,t){var n,a;if(!(e<0)){for(n=e,a=s(t);n<j;n++)if(b[n]){if(!(a<j&&b[n].test(c[a])))break;c[n]=c[a],c[a]=f(a),a=s(a)}d(),o.caret(Math.max(y,e))}}function g(e){p(),o.val()!=r&&o.change()}function m(e,t){var n;for(n=e;n<t&&n<j;n++)b[n]&&(c[n]=f(n))}function d(){o.val(c.join(""))}function p(e){var t,n,a,i=o.val(),r=-1;for(a=t=0;t<j;t++)if(b[t]){for(c[t]=f(t);a++<i.length;)if(n=i.charAt(a-1),b[t].test(n)){c[t]=n,r=t;break}if(a>i.length){m(t+1,j);break}}else c[t]===i.charAt(a)&&a++,t<k&&(r=t);return e?d():r+1<k?v.autoclear||c.join("")===l?(o.val()&&o.val(""),m(0,j)):d():(d(),o.val(o.val().substring(0,r+1))),k?t:y}o.data(R.mask.dataName,function(){return R.map(c,function(e,t){return b[t]&&e!=f(t)?e:null}).join("")}),o.one("unmask",function(){o.off(".mask").removeData(R.mask.dataName)}).on("focus.mask",function(){var e;o.prop("readonly")||(clearTimeout(a),r=o.val(),e=p(),a=setTimeout(function(){o.get(0)===document.activeElement&&(d(),e==t.replace("?","").length?o.caret(0,e):o.caret(e))},10))}).on("blur.mask",g).on("keydown.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode;A=o.val(),8===i||46===i||S&&127===i?(n=(t=o.caret()).begin,(a=t.end)-n==0&&(n=46!==i?function(e){for(;0<=--e&&!b[e];);return e}(n):a=s(n-1),a=46===i?s(a):a),m(n,a),h(n,a-1),e.preventDefault()):13===i?g.call(this,e):27===i&&(o.val(r),o.caret(0,p()),e.preventDefault())}}).on("keypress.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode,r=o.caret();e.ctrlKey||e.altKey||e.metaKey||i<32||!i||13===i||(r.end-r.begin!=0&&(m(r.begin,r.end),h(r.begin,r.end-1)),(t=s(r.begin-1))<j&&(n=String.fromCharCode(i),b[t].test(n))&&(function(e){var t,n,a,i;for(n=f(t=e);t<j;t++)if(b[t]){if(a=s(t),i=c[t],c[t]=n,!(a<j&&b[a].test(i)))break;n=i}}(t),c[t]=n,d(),a=s(t),T?setTimeout(function(){R.proxy(R.fn.caret,o,a)()},0):o.caret(a),r.begin<=x&&u()),e.preventDefault())}}).on("input.mask paste.mask",function(){o.prop("readonly")||setTimeout(function(){var e=p(!0);o.caret(e),u()},0)}),i&&T&&o.off("input.mask").on("input.mask",function(e){var t=o.val(),n=o.caret();if(A&&A.length&&A.length>t.length){for(p(!0);0<n.begin&&!b[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<y&&!b[n.begin];)n.begin++;o.caret(n.begin,n.begin)}else{p(!0);var a=t.charAt(n.begin);n.begin<j&&(b[n.begin]||n.begin++,b[n.begin].test(a)&&n.begin++),o.caret(n.begin,n.begin)}u()}),p()})}})});
-//# sourceMappingURL=/sm/0db8177a53b6eab1363e81af339c3641bb98c7faaf29a367c2094d37f014e37e.map
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -0,0 +1,48 @@
+const homeSwp = new Swiper('.home-swp .swiper', {
+    slidesPerView: 1,
+    spaceBetween: 0,
+    effect: 'fade',
+    loop: true,
+    navigation: {
+        nextEl: '.home-swp__btn-next',
+        prevEl: '.home-swp__btn-prev',
+    }
+})
+
+const textsSwp = new Swiper('.texts-swp .swiper', {
+    slidesPerView: 1,
+    spaceBetween: 0,
+    loop: true,
+    effect: 'fade',
+    navigation: {
+        nextEl: '.texts-swp__next',
+        prevEl: '.texts-swp__prev'
+    },
+    pagination: {
+        el: ".texts-swp__pagination",
+        clickable: true,
+    }
+})
+
+// comment
+let answerbtns = document.querySelectorAll('.answer-btn');
+let answerbtnicons = document.querySelectorAll('.answer-btn svg');
+let answerblocks = document.querySelectorAll('.answer-block');
+
+answerbtns.forEach((answerbtn, index) => {
+    answerbtn.addEventListener('click', () => {
+        let answerbtnicon = answerbtnicons[index];
+        let answerblock = answerblocks[index];
+
+    answerblock.classList.toggle('active');
+    answerbtnicon.classList.toggle('active');
+
+    let buttonText = answerbtn.querySelector('span');
+        if (buttonText.textContent === 'Ответ') {
+            buttonText.textContent = 'Свернуть';
+        } else {
+            buttonText.textContent = 'ответ';
+        }
+    });
+});
+// comment
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -1,42 +0,0 @@
-window.addEventListener('load', function () {
-	const preloader = document.querySelector('#preloader')
-	preloader.classList.add('hidden')
-	setTimeout(function () {
-		preloader.remove()
-	}, 500)
-})
-
-jQuery(document).ready(function () {
-	$('input[type="tel"]').mask('+7 (999) 999-9999')
-})
-
-document.addEventListener('DOMContentLoaded', function () {
-	let modalBg = document.querySelector('#modal__bg')
-	if (modalBg) {
-		let modalBtnAll = document.querySelectorAll('.modal__btn')
-		let modalBtnCloseAll = document.querySelectorAll('.modal__close')
-		for (const modalBtnItem of modalBtnAll) {
-			modalBtnItem.addEventListener('click', function (e) {
-				e.preventDefault()
-				let modalBtnData = this.dataset.modal
-				let modalSection = document.querySelector(
-					'section.modal[data-id=' + modalBtnData + ']'
-				)
-				modalBg.classList.add('opened')
-				modalSection.classList.add('opened')
-			})
-		}
-		modalBg.addEventListener('click', function () {
-			modalBg.classList.remove('opened')
-			document.querySelector('section.modal.opened').classList.remove('opened')
-		})
-		for (const modalBtnCloseItem of modalBtnCloseAll) {
-			modalBtnCloseItem.addEventListener('click', function () {
-				modalBg.classList.remove('opened')
-				document
-					.querySelector('section.modal.opened')
-					.classList.remove('opened')
-			})
-		}
-	}
-})
--- a/author.html
+++ b/author.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+
+        <!-- Link Swiper's CSS -->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
+        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+
+        <div class="wrapper">
+
+            <!-- Header -->
+            <header class="header">
+                <div class="container header-container">
+                    <button class="header-bars">
+                        <img src="./assets/img/bars.svg" alt="">
+                    </button>
+                    <a href="/" class="header-logo">
+                        <img src="./assets/img/logo.svg" alt="">
+                        <span>сosmopet</span>
+                    </a>
+                    <ul class="header-navs">
+                        <li>
+                            <a href="#" class="header-navs__link">ГЛАВНАЯ</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">О COSMOPET</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">БЛОГ</a>
+                        </li>
+                        <li class="header-accordion">
+                            <div class="header-accordion__btn">
+                                <span>ПРОДУКЦИЯ</span>
+                                <img src="./assets/img/arrow-down.svg" alt="">
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="header-right">
+                        <div class="header-lang">
+                            <div class="header-lang__btn">
+                                <span>RU</span>
+                                <img src="./assets/img/arrow-down.svg" alt="">
+                            </div>
+                        </div>
+                        <a href="#">
+                            <img src="./assets/img/user-icon.svg" alt="">
+                        </a>
+                        <a href="#">
+                            <img src="./assets/img/basket-icon.svg" alt="">
+                        </a>
+                    </div>
+                </div>
+            </header>
+            <!-- Header end -->
+
+            <main>
+
+                <!-- Breadcrumb -->
+                <section class="breadcrumb">
+                    <div class="container">
+                        <a href="#">Главная</a> /
+                        <a href="#">Блог</a> /
+                        <a href="#">Имя Фамилия</a>
+                    </div>
+                </section>
+                <!-- Breadcrumb end -->
+
+                <!-- Authors block -->
+                <section class="author">
+                    <div class="container">
+                        <div class="author-content">
+                            <div class="main-img">
+                                <img src="./assets/img/author-main-card.png" alt="">
+                            </div>
+                            <div>
+                                <div class="author-name">АвТОР АВТОР 1</div>
+                                <div class="author-type">главный редактор</div>
+                                <div class="author-description">Эксперт компании Cosmopet</div>
+                                <p>статей: 10</p>
+                            </div>
+                        </div>
+                        <h2>ЗАГОЛОВОК 1 </h2>
+                    </div>
+                </section>
+                <!-- Authors block end -->
+
+            </main>
+
+            <!-- Footer -->
+            <footer class="footer">
+                <div class="container">
+                    <div class="footer-top">
+                        <div class="footer-content__wrap">
+                            <div class="footer-content">
+                                <a href="/" class="logo">
+                                    <img src="./assets/img/logo-green.svg" alt="">
+                                    <span>сosmopet</span>
+                                </a>
+                                <p class="footer-content__address">
+                                    123182 г. Москва, <br>
+                                    4-й Красногорский пр., <br>
+                                    д. 2/4, стр. 1, этаж/ком. 3/1
+                                </p>
+                                <ul>
+                                    <li>
+                                        <p>Отзывы и предложения</p>
+                                        <a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
+                                    </li>
+                                    <li>
+                                        <p>Заявки для оптовых покупателей</p>
+                                        <a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
+                                    </li>
+                                    <li>
+                                        <p>Связь с ветеринаром</p>
+                                        <a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="footer-top__link">
+                                <a href="#" class="link-black">Чат бот с ветеринаром</a>
+                                <a href="#" class="link-white">Калькулятор рациона</a>
+                            </div>
+                        </div>
+                        <form class="footer-contact">
+                            <h3 class="footer-contact__title">Форма обратной связи</h3>
+                            <input type="text" placeholder="Ваше имя" class="form-inp">
+                            <input type="email" placeholder="Эл.почта" class="form-inp">
+                            <textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
+                            <button class="footer-contact__submit" type="submit">Отправить</button>
+                        </form>
+                    </div>
+                    <div class="footer-bottom">
+                        <ul class="footer-network">
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-1.svg" alt="">
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-2.svg" alt="">
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-3.svg" alt="">
+                                </a>
+                            </li>
+                        </ul>
+                        <a href="#">Соглашение о конфиденциальности</a>
+                        <a href="#">Декларация соответствия корма</a>
+                        <a href="#">Декларация соответствия лакомств</a>
+                    </div>
+                </div>
+            </footer>
+            <!-- Footer end -->
+        
+        </div>
+
+        <!-- Swiper JS -->
+        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+        <script src="./assets/js/main.js"></script>
+    </body>
+</html>
--- a/authors.html
+++ b/authors.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SEO title</title>
+        <meta name="description" content="SEO Description">
+        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
+
+        <!-- Link Swiper's CSS -->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
+        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
+    
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->
+
+        <!-- Yandex.Metrika counter -->
+        <script type="text/javascript">
+            (function (m, e, t, r, i, k, a) {
+                m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
+                m[i].l = 1 * new Date();
+                for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
+                k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
+            })
+                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
+                clickmap: true,
+                trackLinks: true,
+                accurateTrackBounce: true,
+                webvisor: true,
+                ecommerce: "dataLayer"
+            });
+        </script>
+        <noscript>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
+        </noscript>
+        <!-- /Yandex.Metrika counter -->
+    
+    
+    </head>
+    <body>
+
+        <div class="wrapper">
+
+            <!-- Header -->
+            <header class="header">
+                <div class="container header-container">
+                    <button class="header-bars">
+                        <img src="./assets/img/bars.svg" alt="">
+                    </button>
+                    <a href="/" class="header-logo">
+                        <img src="./assets/img/logo.svg" alt="">
+                        <span>сosmopet</span>
+                    </a>
+                    <ul class="header-navs">
+                        <li>
+                            <a href="#" class="header-navs__link">ГЛАВНАЯ</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">О COSMOPET</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
+                        </li>
+                        <li>
+                            <a href="#" class="header-navs__link">БЛОГ</a>
+                        </li>
+                        <li class="header-accordion">
+                            <div class="header-accordion__btn">
+                                <span>ПРОДУКЦИЯ</span>
+                                <img src="./assets/img/arrow-down.svg" alt="">
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="header-right">
+                        <div class="header-lang">
+                            <div class="header-lang__btn">
+                                <span>RU</span>
+                                <img src="./assets/img/arrow-down.svg" alt="">
+                            </div>
+                        </div>
+                        <a href="#">
+                            <img src="./assets/img/user-icon.svg" alt="">
+                        </a>
+                        <a href="#">
+                            <img src="./assets/img/basket-icon.svg" alt="">
+                        </a>
+                    </div>
+                </div>
+            </header>
+            <!-- Header end -->
+
+            <main>
+
+                <!-- Breadcrumb -->
+                <section class="breadcrumb">
+                    <div class="container">
+                        <a href="#">Главная</a> /
+                        <a href="#">Блог</a> /
+                        <a href="#">Наши авторы</a>
+                    </div>
+                </section>
+                <!-- Breadcrumb end -->
+
+                <!-- Authors block -->
+                <section class="authors">
+                    <div class="container">
+                        <h2>Все авторы</h2>
+                        <ul>
+                            <li>
+                                <a href="./author.html">
+                                    <div class="main-img">
+                                        <img src="./assets/img/author-1.png" alt="">
+                                    </div>
+                                    <div class="authors-name">АвТОР АВТОР 1</div>
+                                    <div class="authors-type">главный редактор</div>
+                                    <p>статей: 10</p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="./author.html">
+                                    <div class="main-img">
+                                        <img src="./assets/img/author-2.png" alt="">
+                                    </div>
+                                    <div class="authors-name">АвТОР АВТОР 2</div>
+                                    <div class="authors-type">редактор</div>
+                                    <p>статей: 3</p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="./author.html">
+                                    <div class="main-img">
+                                        <img src="./assets/img/author-3.png" alt="">
+                                    </div>
+                                    <div class="authors-name">АвТОР АВТОР 3</div>
+                                    <div class="authors-type">технолог</div>
+                                    <p>статей: 2</p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="./author.html">
+                                    <div class="main-img">
+                                        <img src="./assets/img/author-4.png" alt="">
+                                    </div>
+                                    <div class="authors-name">АвТОР АВТОР 4</div>
+                                    <div class="authors-type">охранник</div>
+                                    <p>статей: 100</p>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="./author.html">
+                                    <div class="main-img">
+                                        <img src="./assets/img/author-5.png" alt="">
+                                    </div>
+                                    <div class="authors-name">АвТОР АВТОР 5</div>
+                                    <div class="authors-type">вольный хлебопашец</div>
+                                    <p>статей: 2</p>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </section>
+                <!-- Authors block end -->
+
+            </main>
+
+            <!-- Footer -->
+            <footer class="footer">
+                <div class="container">
+                    <div class="footer-top">
+                        <div class="footer-content__wrap">
+                            <div class="footer-content">
+                                <a href="/" class="logo">
+                                    <img src="./assets/img/logo-green.svg" alt="">
+                                    <span>сosmopet</span>
+                                </a>
+                                <p class="footer-content__address">
+                                    123182 г. Москва, <br>
+                                    4-й Красногорский пр., <br>
+                                    д. 2/4, стр. 1, этаж/ком. 3/1
+                                </p>
+                                <ul>
+                                    <li>
+                                        <p>Отзывы и предложения</p>
+                                        <a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
+                                    </li>
+                                    <li>
+                                        <p>Заявки для оптовых покупателей</p>
+                                        <a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
+                                    </li>
+                                    <li>
+                                        <p>Связь с ветеринаром</p>
+                                        <a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="footer-top__link">
+                                <a href="#" class="link-black">Чат бот с ветеринаром</a>
+                                <a href="#" class="link-white">Калькулятор рациона</a>
+                            </div>
+                        </div>
+                        <form class="footer-contact">
+                            <h3 class="footer-contact__title">Форма обратной связи</h3>
+                            <input type="text" placeholder="Ваше имя" class="form-inp">
+                            <input type="email" placeholder="Эл.почта" class="form-inp">
+                            <textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
+                            <button class="footer-contact__submit" type="submit">Отправить</button>
+                        </form>
+                    </div>
+                    <div class="footer-bottom">
+                        <ul class="footer-network">
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-1.svg" alt="">
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-2.svg" alt="">
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#">
+                                    <img src="./assets/img/footer-network-3.svg" alt="">
+                                </a>
+                            </li>
+                        </ul>
+                        <a href="#">Соглашение о конфиденциальности</a>
+                        <a href="#">Декларация соответствия корма</a>
+                        <a href="#">Декларация соответствия лакомств</a>
+                    </div>
+                </div>
+            </footer>
+            <!-- Footer end -->
+        
+        </div>
+
+        <!-- Swiper JS -->
+        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+        <script src="./assets/js/main.js"></script>
+    </body>
+</html>
--- a/index.html
+++ b/index.html
@@ -1,20 +1,29 @@
 <!DOCTYPE html>
 <html lang="ru">
-
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Строительный кирпич напрямую от производителя в Томске | Вектор</title>
+        <title>SEO title</title>
        <meta name="description" content="SEO Description">
-  <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
+        <link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">

-  <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
-  <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Сбрасываем глобальные стили -->
+        <link rel="stylesheet" href="/assets/css/normalize.min.css">
+        <link rel="stylesheet" href="/assets/css/reset.min.css">
+        <!-- Базовые стили -->
+        <link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
+        <link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
+        <!-- Адаптив -->
+        <link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
+        <link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
    
-  <link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
-  <link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
+
+        <!-- Яндекс.Вебмастер + Google Search Console -->
+        <meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
+        <meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
+        <!-- /Яндекс.Вебмастер + Google Search Console -->

        <!-- Yandex.Metrika counter -->
        <script type="text/javascript">
@@ -26,194 +35,38 @@
            })
                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

-    ym(98435636, "init", {
+            ym(XXXXXX, "init", { // XXXXXX - счетчик
                clickmap: true,
                trackLinks: true,
                accurateTrackBounce: true,
-      webvisor: true
+                webvisor: true,
+                ecommerce: "dataLayer"
            });
        </script>
        <noscript>
-    <div><img src="https://mc.yandex.ru/watch/98435636" style="position:absolute; left:-9999px;" alt="" /></div>
+            <div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
        </noscript>
        <!-- /Yandex.Metrika counter -->
    
    
-
    </head>
-
    <body>
-  <div id="preloader" class="preloader">
-    <div class="preloader__icon">
-    </div>
-  </div>
-  <header class="header">
-    <div class="header__container container flex flex-ac flex-jcsb">
-      <div class="header__logo flex flex-ac gap-24">
-        <img src="assets/img/logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
-        <p>Продажа строительных материалов в&nbsp;Томске</p>
-      </div>
-      <div class="header__contacts flex flex-ac gap-42">
-        <div class="header__socials flex flex-ac gap-10">
-          <a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
-            <img src="assets/img/tg.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
-          </a>
-          <a href="https://wa.me/+79234352557" target="_blank" class="header__socials-link">
-            <img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
-          </a>
-        </div>
-        <a href="tel:83822995831" class="header__tel" title="Позвоните нам">
-          <p>8 (3822) 99 58 31</p>
-        </a>
-        <button class="btn btn-small modal__btn" data-modal="request">
-          <p>Заказать звонок</p>
-        </button>
-      </div>
-    </div>
-  </header>
-  <main>
-    <section class="section hero">
-      <div class="section__container container">
-        <div class="hero__content">
-          <div class="hero__leftside">
-            <div class="hero__title">
-              <h1><b>Строительный кирпич в&nbsp;Томске</b> напрямую от производителя <span>от 24,88 ₽/шт.</span></h1>
-            </div>
-            <div class="hero__desc">
-              <p>
-                <img src="assets/img/i-volume.svg" width="28" height="28" alt="Любой объем">
-                Любой объем
-              </p>
-              <p>
-                <img src="assets/img/i-delivery.svg" width="28" height="28" alt="Доставим за 2 дня">
-                Доставим за 2 дня
-              </p>
-            </div>
-          </div>
-          <div class="hero__rightside">
-            <div class="hero__form">
-              <div class="hero__price-header">
-                <span>
-                  <p><b>Только до 30.09</b> розница по&nbsp;оптовым ценам</p>
-                </span>
-              </div>
-              <div class="hero__form-title">
-                <p><b>Оставьте заявку</b>, чтобы узнать цену и&nbsp;зафиксировать скидку</p>
-              </div>
-              <div class="hero__form-action">
-                <form class="generalform" id="generalform" action="">
-                  <select name="quantity" id="quantity" required>
-                    <option value disabled selected>Укажите количество</option>
-                    <option value="1-5 м3">1-5 м3</option>
-                    <option value="5-10 м3">5-10 м3</option>
-                    <option value="10-50 м3">10-50 м3</option>
-                    <option value="50-100 м3">50-100 м3</option>
-                    <option value="Более 100 м3">Более 100 м3</option>
-                  </select>
-                  <input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required>
-                  <button class="btn btn-big">Забронировать стоимость</button>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="hero__advantages">
-          <div class="hero__advantages-item">
-            <div class="hero__advantages-icon">
-              <img src="assets/img/advantages_icon1.svg" width="40" height="40" alt="Гарантия 50 лет">
-            </div>
-            <p>Гарантия 50 лет</p>
-          </div>
-          <div class="hero__advantages-item">
-            <div class="hero__advantages-icon">
-              <img src="assets/img/advantages_icon2.svg" width="40" height="40" alt="Выгрузка кран/манипулятор">
-            </div>
-            <p>Выгрузка с помощью крана</p>
-          </div>
-          <div class="hero__advantages-item">
-            <div class="hero__advantages-icon">
-              <img src="assets/img/advantages_icon3.svg" width="40" height="40"
-                alt="Доставка от 1го дня по Томску и области до вашего объекта">
-            </div>
-            <p>Соответствует ГОСТ</p>
-          </div>
-          <div class="hero__advantages-item">
-            <div class="hero__advantages-icon">
-              <img src="assets/img/advantages_icon4.svg" width="38" height="38"
-                alt="Большой ассортимент всегда в наличии">
-            </div>
-            <p>Большой ассортимент всегда&nbsp;в&nbsp;наличии</p>
-          </div>
-        </div>
-      </div>
-    </section>
-  </main>
-  <footer class="footer">
-    <div class="footer__container container">
-      <div class="footer__top">
-        <div class="footer__logo flex flex-ac gap-24">
-          <img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
-          <p>Продажа строительных материалов в&nbsp;Томске</p>
-        </div>
-        <div class="footer__address">
-          <p>г. Томск ул. Карла Маркса 63</p>
-        </div>
-        <div class="footer__contacts">
-          <a href="tel:+79234352557" class="footer__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
-          <div class="footer__socials flex flex-ac gap-10">
-            <a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
-              <img src="assets/img/tg-white.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
-            </a>
-            <a href="https://wa.me/+79234352557" target="_blank" class="footer__socials-link">
-              <img src="assets/img/wh-white.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
-            </a>
-          </div>
-        </div>
-      </div>
-      <div class="footer__bottom">
-        <p>© VEKTOR.RU Все права защищены</p>
-        <a href="#" target="_blank">Политика конфиденциальности</a>
-        <a href="#" class="modal__btn" data-modal="bank">Реквизиты компании</a>
-      </div>
-    </div>
-  </footer>
-  <section class="modal" data-id="request">
-    <div class="modal__close"></div>
-    <div class="modal__content">
-      <div class="modal__title">
-        <p><b>Перезвоним в&nbsp;течении 5 минут</b> и&nbsp;ответим на все&nbsp;вопросы</p>
-      </div>
-      <div class="modal__form" id="modalform">
-        <form action="" id="request">
-          <input type="text" id="request_name" name="request_name" value="" placeholder="Введите имя" required="">
-          <input type="tel" id="request_tel" name="request_tel" value="" placeholder="+7 (___) ___-____" required="">
-          <button class="btn btn-big">Оставить заявку</button>
-        </form>
-      </div>
-    </div>
-  </section>
-  <section class="modal" data-id="success">
-    <div class="modal__close"></div>
-    <div class="modal__content">
-      <div class="modal__title">
-        <p><b>Спасибо за обращение!</p>
-      </div>
-      <p style="text-align:center;">Наш специалист свяжется с вами в ближайшее рабочее время</p>
-    </div>
-  </section>
-  <section class="modal" data-id="bank">
-    <div class="modal__close"></div>
-    <div class="modal__content">
-      <span>Реквизиты компании:</span>
-      <p>ИП Созыкина Лариса Александровна</p>
-      <p>701404455332</p>
-      <p>г. Томск ул. Карла Маркса 63</p>
-    </div>
-  </section>
-  <div id="modal__bg"></div>
-</body>
-<script defer src="assets/js/jquery.maskedinput.min.js"></script>
-<script defer src="assets/js/script.js"></script>
-<script defer src="send/ajax.js"></script>

+        
+        <!-- Пример формы для отправки в Телеграмм (обработчик send-telegram.php) -->
+        <form class="form" method="post" action="/send-telegram.php">
+            <div class="form__item">
+                <input class="form__input" type="text" name="name" required>
+                <label class="form__label">Ваше имя</label>
+            </div>
+            <div class="form__item">
+                <input class="form__input" type="text" name="phone" required>
+                <label class="form__label">Номер телефона</label>
+            </div>
+            <input class="form__input btn" type="submit" value="Отправить">
+        </form>
+
+
+        <script src="/assets/js/gp-main.js"></script>
+    </body>
 </html>
--- a/send-telegram.php
+++ b/send-telegram.php
@@ -0,0 +1,38 @@
+<?php
+/* Пример из: https://vc.ru/dev/158136-kak-otpravlyat-zayavki-s-lendinga-pryamo-v-telegram */
+
+
+//В переменную $token нужно вставить токен, который нам прислал @botFather
+$token = "1094153697:AAFiLXXXXXLl0hRDsxBij1lddKydKxSSsOg04";
+
+//Сюда вставляем chat_id
+$chat_id = "-40XXXX740";
+
+//Определяем переменные для передачи данных из нашей формы
+if ($_POST['phone'] !== '') {
+    $name = ($_POST['name']);
+    $phone = ($_POST['phone']);
+
+    //Собираем в массив то, что будет передаваться боту
+    $arr = array(
+        'Имя:' => $name,
+        'Телефон:' => $phone
+    );
+
+    //Настраиваем внешний вид сообщения в телеграме
+    foreach($arr as $key => $value) {
+        $txt .= "<b>".$key."</b> ".$value."%0A";
+    };
+
+    //Передаем данные боту
+    $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
+
+    //Выводим сообщение об успешной отправке
+    if ($sendToTelegram) {
+        echo 'Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее время.';
+    }else{
+        echo 'Что-то пошло не так. Попробуйте отправить форму ещё раз.';
+    }
+}
+
+?>
--- a/send/ajax.js
+++ b/send/ajax.js
@@ -1,29 +0,0 @@
-jQuery(document).ready(function () {
-	jQuery('form').submit(function () {
-		var formID = jQuery(this).attr('id')
-		var formNm = jQuery('#' + formID)
-		formNm.addClass('sending')
-		jQuery.ajax({
-			type: 'POST',
-			url: 'send/send.php',
-			data: formNm.serialize(),
-			dataType: 'json',
-			success: function (data, jqXHR) {
-				if (data.result == 'success') {
-					setTimeout(() => {
-						formNm.removeClass('sending')
-						jQuery('section.modal.opened').removeClass('opened')
-						jQuery('#modal__bg').addClass('opened')
-						jQuery('section.modal[data-id="success"]').addClass('opened')
-					}, 1000)
-				}
-			},
-			error: function (jqXHR, text, error) {
-				console.log('ошибка')
-				console.log(jqXHR)
-				console.log(error)
-			},
-		})
-		return false
-	})
-})
--- a/send/phpmailer/Exception.php
+++ b/send/phpmailer/Exception.php
@@ -1,40 +0,0 @@
-<?php
-
-/**
- * PHPMailer Exception class.
- * PHP Version 5.5.
- *
- * @see       https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
- *
- * @author    Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
- * @author    Jim Jagielski (jimjag) <jimjag@gmail.com>
- * @author    Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
- * @author    Brent R. Matzelle (original founder)
- * @copyright 2012 - 2020 Marcus Bointon
- * @copyright 2010 - 2012 Jim Jagielski
- * @copyright 2004 - 2009 Andy Prevost
- * @license   http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
- * @note      This program is distributed in the hope that it will be useful - WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE.
- */
-
-namespace PHPMailer\PHPMailer;
-
-/**
- * PHPMailer exception handler.
- *
- * @author Marcus Bointon <phpmailer@synchromedia.co.uk>
- */
-class Exception extends \Exception
-{
-    /**
-     * Prettify error message output.
-     *
-     * @return string
-     */
-    public function errorMessage()
-    {
-        return '<strong>' . htmlspecialchars($this->getMessage(), ENT_COMPAT | ENT_HTML401) . "</strong><br />\n";
-    }
-}
--- a/send/phpmailer/PHPMailer.php
+++ b/send/phpmailer/PHPMailer.php
--- a/send/phpmailer/SMTP.php
+++ b/send/phpmailer/SMTP.php
--- a/send/send.php
+++ b/send/send.php
@@ -1,73 +0,0 @@
-<?php
-
-// ini_set('display_errors', 1);
-// error_reporting(E_ALL);
-
-require 'phpmailer/PHPMailer.php';
-require 'phpmailer/SMTP.php';
-require 'phpmailer/Exception.php';
-
-  if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
-      
-          $mail = new PHPMailer\PHPMailer\PHPMailer();
-          $mail->SMTPDebug = 0;
-
-          // $mail->isSMTP();
-          $mail->SMTPAuth = true;
-          $mail->CharSet = 'utf-8';
-
-          $mail->Host = 'mail.hosting.reg.ru';
-          $mail->Username = 'admin@dezhub.ru';
-          $mail->Password = 'vM7hA0vS0qmL1qQ4';
-          $mail->SMTPSecure = 'tls';
-          $mail->Port = 587;
-
-          // $mail->setFrom('noreply@vectortomsk.ru', 'Вектор');
-          $mail->setFrom('noreply@ledoffsky.agency', 'Вектор');
-
-          $mailAddress = 'kosbelan@yandex.ru';
-          $mail->addAddress($mailAddress);
-
-          $message = '';
-          foreach($_POST as $key => $value) {
-            preg_match("/name/", $key, $match);
-            if (strpos($key, 'name') !== false) {
-              $key = 'Имя:';
-            }
-            if (strpos($key, 'tel') !== false) {
-              $key = 'Номер телефона:';
-            }
-            if (strpos($key, 'types') !== false) {
-              $key = 'Тип блока:';
-            }
-            if (strpos($key, 'quantity') !== false) {
-              $key = 'Количество:';
-            }
-            if( empty($value) ) {
-              $key = '';
-              $value = '';
-            }
-
-            $message .= "<tr><td style='background:#f5f5f5;border-radius:10px;'><b>".$key."</b></td><td>".$value."</td></tr>";
-          };
-
-          $body = '
-            <table cellpadding="10" cellspacing="5" style="border:1px solid #ebebeb;border-radius:10px;">
-            <tbody>
-              '. $message .'
-            </tbody>
-            </table>
-            <p>Отправлено с сайта: <a href="https://vectortomsk.ru/">Вектор</a></p>
-          ';
-
-          $mail->isHTML(true);
-
-          $mail->Subject = 'Заявка с сайта Вектор';
-          $mail->Body    = $body;
-
-          if($mail->send()){
-            echo json_encode(array('result' => 'success'));
-          }
-          
-  }
-?>
--- a/ui_kit.html
+++ b/ui_kit.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UI kit</title>
+    <link rel="stylesheet" type="text/css" href="/assets/css/style-core.css">
+</head>
+<style>
+    /* Стили для выравнивания UI-элеметнов для данной страницы */
+    .ui__ui-wrapper{
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        grid-column-gap: 30px;
+        grid-row-gap: 30px;
+        width: 100vw;
+        min-height: 100vh;
+    }
+
+    .ui,
+    .ui__item{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    /* ВСЕ ОСТАЛЬНЫЕ СТИЛИ ПИШЕМ В style-core.css!!! */
+</style>
+<body class="ui">
+    <div class="ui__ui-wrapper">
+        <div class="ui__item"></div>
+        <div class="ui__item"></div>
+        <div class="ui__item"></div>
+        <!-- ... -->
+        <div class="ui__item"></div>
+    </div>
+</body>
+</html>
Author	SHA1	Message	Date
Mavlon4658	942c9a0896	author pages are ready	2025-04-07 20:56:37 +05:00
Mavlon4658	6f1ca3924c	author pages are ready	2025-04-07 20:30:39 +05:00
GP	e67ea16299	Update readme and add normilize.css + reset.css	2025-01-26 01:44:04 +03:00
Максим Максимов	d8f89ad9a9	Добавил частую ошибку - формат изображений не зафиксирован	2025-01-10 11:12:00 +00:00
Максим Максимов	043a617c87	Добавил уточнение, что надо качать только ветку master или with-phpmailer	2024-12-24 12:30:53 +00:00