diff --git a/assets/css/globals.css b/assets/css/globals.css
index c3e70c03..6cd27a4f 100644
--- a/assets/css/globals.css
+++ b/assets/css/globals.css
@@ -34,4 +34,13 @@ main hr {
 
 main h2 {
   font-size: 27px;
+}
+
+[data-pc-section="input"] {
+  -webkit-appearance: auto !important;
+}
+
+[data-pc-name="radiobutton"] {
+  display: flex;
+  align-items: center;
 }
\ No newline at end of file
diff --git a/assets/css/variables.css b/assets/css/variables.css
index 38f5c2c5..81bc8645 100644
--- a/assets/css/variables.css
+++ b/assets/css/variables.css
@@ -8,4 +8,5 @@
   --primary-color-hover: #4d9900;
 
   --input-shadow: 0px 0px #0000, 0px 0px #0000, 0px 1px 2px 0px rgba(18,18,23,0.05);
+  --app-bar-height: 80px;
 }
diff --git a/common/constants.ts b/common/constants.ts
new file mode 100644
index 00000000..b17294b3
--- /dev/null
+++ b/common/constants.ts
@@ -0,0 +1,5 @@
+export enum ArticleType {
+    WithoutSubCategories,
+    WithSubCategories,
+    SubCategory,
+}
\ No newline at end of file
diff --git a/components/Article.vue b/components/Article.vue
new file mode 100644
index 00000000..2843e87d
--- /dev/null
+++ b/components/Article.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import dayjs from 'dayjs';
+import 'dayjs/locale/ru';
+
+defineProps<{ title: string; cover: string; url: string; date: string; }>();
+</script>
+
+<template>
+  <NuxtLink :to="url" class="article">
+    <NuxtImg
+      :src="cover"
+      class="article-cover"
+      loading="lazy"
+      :alt="title"
+    />
+    <div>
+      <h4 class="article-title">{{ title }}</h4>
+      <time :datetime="date" class="article-date">{{ dayjs(date).locale('ru').format('D MMMM YYYY') }}</time>
+    </div>
+  </NuxtLink>
+</template>
+
+<style scoped>
+.article {
+  text-decoration: none;
+
+  @media (min-width: 460px) and (max-width: 940px) {
+    display: flex;
+    gap: 12px;
+  }
+}
+
+.article:hover .article-title {
+  color: var(--link-color);
+}
+
+.article-cover {
+  width: 100%;
+  height: 160px;
+  border-radius: 12px;
+  text-decoration: none;
+  object-fit: cover;
+  border: 1px solid var(--gray-color);
+
+  @media (min-width: 400px) and (max-width: 940px) {
+    width: 220px;
+    height: auto;
+  }
+
+  @media (max-width: 460px) {
+    width: 100%;
+    height: 160px;
+  }
+}
+
+.article-title {
+  margin: 6px 0 12px;
+  font-weight: bold;
+  color: var(--text-color);
+}
+
+.article-date {
+  font-size: 16px;
+  color: var(--text-color);
+}
+</style>
\ No newline at end of file
diff --git a/components/Map.vue b/components/Map.vue
index 14c1398e..510cf968 100644
--- a/components/Map.vue
+++ b/components/Map.vue
@@ -42,7 +42,9 @@ const scrollToElement = (title: string) => {
         </LIcon>
         <LPopup>
           <NuxtImg :src="item.logo" class="partner-logo" />
-          <strong class="map-detailsLink" @click="scrollToElement(item.title as string)">{{ item.title }}</strong>
+          <strong class="map-detailsLink" @click="scrollToElementById(slug(item.title as string))">
+            {{ item.title }}
+          </strong>
         </LPopup>
       </LMarker>
       <LTileLayer
diff --git a/components/SelectButton.vue b/components/SelectButton.vue
new file mode 100644
index 00000000..52ed3e0f
--- /dev/null
+++ b/components/SelectButton.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import SelectButton from 'primevue/selectbutton';
+
+defineProps<{ options: string[]; }>();
+
+const model = defineModel();
+
+const change = ({ value }) => {
+  if (!value) {
+    const reValue = model.value;
+    setTimeout(() => {
+      model.value = reValue;
+    });
+  }
+};
+</script>
+
+<template>
+  <SelectButton v-model="model" :options="options" @change="change" />
+</template>
+
+<style>
+[data-pc-name="selectbutton"] {
+  display: inline-flex;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+[data-pc-name="pcbutton"] {
+  font-family: 'Plumb', sans-serif;
+  border-radius: 1px;
+  white-space: nowrap;
+  position: relative;
+  font-size: 16px;
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  color: var(--text-color);
+  background: var(--gray-color);
+  padding: 7px 14px;
+  border: 0;
+}
+
+[data-pc-name="pcbutton"]:hover {
+  color: #0f172a;
+}
+
+[data-pc-name="pcbutton"][data-p-checked="true"] {
+  z-index: 1;
+  color: #0f172a;
+}
+
+[data-pc-name="pcbutton"][data-p-checked="true"]::before {
+  content: "";
+  background: #fff;
+  z-index: -1;
+  position: absolute;
+  left: 4px;
+  top: 4px;
+  width: calc(100% - 8px);
+  height: calc(100% - 8px);
+  border-radius: 6px;
+  box-shadow: 0 0 3px #cacaca;
+}
+</style>
\ No newline at end of file
diff --git a/components/content/Partner.vue b/components/content/Partner.vue
index 1aa2b1d7..54d01a65 100644
--- a/components/content/Partner.vue
+++ b/components/content/Partner.vue
@@ -62,7 +62,7 @@ const formatPhoneNumber = (phone: number) => {
 .partner-title {
   margin: 0;
   font-size: 22px;
-  scroll-margin-top: 144px;
+  scroll-margin-top: calc(var(--app-bar-height) + 64px);
 }
 
 .partner-contacts {
diff --git a/content/ru/_articles/educational/3rd_party_devices/blinds_with_alice.md b/content/ru/_articles/educational/3rd_party_devices/blinds_with_alice.md
new file mode 100644
index 00000000..4a9f95c0
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/blinds_with_alice.md
@@ -0,0 +1,8 @@
+---
+title: Подключаем шторы Akko и Dooya к Алисе и Apple Home
+url: https://comf.life/podklyuchaem-shtory-k-alise-i-apple-home-privody-akko-dm35eq-x-i-am82tv.html
+cover: /img/articles/educational/3rd_party_devices/blinds_with_alice.webp
+date: 2023-01-18
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/leaving_from_aqara.md b/content/ru/_articles/educational/3rd_party_devices/leaving_from_aqara.md
new file mode 100644
index 00000000..1088efe4
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/leaving_from_aqara.md
@@ -0,0 +1,8 @@
+---
+title: Слезаем с облачной иглы Aqara и подключаем устройства к WB
+url: https://habr.com/ru/companies/wirenboard/articles/710177/
+cover: /img/articles/educational/3rd_party_devices/leaving_from_aqara.jpg
+date: 2023-01-12
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/meteo_fishing.md b/content/ru/_articles/educational/3rd_party_devices/meteo_fishing.md
new file mode 100644
index 00000000..361748dc
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/meteo_fishing.md
@@ -0,0 +1,8 @@
+---
+title: 'Рыбачим в эфире: метеостанция, номер борта самолёта, звонок'
+url: https://habr.com/ru/companies/wirenboard/articles/793268/
+cover: /img/articles/educational/3rd_party_devices/meteo_fishing.jpg
+date: 2024-02-13
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/redmond_teapot.md b/content/ru/_articles/educational/3rd_party_devices/redmond_teapot.md
new file mode 100644
index 00000000..84bf8240
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/redmond_teapot.md
@@ -0,0 +1,8 @@
+---
+title: Путь от глупого чайника Redmond к умному
+url: https://sprut.ai/article/put-ot-glupogo-chaynika-k-umnomu-redmond
+cover: /img/articles/educational/3rd_party_devices/redmond_teapot.png
+date: 2022-10-31
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/varman_qtherm.md b/content/ru/_articles/educational/3rd_party_devices/varman_qtherm.md
new file mode 100644
index 00000000..8089b9db
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/varman_qtherm.md
@@ -0,0 +1,8 @@
+---
+title: Подключение конвектора Varman Qtherm
+url: https://comf.life/podklyuchenie-konvektora-varmann-v-umnyj-dom-apple-home-alisa.html
+cover: /img/articles/educational/3rd_party_devices/varman_qtherm.webp
+date: 2022-12-30
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/vizit_intercom.md b/content/ru/_articles/educational/3rd_party_devices/vizit_intercom.md
new file mode 100644
index 00000000..afe79045
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/vizit_intercom.md
@@ -0,0 +1,8 @@
+---
+title: Управление домофоном Визит с Wiren Board
+url: https://sprut.ai/article/put-ot-glupogo-chaynika-k-umnomu-redmond
+cover: /img/articles/educational/3rd_party_devices/vizit_intercom.jpg
+date: 2022-06-05
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/3rd_party_devices/wireless_akko_dooya.md b/content/ru/_articles/educational/3rd_party_devices/wireless_akko_dooya.md
new file mode 100644
index 00000000..9acfbf4c
--- /dev/null
+++ b/content/ru/_articles/educational/3rd_party_devices/wireless_akko_dooya.md
@@ -0,0 +1,8 @@
+---
+title: Беспроводное подключение штор Akko и Dooya
+url: https://smarttone.ru/blog/wiren-board-rf-blinds-dooya/
+cover: /img/articles/educational/3rd_party_devices/wireless_akko_dooya.png
+date: 2022-03-24
+category: educational
+sub_category: 3rd_party_devices
+---
diff --git a/content/ru/_articles/educational/beginners/budget_smart_home.md b/content/ru/_articles/educational/beginners/budget_smart_home.md
new file mode 100644
index 00000000..c054bd36
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/budget_smart_home.md
@@ -0,0 +1,8 @@
+---
+title: Как собрать бюджетный умный дом. Общие принципы проектирования
+url: https://habr.com/ru/companies/wirenboard/articles/764778/
+cover: /img/articles/educational/beginners/budget_smart_home.jpg
+date: 2023-10-03
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/dark_room_scenario.md b/content/ru/_articles/educational/beginners/dark_room_scenario.md
new file mode 100644
index 00000000..19e8d264
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/dark_room_scenario.md
@@ -0,0 +1,9 @@
+---
+title: Как устроен сценарий «Темная комната»
+url: https://comf.life/bolshoj-obzor-scenarij-temnaya-komnata.html
+cover: /img/articles/educational/beginners/dark_room_scenario.jpg
+date: 2022-08-04
+category: educational
+sub_category: beginners
+---
+``
\ No newline at end of file
diff --git a/content/ru/_articles/educational/beginners/electrical_panel.md b/content/ru/_articles/educational/beginners/electrical_panel.md
new file mode 100644
index 00000000..1080fa93
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/electrical_panel.md
@@ -0,0 +1,8 @@
+---
+title: Сборка электрического щита на Wiren Board 6
+url: https://sprut.ai/article/sborka-el-shchita-na-wiren-board-6-v-tom-chisle-silovaya-chast
+cover: /img/articles/educational/beginners/electrical_panel.webp
+date: 2020-02-18
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/from_aqara_to_wb.md b/content/ru/_articles/educational/beginners/from_aqara_to_wb.md
new file mode 100644
index 00000000..0bfee455
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/from_aqara_to_wb.md
@@ -0,0 +1,8 @@
+---
+title: Слезаем с облачной иглы Aqara и подключаем устройства к WB
+url: https://habr.com/ru/companies/wirenboard/articles/710177/
+cover: /img/articles/educational/beginners/from_aqara_to_wb.jpg
+date: 2023-01-12
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/hardware_selection.md b/content/ru/_articles/educational/beginners/hardware_selection.md
new file mode 100644
index 00000000..febaa6cd
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/hardware_selection.md
@@ -0,0 +1,9 @@
+---
+title: Подбор оборудования Wiren Board и проектирование системы
+url: https://home-matic.ru/2020/09/wirenboard_podbor_oborudovania/
+cover: /img/articles/educational/beginners/hardware_selection.jpg
+date: 2020-09-04
+category: educational
+sub_category: beginners
+---
+``
\ No newline at end of file
diff --git a/content/ru/_articles/educational/beginners/hmi_from_tablet.md b/content/ru/_articles/educational/beginners/hmi_from_tablet.md
new file mode 100644
index 00000000..fc0a94d9
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/hmi_from_tablet.md
@@ -0,0 +1,8 @@
+---
+title: Делаем HMI-панель из планшета для системы автоматизации
+url: https://habr.com/ru/companies/wirenboard/articles/765232/
+cover: /img/articles/educational/beginners/hmi_from_tablet.jpg
+date: 2023-10-10
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/sensors_placement.md b/content/ru/_articles/educational/beginners/sensors_placement.md
new file mode 100644
index 00000000..bc2f1bcd
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/sensors_placement.md
@@ -0,0 +1,9 @@
+---
+title: Как расположить датчики Wiren Board WB-MSW v.3
+url: https://comf.life/bolshoj-obzor-kak-raspolozhit-datchiki-v-dvuhetazhnom-dome.html
+cover: /img/articles/educational/beginners/sensors_placement.jpg
+date: 2022-08-19
+category: educational
+sub_category: beginners
+---
+``
\ No newline at end of file
diff --git a/content/ru/_articles/educational/beginners/smart_home_base_knowledge.md b/content/ru/_articles/educational/beginners/smart_home_base_knowledge.md
new file mode 100644
index 00000000..6783ea51
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/smart_home_base_knowledge.md
@@ -0,0 +1,8 @@
+---
+title: 'Облачный умный дом: что нужно знать, чтобы избежать проблем'
+url: https://habr.com/ru/companies/wirenboard/articles/707678/
+cover: /img/articles/educational/beginners/smart_home_base_knowledge.webp
+date: 2022-12-27
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/smart_home_instruction.md b/content/ru/_articles/educational/beginners/smart_home_instruction.md
new file mode 100644
index 00000000..37c64eba
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/smart_home_instruction.md
@@ -0,0 +1,8 @@
+---
+title: Инструкция по первой настройке УД
+url: https://home-matic.ru/2020/09/wirenboard-first-manual/
+cover: /img/articles/educational/beginners/smart_home_instruction.jpg
+date: 2022-01-10
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/switchers_overview.md b/content/ru/_articles/educational/beginners/switchers_overview.md
new file mode 100644
index 00000000..04389045
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/switchers_overview.md
@@ -0,0 +1,9 @@
+---
+title: Большой обзор выключателей в умном доме
+url: https://comf.life/bolshoj-obzor-vyklyuchateli-v-umnom-dome.html
+cover: /img/articles/educational/beginners/switchers_overview.jpg
+date: 2023-01-13
+category: educational
+sub_category: beginners
+---
+``
\ No newline at end of file
diff --git a/content/ru/_articles/educational/beginners/what_for_wb.md b/content/ru/_articles/educational/beginners/what_for_wb.md
new file mode 100644
index 00000000..db32b644
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/what_for_wb.md
@@ -0,0 +1,8 @@
+---
+title: Wiren Board и с чем его едят. Краткий обзор
+url: https://sprut.ai/article/wiren-board-i-s-chem-ego-edyat-kratkiy-obzor
+cover: /img/articles/educational/beginners/what_for_wb.webp
+date: 2019-02-23
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/beginners/zigbee2mqtt.md b/content/ru/_articles/educational/beginners/zigbee2mqtt.md
new file mode 100644
index 00000000..d8d2de80
--- /dev/null
+++ b/content/ru/_articles/educational/beginners/zigbee2mqtt.md
@@ -0,0 +1,8 @@
+---
+title: Подключаем Zigbee-устройства через Zigbee2mqtt и wb-rules
+url: https://habr.com/ru/companies/wirenboard/articles/750640/
+cover: /img/articles/educational/beginners/zigbee2mqtt.jpg
+date: 2023-07-27
+category: educational
+sub_category: beginners
+---
diff --git a/content/ru/_articles/educational/electrics/dimmer_wb_mdm3.md b/content/ru/_articles/educational/electrics/dimmer_wb_mdm3.md
new file mode 100644
index 00000000..1e6fc7a9
--- /dev/null
+++ b/content/ru/_articles/educational/electrics/dimmer_wb_mdm3.md
@@ -0,0 +1,8 @@
+---
+title: Краткий обзор диммера WB-MDM3 от Wiren Board
+url: https://sprut.ai/article/kratkiy-obzor-dimmera-wb-mdm3-ot-wirenboard
+cover: /img/articles/educational/electrics/dimmer_wb_mdm3.webp
+date: 2020-01-15
+category: educational
+sub_category: electrics
+---
diff --git a/content/ru/_articles/educational/electrics/smart_electrics.md b/content/ru/_articles/educational/electrics/smart_electrics.md
new file mode 100644
index 00000000..536199e4
--- /dev/null
+++ b/content/ru/_articles/educational/electrics/smart_electrics.md
@@ -0,0 +1,8 @@
+---
+title: От классической до умной электрики один шаг!
+url: https://dzen.ru/a/ZUygiho-bwcqttaU
+cover: /img/articles/educational/electrics/smart_electrics.png
+date: 2023-11-09
+category: educational
+sub_category: electrics
+---
diff --git a/content/ru/_articles/educational/electrics/smart_light.md b/content/ru/_articles/educational/electrics/smart_light.md
new file mode 100644
index 00000000..1769700d
--- /dev/null
+++ b/content/ru/_articles/educational/electrics/smart_light.md
@@ -0,0 +1,8 @@
+---
+title: Умный свет в Wiren Board. Варианты реализаций
+url: https://sprut.ai/article/umnyy-svet-v-wirenboard-varianty-realizaciy
+cover: /img/articles/educational/electrics/smart_light.png
+date: 2019-08-25
+category: educational
+sub_category: electrics
+---
diff --git a/content/ru/_articles/educational/electrics/switcher_downgrade.md b/content/ru/_articles/educational/electrics/switcher_downgrade.md
new file mode 100644
index 00000000..542c491e
--- /dev/null
+++ b/content/ru/_articles/educational/electrics/switcher_downgrade.md
@@ -0,0 +1,8 @@
+---
+title: Даунгрейд выключателя Aqara под Wiren Board
+url: https://sprut.ai/article/daungreyd-vyklyuchatelya-aqara-pod-wirenboard
+cover: /img/articles/educational/electrics/switcher_downgrade.webp
+date: 2020-01-16
+category: educational
+sub_category: electrics
+---
diff --git a/content/ru/_articles/educational/heating/cityron.md b/content/ru/_articles/educational/heating/cityron.md
new file mode 100644
index 00000000..b52470bd
--- /dev/null
+++ b/content/ru/_articles/educational/heating/cityron.md
@@ -0,0 +1,8 @@
+---
+title: Управление климатом в комнате с панели CITYRON
+url: https://sprut.ai/article/upravlenie-klimatom-v-komnate-s-radiatornym-otopleniem-pri-pomoshchi-sensornoy-paneli-termostata
+cover: /img/articles/educational/heating/cityron.webp
+date: 2019-09-24
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/heating/floor_heating.md b/content/ru/_articles/educational/heating/floor_heating.md
new file mode 100644
index 00000000..1b076cdb
--- /dev/null
+++ b/content/ru/_articles/educational/heating/floor_heating.md
@@ -0,0 +1,8 @@
+---
+title: Управление электрическим теплым полом на Wiren Board
+url: https://dzen.ru/a/YMjxpvZDS3QA0t9y
+cover: /img/articles/educational/heating/floor_heating.jpg
+date: 2021-06-16
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/heating/meteo_with_nodered.md b/content/ru/_articles/educational/heating/meteo_with_nodered.md
new file mode 100644
index 00000000..476ee49f
--- /dev/null
+++ b/content/ru/_articles/educational/heating/meteo_with_nodered.md
@@ -0,0 +1,8 @@
+---
+title: Погодозависимое управление c помощью Node-RED
+url: https://sprut.ai/article/otoplenie-pod-kontrolem-pogodozavisimoe-upravlenie
+cover: /img/articles/educational/heating/meteo_with_nodered.png
+date: 2020-03-29
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/heating/opentherm.md b/content/ru/_articles/educational/heating/opentherm.md
new file mode 100644
index 00000000..6f5218bb
--- /dev/null
+++ b/content/ru/_articles/educational/heating/opentherm.md
@@ -0,0 +1,8 @@
+---
+title: Обзор модулей OpenTherm и eBus для контроллера Wiren Board
+url: https://sprut.ai/article/otoplenie-pod-kontrolem-moduli-rasshireniya-wiren-board-s-interfeysom-opentherm-i-ebus
+cover: /img/articles/educational/heating/opentherm.webp
+date: 2021-07-13
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/heating/zone_controller.md b/content/ru/_articles/educational/heating/zone_controller.md
new file mode 100644
index 00000000..2fc3d0de
--- /dev/null
+++ b/content/ru/_articles/educational/heating/zone_controller.md
@@ -0,0 +1,8 @@
+---
+title: Зональный контроллер управления теплыми полами
+url: https://fil-tec.ru/page/wiren-board-dlja-otoplenija
+cover: /img/articles/educational/heating/zone_controller.png
+date: 2020-01-08
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/heating/zone_heating.md b/content/ru/_articles/educational/heating/zone_heating.md
new file mode 100644
index 00000000..fa86997c
--- /dev/null
+++ b/content/ru/_articles/educational/heating/zone_heating.md
@@ -0,0 +1,8 @@
+---
+title: Зональное управление отоплением на Wiren Board
+url: https://sprut.ai/article/otoplenie-pod-kontrolem-zonalnoe-upravlenie
+cover: /img/articles/educational/heating/zone_heating.webp
+date: 2020-04-03
+category: educational
+sub_category: heating
+---
diff --git a/content/ru/_articles/educational/integrations/amazon_with_grafana.md b/content/ru/_articles/educational/integrations/amazon_with_grafana.md
new file mode 100644
index 00000000..ccbbaf14
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/amazon_with_grafana.md
@@ -0,0 +1,8 @@
+---
+title: Установка Grafana на Amazon WS
+url: https://sprut.ai/article/ustanovka-grafana-na-amazon-ws
+cover: /img/articles/educational/integrations/amazon_with_grafana.png
+date: 2019-03-09
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/codesys.md b/content/ru/_articles/educational/integrations/codesys.md
new file mode 100644
index 00000000..ba177bdd
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/codesys.md
@@ -0,0 +1,8 @@
+---
+title: Программирование Wiren Board с помощью CODESYS
+url: https://wirenboard.com/wiki/CODESYS
+cover: /img/articles/educational/integrations/codesys.webp
+date: 2022-09-16
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/google_home_kit.md b/content/ru/_articles/educational/integrations/google_home_kit.md
new file mode 100644
index 00000000..b4d51ab8
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/google_home_kit.md
@@ -0,0 +1,8 @@
+---
+title: Добавляем Google Home в Wiren Board
+url: https://sprut.ai/article/dobavlyaem-google-home-v-wirenboard
+cover: /img/articles/educational/integrations/google_home_kit.png
+date: 2020-12-21
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/grafana.md b/content/ru/_articles/educational/integrations/grafana.md
new file mode 100644
index 00000000..3147af30
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/grafana.md
@@ -0,0 +1,8 @@
+---
+title: Использование Grafana с контроллером Wiren Board
+url: https://wirenboard.com/wiki/Grafana
+cover: /img/articles/educational/integrations/grafana.png
+date: 2021-11-25
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/home_assistant.md b/content/ru/_articles/educational/integrations/home_assistant.md
new file mode 100644
index 00000000..3b6702a4
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/home_assistant.md
@@ -0,0 +1,8 @@
+---
+title: Установка Home Assistant на контроллер Wiren Board
+url: https://wirenboard.com/wiki/Home_Assistant
+cover: /img/articles/educational/integrations/home_assistant.png
+date: 2022-04-14
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/intrahouse.md b/content/ru/_articles/educational/integrations/intrahouse.md
new file mode 100644
index 00000000..a373e895
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/intrahouse.md
@@ -0,0 +1,8 @@
+---
+title: Использование IntraHouse с контроллером Wiren Board
+url: https://wirenboard.com/wiki/IntraHouse
+cover: /img/articles/educational/integrations/intrahouse.webp
+date: 2022-01-19
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/intrascada.md b/content/ru/_articles/educational/integrations/intrascada.md
new file mode 100644
index 00000000..05dcda00
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/intrascada.md
@@ -0,0 +1,8 @@
+---
+title: Использование IntraSCADA с контроллером Wiren Board
+url: https://wirenboard.com/wiki/IntraSCADA
+cover: /img/articles/educational/integrations/intrascada.webp
+date: 2022-05-10
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/node_red.md b/content/ru/_articles/educational/integrations/node_red.md
new file mode 100644
index 00000000..2d310fb2
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/node_red.md
@@ -0,0 +1,8 @@
+---
+title: Установка Node-RED на контроллер Wiren Board
+url: https://wirenboard.com/wiki/Node-RED
+cover: /img/articles/educational/integrations/node_red.png
+date: 2022-08-05
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/rapidscada.md b/content/ru/_articles/educational/integrations/rapidscada.md
new file mode 100644
index 00000000..47fc50aa
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/rapidscada.md
@@ -0,0 +1,8 @@
+---
+title: Установка Rapid SCADA на контроллер Wiren Board
+url: https://wirenboard.com/wiki/Rapid_SCADA
+cover: /img/articles/educational/integrations/rapidscada.png
+date: 2022-06-02
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/spruthub.md b/content/ru/_articles/educational/integrations/spruthub.md
new file mode 100644
index 00000000..b3421719
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/spruthub.md
@@ -0,0 +1,8 @@
+---
+title: Sprut.hub — российский софт для умного дома
+url: https://habr.com/ru/companies/wirenboard/articles/692754/
+cover: /img/articles/educational/integrations/spruthub.png
+date: 2022-10-12
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/integrations/zabbix.md b/content/ru/_articles/educational/integrations/zabbix.md
new file mode 100644
index 00000000..942fd28d
--- /dev/null
+++ b/content/ru/_articles/educational/integrations/zabbix.md
@@ -0,0 +1,8 @@
+---
+title: 'Zabbix + Wiren Board: мониторинг производства'
+url: https://habr.com/ru/articles/525852/
+cover: /img/articles/educational/integrations/zabbix.png
+date: 2020-10-31
+category: educational
+sub_category: integrations
+---
diff --git a/content/ru/_articles/educational/node_red/3_scenarios.md b/content/ru/_articles/educational/node_red/3_scenarios.md
new file mode 100644
index 00000000..bf487f2a
--- /dev/null
+++ b/content/ru/_articles/educational/node_red/3_scenarios.md
@@ -0,0 +1,8 @@
+---
+title: Ещё три полезных сценария на Node-RED
+url: https://habr.com/ru/companies/wirenboard/articles/689826/
+cover: /img/articles/educational/node_red/3_scenarios.jpeg
+date: 2022-09-23
+category: educational
+sub_category: node_red
+---
diff --git a/content/ru/_articles/educational/node_red/4_scenarios.md b/content/ru/_articles/educational/node_red/4_scenarios.md
new file mode 100644
index 00000000..a278767a
--- /dev/null
+++ b/content/ru/_articles/educational/node_red/4_scenarios.md
@@ -0,0 +1,8 @@
+---
+title: Четыре полезных сценария на Node-RED
+url: https://habr.com/ru/companies/wirenboard/articles/689098/
+cover: /img/articles/educational/node_red/4_scenarios.jpeg
+date: 2022-09-19
+category: educational
+sub_category: node_red
+---
diff --git a/content/ru/_articles/educational/node_red/execution_without_console.md b/content/ru/_articles/educational/node_red/execution_without_console.md
new file mode 100644
index 00000000..fb3fda45
--- /dev/null
+++ b/content/ru/_articles/educational/node_red/execution_without_console.md
@@ -0,0 +1,8 @@
+---
+title: От распаковки до Node-RED. Автоматизация без консоли
+url: https://sprut.ai/article/ot-raspakovki-do-node-red-mozhno-li-nastroit-avtomatizaciyu-na-wiren-board-7-ne-umerev-v-konsoli
+cover: /img/articles/educational/node_red/execution_without_console.png
+date: 2022-08-22
+category: educational
+sub_category: node_red
+---
diff --git a/content/ru/_articles/educational/node_red/telegram_bot.md b/content/ru/_articles/educational/node_red/telegram_bot.md
new file mode 100644
index 00000000..42290cd7
--- /dev/null
+++ b/content/ru/_articles/educational/node_red/telegram_bot.md
@@ -0,0 +1,8 @@
+---
+title: Настройка Telegram-бота на контроллере Wiren Board
+url: https://wirenboard.com/wiki/Node-RED_Telegram
+cover: /img/articles/educational/node_red/telegram_bot.png
+date: 2021-08-04
+category: educational
+sub_category: node_red
+---
diff --git a/content/ru/_articles/educational/node_red/zigbee_devices.md b/content/ru/_articles/educational/node_red/zigbee_devices.md
new file mode 100644
index 00000000..0913e586
--- /dev/null
+++ b/content/ru/_articles/educational/node_red/zigbee_devices.md
@@ -0,0 +1,8 @@
+---
+title: Работаем с Zigbee-устройствами через Zigbee2mqtt и Node-RED
+url: https://habr.com/ru/companies/wirenboard/articles/713274/
+cover: /img/articles/educational/node_red/zigbee_devices.webp
+date: 2022-01-31
+category: educational
+sub_category: node_red
+---
diff --git a/content/ru/_articles/educational/ventilation/ventilation_algorithms.md b/content/ru/_articles/educational/ventilation/ventilation_algorithms.md
new file mode 100644
index 00000000..59987804
--- /dev/null
+++ b/content/ru/_articles/educational/ventilation/ventilation_algorithms.md
@@ -0,0 +1,8 @@
+---
+title: Управление вентиляцией. Типовые алгоритмы
+url: https://habr.com/ru/companies/wirenboard/articles/715288/
+cover: /img/articles/educational/ventilation/ventilation_algorithms.webp
+date: 2023-02-13
+category: educational
+sub_category: ventilation
+---
diff --git a/content/ru/_articles/educational/ventilation/ventilation_assembly.md b/content/ru/_articles/educational/ventilation/ventilation_assembly.md
new file mode 100644
index 00000000..c4196c97
--- /dev/null
+++ b/content/ru/_articles/educational/ventilation/ventilation_assembly.md
@@ -0,0 +1,8 @@
+---
+title: 'Управление вентиляцией: собираем, интегрируем, экономим'
+url: https://habr.com/ru/companies/wirenboard/articles/702444/
+cover: /img/articles/educational/ventilation/ventilation_assembly.webp
+date: 2022-12-05
+category: educational
+sub_category: ventilation
+---
diff --git a/content/ru/_articles/educational/ventilation/ventilation_control.md b/content/ru/_articles/educational/ventilation/ventilation_control.md
new file mode 100644
index 00000000..da61c3fd
--- /dev/null
+++ b/content/ru/_articles/educational/ventilation/ventilation_control.md
@@ -0,0 +1,8 @@
+---
+title: Управление вентиляцией. Электронагрев воздуха
+url: https://habr.com/ru/companies/wirenboard/articles/705900/
+cover: /img/articles/educational/ventilation/ventilation_control.png
+date: 2022-12-22
+category: educational
+sub_category: ventilation
+---
diff --git a/content/ru/_articles/hardware_selection/analogs_foreign_hardware.md b/content/ru/_articles/hardware_selection/analogs_foreign_hardware.md
new file mode 100644
index 00000000..9854e748
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/analogs_foreign_hardware.md
@@ -0,0 +1,7 @@
+---
+title: Как подобрать аналоги зарубежного оборудования
+url: https://wirenboard.com/ru/pages/selection-of-replacements/
+cover: /img/articles/hardware_selection/analogs_foreign_hardware.png
+date: 2022-09-02
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/automatic_gates.md b/content/ru/_articles/hardware_selection/automatic_gates.md
new file mode 100644
index 00000000..945c58bf
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/automatic_gates.md
@@ -0,0 +1,7 @@
+---
+title: Интеграция автоматических ворот в систему автоматизации
+url: https://wirenboard.com/ru/pages/floor_heating_control/
+cover: /img/articles/hardware_selection/automatic_gates.png
+date: 2023-01-21
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/leakage_protection.md b/content/ru/_articles/hardware_selection/leakage_protection.md
new file mode 100644
index 00000000..6606fd2d
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/leakage_protection.md
@@ -0,0 +1,7 @@
+---
+title: Система защиты от протечек и её интеграция в УД
+url: https://wirenboard.com/ru/pages/leak-system/
+cover: /img/articles/hardware_selection/leakage_protection.png
+date: 2024-04-15
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/lighting_automation.md b/content/ru/_articles/hardware_selection/lighting_automation.md
new file mode 100644
index 00000000..96d31c98
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/lighting_automation.md
@@ -0,0 +1,7 @@
+---
+title: Автоматизация освещения в умном доме и офисе
+url: https://wirenboard.com/ru/pages/lighting/
+cover: /img/articles/hardware_selection/lighting_automation.png
+date: 2022-11-02
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/monitoring_automation.md b/content/ru/_articles/hardware_selection/monitoring_automation.md
new file mode 100644
index 00000000..ad284ff5
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/monitoring_automation.md
@@ -0,0 +1,7 @@
+---
+title: Автоматизация мониторинга энергопотребления
+url: https://wirenboard.com/ru/pages/enegro_monitoring/
+cover: /img/articles/hardware_selection/monitoring_automation.png
+date: 2023-01-17
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/smart_home_design_principles.md b/content/ru/_articles/hardware_selection/smart_home_design_principles.md
new file mode 100644
index 00000000..9c772009
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/smart_home_design_principles.md
@@ -0,0 +1,7 @@
+---
+title: Общие принципы проектирования умного дома
+url: https://wirenboard.com/ru/pages/sh-principles/
+cover: /img/articles/hardware_selection/smart_home_design_principles.webp
+date: 2023-10-30
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/underfloor_heating.md b/content/ru/_articles/hardware_selection/underfloor_heating.md
new file mode 100644
index 00000000..81e24b66
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/underfloor_heating.md
@@ -0,0 +1,7 @@
+---
+title: Автоматизация электрического тёплого пола
+url: https://wirenboard.com/ru/pages/floor_heating_control/
+cover: /img/articles/hardware_selection/underfloor_heating.png
+date: 2023-01-20
+category: hardware_selection
+---
diff --git a/content/ru/_articles/hardware_selection/ventilation_control.md b/content/ru/_articles/hardware_selection/ventilation_control.md
new file mode 100644
index 00000000..9bfb0d50
--- /dev/null
+++ b/content/ru/_articles/hardware_selection/ventilation_control.md
@@ -0,0 +1,7 @@
+---
+title: Управление вентиляцией. Из чего состоит и как управлять
+url: https://wirenboard.com/ru/pages/ventilation_control/
+cover: /img/articles/hardware_selection/ventilation_control.png
+date: 2023-04-03
+category: hardware_selection
+---
diff --git a/content/ru/_articles/manufactoring/device_reliability.md b/content/ru/_articles/manufactoring/device_reliability.md
new file mode 100644
index 00000000..73a2070f
--- /dev/null
+++ b/content/ru/_articles/manufactoring/device_reliability.md
@@ -0,0 +1,7 @@
+---
+title: Про надёжность устройств Wiren Board
+url: https://wirenboard.com/ru/pages/reliability/
+cover: /img/articles/manufactoring/device_reliability.png
+date: 2023-03-10
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/embedded_controller.md b/content/ru/_articles/manufactoring/embedded_controller.md
new file mode 100644
index 00000000..9a58a149
--- /dev/null
+++ b/content/ru/_articles/manufactoring/embedded_controller.md
@@ -0,0 +1,7 @@
+---
+title: Как мы сделали Embedded Controller для ПЛК на Linux
+url: https://habr.com/ru/companies/wirenboard/articles/801649/
+cover: /img/articles/manufactoring/embedded_controller.jpg
+date: 2024-03-21
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/how_we_invented_bike.md b/content/ru/_articles/manufactoring/how_we_invented_bike.md
new file mode 100644
index 00000000..34b2ed1f
--- /dev/null
+++ b/content/ru/_articles/manufactoring/how_we_invented_bike.md
@@ -0,0 +1,7 @@
+---
+title: 'Как мы изобрели велосипед: адаптер USB–RS485'
+url: https://habr.com/ru/companies/wirenboard/articles/727624/
+cover: /img/articles/manufactoring/how_we_invented_bike.jpg
+date: 2023-04-12
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/how_we_test_devices.md b/content/ru/_articles/manufactoring/how_we_test_devices.md
new file mode 100644
index 00000000..549e9c3b
--- /dev/null
+++ b/content/ru/_articles/manufactoring/how_we_test_devices.md
@@ -0,0 +1,7 @@
+---
+title: Как мы тестируем устройства, которые производим
+url: https://habr.com/ru/companies/wirenboard/articles/798325/
+cover: /img/articles/manufactoring/how_we_test_devices.jpg
+date: 2024-03-06
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/ionistores.md b/content/ru/_articles/manufactoring/ionistores.md
new file mode 100644
index 00000000..a737ee11
--- /dev/null
+++ b/content/ru/_articles/manufactoring/ionistores.md
@@ -0,0 +1,7 @@
+---
+title: 'Тестируем новые ионисторы: взорвутся или нет?'
+url: https://habr.com/ru/companies/wirenboard/articles/775772/
+cover: /img/articles/manufactoring/ionistores.jpg
+date: 2023-11-23
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/modbus_upgrade.md b/content/ru/_articles/manufactoring/modbus_upgrade.md
new file mode 100644
index 00000000..a030ef6a
--- /dev/null
+++ b/content/ru/_articles/manufactoring/modbus_upgrade.md
@@ -0,0 +1,7 @@
+---
+title: 'Прокачиваем Modbus: арбитраж, сканирование шины, события'
+url: https://habr.com/ru/companies/wirenboard/articles/772308/
+cover: /img/articles/manufactoring/modbus_upgrade.webp
+date: 2023-11-09
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/qt18b20.md b/content/ru/_articles/manufactoring/qt18b20.md
new file mode 100644
index 00000000..00449c25
--- /dev/null
+++ b/content/ru/_articles/manufactoring/qt18b20.md
@@ -0,0 +1,7 @@
+---
+title: '1-Wire датчик QT18B20: исследуем в лаборатории'
+url: https://habr.com/ru/companies/wirenboard/articles/732682/
+cover: /img/articles/manufactoring/qt18b20.png
+date: 2023-05-02
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/soldering_robot.md b/content/ru/_articles/manufactoring/soldering_robot.md
new file mode 100644
index 00000000..d69fe2ab
--- /dev/null
+++ b/content/ru/_articles/manufactoring/soldering_robot.md
@@ -0,0 +1,7 @@
+---
+title: 'Китайский паяльный робот: тыкаем палкой и заставляем работать'
+url: https://habr.com/ru/companies/wirenboard/articles/783624/
+cover: /img/articles/manufactoring/soldering_robot.jpg
+date: 2023-12-28
+category: manufactoring
+---
diff --git a/content/ru/_articles/manufactoring/wirenboard_ci_cd.md b/content/ru/_articles/manufactoring/wirenboard_ci_cd.md
new file mode 100644
index 00000000..d5be8451
--- /dev/null
+++ b/content/ru/_articles/manufactoring/wirenboard_ci_cd.md
@@ -0,0 +1,7 @@
+---
+title: CI/CD для микроконтроллеров в Wiren Board
+url: https://wirenboard.com/ru/pages/wb_ci_cd/
+cover: /img/articles/manufactoring/wirenboard_ci_cd.png
+date: 2023-02-10
+category: manufactoring
+---
diff --git a/content/ru/_articles/user_experience/apartments/frist_smart_boolichev.md b/content/ru/_articles/user_experience/apartments/frist_smart_boolichev.md
new file mode 100644
index 00000000..923f484e
--- /dev/null
+++ b/content/ru/_articles/user_experience/apartments/frist_smart_boolichev.md
@@ -0,0 +1,8 @@
+---
+title: Первый умный дом класса А в России «Булычёв»
+url: https://wirenboard.com/ru/pages/interview-zhelezno-bulychev/
+cover: /img/articles/user_experience/apartments/frist_smart_boolichev.jpg
+date: 2022-10-21
+category: user_experience
+sub_category: apartments
+---
diff --git a/content/ru/_articles/user_experience/apartments/kreen.md b/content/ru/_articles/user_experience/apartments/kreen.md
new file mode 100644
index 00000000..75562607
--- /dev/null
+++ b/content/ru/_articles/user_experience/apartments/kreen.md
@@ -0,0 +1,8 @@
+---
+title: «Крин» – экскурсия в умный многоквартирный дом
+url: https://habr.com/ru/companies/wirenboard/articles/709080/
+cover: /img/articles/user_experience/apartments/kreen.jpeg
+date: 2023-01-05
+category: user_experience
+sub_category: apartments
+---
diff --git a/content/ru/_articles/user_experience/apartments/smart_boolichev.md b/content/ru/_articles/user_experience/apartments/smart_boolichev.md
new file mode 100644
index 00000000..052d113c
--- /dev/null
+++ b/content/ru/_articles/user_experience/apartments/smart_boolichev.md
@@ -0,0 +1,8 @@
+---
+title: 'Умный МКД «Булычев»: первое знакомство'
+url: https://habr.com/ru/companies/wirenboard/articles/791612/
+cover: /img/articles/user_experience/apartments/smart_boolichev.jpeg
+date: 2024-02-06
+category: user_experience
+sub_category: apartments
+---
diff --git a/content/ru/_articles/user_experience/apartments/zhelezno.md b/content/ru/_articles/user_experience/apartments/zhelezno.md
new file mode 100644
index 00000000..a5c4b94a
--- /dev/null
+++ b/content/ru/_articles/user_experience/apartments/zhelezno.md
@@ -0,0 +1,8 @@
+---
+title: 'ГК «Железно»: автоматизация многоквартирного дома'
+url: https://wirenboard.com/ru/pages/solutions-zhelezno/
+cover: /img/articles/user_experience/apartments/zhelezno.png
+date: 2023-11-10
+category: user_experience
+sub_category: apartments
+---
diff --git a/content/ru/_articles/user_experience/business_objects/auto_warehouse.md b/content/ru/_articles/user_experience/business_objects/auto_warehouse.md
new file mode 100644
index 00000000..070f7786
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/auto_warehouse.md
@@ -0,0 +1,8 @@
+---
+title: 'Склад, авто, аптека: мониторинг условий хранения лекарств'
+url: https://habr.com/ru/companies/wirenboard/articles/769966/
+cover: /img/articles/user_experience/business_objects/auto_warehouse.jpg
+date: 2023-10-26
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/city_farm.md b/content/ru/_articles/user_experience/business_objects/city_farm.md
new file mode 100644
index 00000000..4286dc64
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/city_farm.md
@@ -0,0 +1,8 @@
+---
+title: 'Сити-ферма: майним зелень в подвале'
+url: https://habr.com/ru/companies/wirenboard/articles/766876/
+cover: /img/articles/user_experience/business_objects/city_farm.jpg
+date: 2023-10-12
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/energia_excursion.md b/content/ru/_articles/user_experience/business_objects/energia_excursion.md
new file mode 100644
index 00000000..5e86b9a4
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/energia_excursion.md
@@ -0,0 +1,8 @@
+---
+title: Экскурсия на производство ПК «Энергия»
+url: https://habr.com/ru/companies/wirenboard/articles/763412/
+cover: /img/articles/user_experience/business_objects/energia_excursion.webp
+date: 2023-09-26
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/facility_automation.md b/content/ru/_articles/user_experience/business_objects/facility_automation.md
new file mode 100644
index 00000000..b1d1e4e9
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/facility_automation.md
@@ -0,0 +1,8 @@
+---
+title: Автоматизация инженерных систем клиники
+url: https://habr.com/ru/companies/wirenboard/articles/793790/
+cover: /img/articles/user_experience/business_objects/facility_automation.webp
+date: 2024-02-15
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/greenhouse_automating.md b/content/ru/_articles/user_experience/business_objects/greenhouse_automating.md
new file mode 100644
index 00000000..43643594
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/greenhouse_automating.md
@@ -0,0 +1,8 @@
+---
+title: 'Склад, авто, аптека: мониторинг условий хранения лекарств'
+url: https://habr.com/ru/companies/wirenboard/articles/695752/
+cover: /img/articles/user_experience/business_objects/greenhouse_automating.webp
+date: 2022-10-27
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/move_from_siemens.md b/content/ru/_articles/user_experience/business_objects/move_from_siemens.md
new file mode 100644
index 00000000..d091cffc
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/move_from_siemens.md
@@ -0,0 +1,8 @@
+---
+title: 'Слезаем с иглы Siemens: промышленная вентиляция'
+url: https://habr.com/ru/companies/wirenboard/articles/762422/
+cover: /img/articles/user_experience/business_objects/move_from_siemens.png
+date: 2023-09-21
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/office_automation.md b/content/ru/_articles/user_experience/business_objects/office_automation.md
new file mode 100644
index 00000000..bd1600fe
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/office_automation.md
@@ -0,0 +1,8 @@
+---
+title: Автоматизация офисного пространства
+url: https://habr.com/ru/companies/wirenboard/articles/783118/
+cover: /img/articles/user_experience/business_objects/office_automation.webp
+date: 2023-12-26
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/sauna_automation.md b/content/ru/_articles/user_experience/business_objects/sauna_automation.md
new file mode 100644
index 00000000..fbc8e6c6
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/sauna_automation.md
@@ -0,0 +1,8 @@
+---
+title: 'Автоматизация бань и терм: как задержать гостя подольше?'
+url: https://habr.com/ru/companies/wirenboard/articles/778954/
+cover: /img/articles/user_experience/business_objects/sauna_automation.jpg
+date: 2023-12-07
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/smart_meatplant.md b/content/ru/_articles/user_experience/business_objects/smart_meatplant.md
new file mode 100644
index 00000000..3e2d9148
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/smart_meatplant.md
@@ -0,0 +1,8 @@
+---
+title: 'Умный мясокомбинат: что можно сделать с инженерными системами?'
+url: https://habr.com/ru/companies/wirenboard/articles/772122/
+cover: /img/articles/user_experience/business_objects/smart_meatplant.jpg
+date: 2023-11-07
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/smart_office.md b/content/ru/_articles/user_experience/business_objects/smart_office.md
new file mode 100644
index 00000000..937112e9
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/smart_office.md
@@ -0,0 +1,8 @@
+---
+title: Умный офис в «Москва-Сити» на Home Assistant
+url: https://habr.com/ru/companies/wirenboard/articles/801175/
+cover: /img/articles/user_experience/business_objects/smart_office.webp
+date: 2024-03-19
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/business_objects/smart_sauna.md b/content/ru/_articles/user_experience/business_objects/smart_sauna.md
new file mode 100644
index 00000000..a71c2ec1
--- /dev/null
+++ b/content/ru/_articles/user_experience/business_objects/smart_sauna.md
@@ -0,0 +1,8 @@
+---
+title: Умная баня — пар, свет и вентиляция
+url: https://habr.com/ru/companies/wirenboard/articles/728720/
+cover: /img/articles/user_experience/business_objects/smart_sauna.webp
+date: 2023-04-13
+category: user_experience
+sub_category: business_objects
+---
diff --git a/content/ru/_articles/user_experience/embedded/energy_storage_excursion.md b/content/ru/_articles/user_experience/embedded/energy_storage_excursion.md
new file mode 100644
index 00000000..0792a51d
--- /dev/null
+++ b/content/ru/_articles/user_experience/embedded/energy_storage_excursion.md
@@ -0,0 +1,8 @@
+---
+title: Экскурсия на производство накопителей электроэнергии
+url: https://habr.com/ru/companies/wirenboard/articles/743432/
+cover: /img/articles/user_experience/embedded/energy_storage_excursion.jpg
+date: 2023-06-27
+category: user_experience
+sub_category: embedded
+---
diff --git a/content/ru/_articles/user_experience/embedded/industrial_disinfection.md b/content/ru/_articles/user_experience/embedded/industrial_disinfection.md
new file mode 100644
index 00000000..18521770
--- /dev/null
+++ b/content/ru/_articles/user_experience/embedded/industrial_disinfection.md
@@ -0,0 +1,8 @@
+---
+title: Автоматическая дезинфекция помещений производства
+url: https://habr.com/ru/companies/wirenboard/articles/775226/
+cover: /img/articles/user_experience/embedded/industrial_disinfection.jpg
+date: 2023-11-21
+category: user_experience
+sub_category: embedded
+---
diff --git a/content/ru/_articles/user_experience/embedded/weather_stations.md b/content/ru/_articles/user_experience/embedded/weather_stations.md
new file mode 100644
index 00000000..7c6e9351
--- /dev/null
+++ b/content/ru/_articles/user_experience/embedded/weather_stations.md
@@ -0,0 +1,8 @@
+---
+title: Две метеостанции в Санкт-Петербурге
+url: https://habr.com/ru/companies/wirenboard/articles/777350/
+cover: /img/articles/user_experience/embedded/weather_stations.png
+date: 2023-11-30
+category: user_experience
+sub_category: embedded
+---
diff --git a/content/ru/_articles/user_experience/home_automation/automating_ventilation.md b/content/ru/_articles/user_experience/home_automation/automating_ventilation.md
new file mode 100644
index 00000000..82d30879
--- /dev/null
+++ b/content/ru/_articles/user_experience/home_automation/automating_ventilation.md
@@ -0,0 +1,8 @@
+---
+title: Автоматизируем вентиляцию в квартире площадью 200 м²
+url: https://habr.com/ru/companies/wirenboard/articles/752132/
+cover: /img/articles/user_experience/home_automation/automating_ventilation.jpg
+date: 2023-08-03
+category: user_experience
+sub_category: home_automation
+---
diff --git a/content/ru/_articles/user_experience/home_automation/gree_air_condition.md b/content/ru/_articles/user_experience/home_automation/gree_air_condition.md
new file mode 100644
index 00000000..c0171de3
--- /dev/null
+++ b/content/ru/_articles/user_experience/home_automation/gree_air_condition.md
@@ -0,0 +1,8 @@
+---
+title: Интеграция кондиционера GREE с Wiren Board + Home Assistant
+url: https://sprut.ai/article/integraciya-kondicionera-gree-s-wirenboard-home-assistant
+cover: /img/articles/user_experience/home_automation/gree_air_condition.png
+date: 2023-07-05
+category: user_experience
+sub_category: home_automation
+---
diff --git a/content/ru/_articles/user_experience/home_automation/modular_smart_home.md b/content/ru/_articles/user_experience/home_automation/modular_smart_home.md
new file mode 100644
index 00000000..ad76f304
--- /dev/null
+++ b/content/ru/_articles/user_experience/home_automation/modular_smart_home.md
@@ -0,0 +1,8 @@
+---
+title: 'Купил, привез, поставил: экскурсия по модульному умному дому'
+url: https://habr.com/ru/companies/wirenboard/articles/739454/
+cover: /img/articles/user_experience/home_automation/gree_air_condition.jpg
+date: 2023-06-02
+category: user_experience
+sub_category: home_automation
+---
diff --git a/content/ru/_articles/user_experience/home_automation/raspberry_pi.md b/content/ru/_articles/user_experience/home_automation/raspberry_pi.md
new file mode 100644
index 00000000..842086c7
--- /dev/null
+++ b/content/ru/_articles/user_experience/home_automation/raspberry_pi.md
@@ -0,0 +1,8 @@
+---
+title: Умный дом на Raspberry Pi, Home Assistant и Wiren Board
+url: https://habr.com/ru/companies/wirenboard/articles/770882/
+cover: /img/articles/user_experience/home_automation/raspberry_pi.webp
+date: 2023-10-31
+category: user_experience
+sub_category: home_automation
+---
diff --git a/content/ru/_articles/user_experience/home_automation/smart_cottage.md b/content/ru/_articles/user_experience/home_automation/smart_cottage.md
new file mode 100644
index 00000000..044a4f08
--- /dev/null
+++ b/content/ru/_articles/user_experience/home_automation/smart_cottage.md
@@ -0,0 +1,8 @@
+---
+title: Умный коттедж на Home Assistant и Wiren Board
+url: https://habr.com/ru/companies/wirenboard/articles/789948/
+cover: /img/articles/user_experience/home_automation/smart_cottage.jpg
+date: 2024-01-30
+category: user_experience
+sub_category: home_automation
+---
diff --git a/content/ru/_articles/user_experience/retail/horek.md b/content/ru/_articles/user_experience/retail/horek.md
new file mode 100644
index 00000000..2e1e6d49
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/horek.md
@@ -0,0 +1,8 @@
+---
+title: Как платить меньше за энергоресурсы в ритейле и хорека?
+url: https://habr.com/ru/companies/wirenboard/articles/744638/
+cover: /img/articles/user_experience/retail/horek.jpg
+date: 2023-06-29
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/retail/magnit.md b/content/ru/_articles/user_experience/retail/magnit.md
new file mode 100644
index 00000000..be7ec386
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/magnit.md
@@ -0,0 +1,8 @@
+---
+title: Цифровизация продуктового ритейла на примере магазина «Магнит»
+url: https://habr.com/ru/companies/wirenboard/articles/722656/
+cover: /img/articles/user_experience/retail/magnit.webp
+date: 2023-03-16
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/retail/restaurants_upgrade.md b/content/ru/_articles/user_experience/retail/restaurants_upgrade.md
new file mode 100644
index 00000000..f7949fe3
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/restaurants_upgrade.md
@@ -0,0 +1,8 @@
+---
+title: 'Апгрейд ресторанов и кафе: камера дефростации из холодильника'
+url: https://habr.com/ru/companies/wirenboard/articles/797013/
+cover: /img/articles/user_experience/retail/restaurants_upgrade.webp
+date: 2024-02-29
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/retail/rostics.md b/content/ru/_articles/user_experience/retail/rostics.md
new file mode 100644
index 00000000..08137f68
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/rostics.md
@@ -0,0 +1,8 @@
+---
+title: Как и зачем Rostic’s внедряет телеметрию ресторанов
+url: https://habr.com/ru/companies/wirenboard/articles/732018/
+cover: /img/articles/user_experience/retail/rostics.webp
+date: 2023-04-27
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/retail/smart_restaurant.md b/content/ru/_articles/user_experience/retail/smart_restaurant.md
new file mode 100644
index 00000000..6db095c1
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/smart_restaurant.md
@@ -0,0 +1,8 @@
+---
+title: 'Умный модульный ресторан: привез, поставил, заработал'
+url: https://habr.com/ru/companies/wirenboard/articles/793790/
+cover: /img/articles/user_experience/retail/smart_restaurant.jpg
+date: 2023-11-14
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/retail/vertical_boutique.md b/content/ru/_articles/user_experience/retail/vertical_boutique.md
new file mode 100644
index 00000000..240a18ec
--- /dev/null
+++ b/content/ru/_articles/user_experience/retail/vertical_boutique.md
@@ -0,0 +1,8 @@
+---
+title: Vertical Boutique – нужны ли нам умные отели?
+url: https://habr.com/ru/companies/wirenboard/articles/705052/
+cover: /img/articles/user_experience/retail/vertical_boutique.webp
+date: 2022-12-13
+category: user_experience
+sub_category: retail
+---
diff --git a/content/ru/_articles/user_experience/tsod/howto_monitoring.md b/content/ru/_articles/user_experience/tsod/howto_monitoring.md
new file mode 100644
index 00000000..d9d34d21
--- /dev/null
+++ b/content/ru/_articles/user_experience/tsod/howto_monitoring.md
@@ -0,0 +1,8 @@
+---
+title: Как сделать мониторинг инженерной инфраструктуры ЦОД
+url: https://habr.com/ru/companies/wirenboard/articles/734054/
+cover: /img/articles/user_experience/tsod/howto_monitoring.jpg
+date: 2023-05-10
+category: user_experience
+sub_category: tsod
+---
diff --git a/content/ru/_articles/user_experience/tsod/noninvasive_monitoring.md b/content/ru/_articles/user_experience/tsod/noninvasive_monitoring.md
new file mode 100644
index 00000000..42f740c0
--- /dev/null
+++ b/content/ru/_articles/user_experience/tsod/noninvasive_monitoring.md
@@ -0,0 +1,8 @@
+---
+title: 'Неинвазивный мониторинг ЦОД: надёжность и снижение затрат'
+url: https://habr.com/ru/companies/wirenboard/articles/785592/
+cover: /img/articles/user_experience/tsod/noninvasive_monitoring.webp
+date: 2024-01-11
+category: user_experience
+sub_category: tsod
+---
diff --git a/content/ru/_articles/user_experience/tsod/what_for_tsod.md b/content/ru/_articles/user_experience/tsod/what_for_tsod.md
new file mode 100644
index 00000000..bbe3c511
--- /dev/null
+++ b/content/ru/_articles/user_experience/tsod/what_for_tsod.md
@@ -0,0 +1,8 @@
+---
+title: От чего защищает ЦОД система мониторинга
+url: https://habr.com/ru/companies/wirenboard/articles/742458/
+cover: /img/articles/user_experience/tsod/what_for_tsod.jpg
+date: 2023-06-19
+category: user_experience
+sub_category: tsod
+---
diff --git a/package.json b/package.json
index 283d2b79..a6852323 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@nuxt/image": "1.7.0",
     "@nuxtjs/i18n": "8.3.1",
     "@nuxtjs/leaflet": "1.0.14",
+    "dayjs": "1.11.11",
     "github-slugger": "2.0.0",
     "nuxt": "3.12.2",
     "primevue": "4.0.0",
diff --git a/pages/pages/articles.vue b/pages/pages/articles.vue
new file mode 100644
index 00000000..95d8c008
--- /dev/null
+++ b/pages/pages/articles.vue
@@ -0,0 +1,258 @@
+<script lang="ts" setup>
+import { ArticleType } from '~/common/constants';
+import SelectButton from '~/components/SelectButton.vue';
+
+const { t } = useI18n();
+
+useHead({
+  title: t('title'),
+});
+
+const filter = ref(t('filter_category'));
+const filterDate = ref('filter_asc');
+const options = ref([t('filter_category'), t('filter_date')]);
+const categories = [
+  { name: 'user_experience', sub_category: [
+      { name: 'retail' },
+      { name: 'business_objects' },
+      { name: 'tsod' },
+      { name: 'apartments' },
+      { name: 'embedded' },
+      { name: 'home_automation' },
+    ]
+  },
+  { name: 'hardware_selection' },
+  { name: 'educational', sub_category: [
+      { name: 'beginners' },
+      { name: 'node_red' },
+      { name: 'ventilation' },
+      { name: 'heating' },
+      { name: 'electrics' },
+      { name: 'integrations' },
+      { name: '3rd_party_devices' },
+    ]
+  },
+  { name: 'manufactoring' },
+];
+const filterDates = ['filter_asc', 'filter_desc'];
+
+const flattenCategories = (categories) => {
+  return categories.reduce((acc, category) => {
+    if (category.sub_category) {
+      acc.push({ name: category.name, type: ArticleType.WithSubCategories });
+      category.sub_category.forEach(sub => {
+        acc.push({ ...sub, type: ArticleType.SubCategory });
+      });
+    } else {
+      acc.push({ name: category.name, type: ArticleType.WithoutSubCategories });
+    }
+    return acc;
+  }, []);
+};
+</script>
+
+<template>
+  <div class="articles">
+    <div v-if="filter === 'По категориям'" class="articles-content">
+      <template v-for="(category, i) in flattenCategories(categories)" :key="category.name">
+        <h3
+          v-if="category.type === ArticleType.SubCategory"
+          class="articles-title"
+          :id="category.name">
+          <a :href="`#${category.name}`">{{ t(category.name) }}</a>
+        </h3>
+        <h2
+          v-else
+          class="articles-title"
+          :id="category.name">
+          <a :href="`#${category.name}`">{{ t(category.name) }}</a>
+        </h2>
+        <ContentList v-if="category.type !== ArticleType.WithSubCategories" :query="{ path: '/_articles', where: [category.type === ArticleType.SubCategory ? { sub_category: category.name } : { category: category.name } ], sort: [{ date: -1 }] }">
+          <template #default="{ list }">
+            <div class="articles-list">
+              <Article v-bind="article" v-for="article in list" :key="article._path" />
+            </div>
+          </template>
+        </ContentList>
+        <hr v-if="category.type !== ArticleType.WithSubCategories && i !== flattenCategories(categories).length - 1" class="articles-separator" />
+      </template>
+    </div>
+
+    <div v-else class="articles-content">
+      <ContentList :query="{ path: '/_articles', sort: [{ date: filterDate === 'filter_asc' ? -1 : 1 }] }">
+        <template #default="{ list }">
+          <div class="articles-list">
+            <Article v-bind="article" v-for="article in list" :key="article._path" />
+          </div>
+        </template>
+      </ContentList>
+    </div>
+
+    <aside>
+      <div class="articles-filter">
+        <SelectButton v-model="filter" :options="options" />
+
+        <div class="articles-filterContent">
+          <ul v-if="filter === 'По категориям'">
+            <li v-for="category in categories" :key="category.name">
+              <div @click="scrollToElementById(category.name)">{{ t(category.name) }}</div>
+              <ul v-if="category.sub_category">
+                <li v-for="category in category.sub_category" :key="category.name">
+                  <div @click="scrollToElementById(category.name)">{{ t(category.name) }}</div>
+                </li>
+              </ul>
+            </li>
+          </ul>
+          <div v-else>
+            <div v-for="filter in filterDates" :key="filter" class="articles-filterDate">
+              <RadioButton v-model="filterDate" :inputId="filter" :value="filter" />
+              <label :for="filter" class="ml-2">{{ t(filter) }}</label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </aside>
+  </div>
+</template>
+
+<style>
+.articles {
+  display: flex;
+  gap: 48px;
+
+  @media (max-width: 768px) {
+    flex-direction: column-reverse;
+    gap: 24px;
+  }
+}
+
+.articles-content {
+  flex-grow: 1;
+}
+
+.articles-title {
+  line-height: normal;
+  scroll-margin-top: var(--app-bar-height);
+}
+
+.articles-title:first-child {
+  margin-top: 0;
+}
+
+h2.articles-title {
+  font-size: 27px;
+}
+
+h3.articles-title {
+  font-size: 21px;
+}
+
+.articles-title a {
+  color: var(--text-color);
+}
+
+.articles-title a:hover {
+  color: var(--link-color);
+}
+
+.articles-title a:hover::before {
+  content: '#';
+  position: absolute;
+  margin-left: -18px;
+}
+
+@media (max-width: 1340px) {
+  .articles-title a:hover::before {
+    content: '';
+  }
+}
+
+.articles-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 32px;
+
+
+  @media (max-width: 1024px) {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  @media (max-width: 940px) {
+    grid-template-columns: 1fr;
+  }
+}
+
+.articles-separator {
+  margin: 24px 0;
+}
+
+.articles-filter {
+  position: sticky;
+  top: 16px;
+}
+
+.articles-filterContent {
+  margin-top: 12px;
+}
+
+.articles-filter ul {
+  margin: 0;
+  padding-left: 24px;
+  color: var(--link-color);
+}
+
+.articles-filter li::marker {
+  color: var(--text-color);
+}
+
+.articles-filter ul ul {
+  padding-left: 22px;
+}
+
+.articles-filter ul li div {
+  width: fit-content;
+}
+
+.articles-filter ul li div:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.articles-filterDate {
+  display: flex;
+  gap: 4px;
+}
+
+.articles-filterDate label {
+  cursor: pointer;
+}
+</style>
+
+<i18n>
+{
+  "ru": {
+    "title": "Статьи — Wiren Board",
+    "filter_category": "По категориям",
+    "filter_date": "По дате публикации",
+    "filter_asc": "Сначала новые",
+    "filter_desc": "Сначала старые",
+    "user_experience": "Опыт пользователей",
+    "retail": "Ритейл, рестораны и отели",
+    "business_objects": "Бизнес-объекты",
+    "tsod": "ЦОД",
+    "apartments": "Многоквартирные дома и ЖК",
+    "embedded": "Встраиваемые системы и метеостанции",
+    "home_automation": "Домашняя автоматизация",
+    "hardware_selection": "Подбор оборудования",
+    "educational": "Обучающие ролики",
+    "beginners": "Начинающим",
+    "node_red": "Автоматизация на Node-RED",
+    "ventilation": "Вентиляция",
+    "heating": "Отопление",
+    "electrics": "Электрика",
+    "integrations": "Интеграция со сторонним ПО",
+    "3rd_party_devices": "Подключение сторонних устройств",
+    "manufactoring": "О производстве и процессах"
+  }
+}
+</i18n>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 298712ca..7d93df79 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,7 +13,7 @@ importers:
         version: 2.13.0(ioredis@5.4.1)(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.2)(@unocss/reset@0.60.4)(encoding@0.1.13)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.4.29(typescript@5.4.5)))(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)(terser@5.31.1)(typescript@5.4.5)(unocss@0.60.4(postcss@8.4.38)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(rollup@4.18.0)(vue@3.4.29(typescript@5.4.5))
       '@nuxt/icon':
         specifier: 1.0.0
-        version: 1.0.0(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.2)(@unocss/reset@0.60.4)(encoding@0.1.13)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.4.29(typescript@5.4.5)))(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)(terser@5.31.1)(typescript@5.4.5)(unocss@0.60.4(postcss@8.4.38)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))(vue@3.4.29(typescript@5.4.5))
+        version: 1.0.0(magicast@0.3.4)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))(vue@3.4.29(typescript@5.4.5))
       '@nuxt/image':
         specifier: 1.7.0
         version: 1.7.0(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)
@@ -23,6 +23,9 @@ importers:
       '@nuxtjs/leaflet':
         specifier: 1.0.14
         version: 1.0.14(typescript@5.4.5)
+      dayjs:
+        specifier: 1.11.11
+        version: 1.11.11
       github-slugger:
         specifier: 2.0.0
         version: 2.0.0
@@ -538,8 +541,8 @@ packages:
   '@floating-ui/utils@0.2.2':
     resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
 
-  '@iconify/collections@1.0.436':
-    resolution: {integrity: sha512-M1PinD36UOFlwbhAJtnVNxqb9mpvow4SNHieSY4vCn4eVq/oWgk1nmPoUjxU0lAMlbNcy0xT2smDr90xt3ZnWw==}
+  '@iconify/collections@1.0.442':
+    resolution: {integrity: sha512-qcTbHRRcVCYgb3OY/K9ZsGR279MAHdpV6IMQp0QllRp+NYOG1PoGTt5ym/dwNaSTgKv0pZ6/cNloucbAOYI25A==}
 
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
@@ -719,6 +722,11 @@ packages:
       nuxt: ^3.9.0
       vite: '*'
 
+  '@nuxt/devtools-kit@1.3.9':
+    resolution: {integrity: sha512-tgr/F+4BbI53/JxgaXl3cuV9dMuCXMsd4GEXN+JqtCdAkDbH3wL79GGWx0/6I9acGzRsB6UZ1H6U96nfgcIrAw==}
+    peerDependencies:
+      vite: '*'
+
   '@nuxt/devtools-wizard@1.3.3':
     resolution: {integrity: sha512-9Umo9eDgwhSBDnTzWINXwJBYy2J3ay6OviM7Qdr08B9hDu+CU6MrEpsT4hZ3npD7p1E+9t1YQw/4fZ8NMcPVnw==}
     hasBin: true
@@ -741,6 +749,10 @@ packages:
     resolution: {integrity: sha512-5kOqEzfc3FsAncjK2je7vuq4/QsR5ypViTnop52mlFLf0Ku1NMCrWCSWYowAh4P0yqTACMAZYa+HdRZHscU84g==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
+  '@nuxt/kit@3.12.4':
+    resolution: {integrity: sha512-aNRD1ylzijY0oYolldNcZJXVyxdGzNTl+Xd0UYyFQCu9f4wqUZqQ9l+b7arCEzchr96pMK0xdpvLcS3xo1wDcw==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   '@nuxt/schema@3.12.1':
     resolution: {integrity: sha512-yPgZVczd0vKhG73E7N61+EZHZTjtCvh2LKVhvT7c69zLBnPPqJNK1oJfqsKUCOOHSm1o1rTG8Xaibp91q2I49w==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -749,6 +761,10 @@ packages:
     resolution: {integrity: sha512-IRBuOEPOIe1CANKnO2OUiqZ1Hp/0htPkLaigK7WT6ef/SdIFZUd68Tqqejqy2AFrbgU9G80k3U7eg2XUdaiQlQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
+  '@nuxt/schema@3.12.4':
+    resolution: {integrity: sha512-H7FwBV4ChssMaeiLyPdVLOLUa0326ebp3pNbJfGgFt7rSoKh1MmgjorecA8JMxOQZziy3w6EELf4+5cgLh/F1w==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   '@nuxt/telemetry@2.5.4':
     resolution: {integrity: sha512-KH6wxzsNys69daSO0xUv0LEBAfhwwjK1M+0Cdi1/vxmifCslMIY7lN11B4eywSfscbyVPAYJvANyc7XiVPImBQ==}
     hasBin: true
@@ -1553,6 +1569,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
@@ -1986,6 +2007,9 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  dayjs@1.11.11:
+    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
+
   db0@0.1.4:
     resolution: {integrity: sha512-Ft6eCwONYxlwLjBXSJxw0t0RYtA5gW9mq8JfBXn9TtC0nDPlqePAhpv9v4g9aONBi6JI1OXHTKKkUYGd+BOrCA==}
     peerDependencies:
@@ -2421,6 +2445,10 @@ packages:
     resolution: {integrity: sha512-jOMLD2Z7MAhyG8aJpNOpmziMOP4rPLcc95oQPKXBazW82z+CEgPFBQvEpRUa1KeIMUJo4Wsm+q6uzO/Q/4BksQ==}
     engines: {node: '>=18'}
 
+  globby@14.0.2:
+    resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
+    engines: {node: '>=18'}
+
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
@@ -3409,6 +3437,9 @@ packages:
   pkg-types@1.1.1:
     resolution: {integrity: sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==}
 
+  pkg-types@1.1.3:
+    resolution: {integrity: sha512-+JrgthZG6m3ckicaOB74TwQ+tBWsFl3qVQg7mN8ulwSOElJ7gBhKzj2VkCPnZ4NlF6kEquYU+RIYNVAvzd54UA==}
+
   postcss-calc@10.0.0:
     resolution: {integrity: sha512-OmjhudoNTP0QleZCwl1i6NeBwN+5MZbY5ersLZz69mjJiDVv/p57RjRuKDkHeDWr4T+S97wQfsqRTNoDHB2e3g==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
@@ -3789,6 +3820,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@0.18.0:
     resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
     engines: {node: '>= 0.8.0'}
@@ -4132,6 +4168,9 @@ packages:
   ufo@1.5.3:
     resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
 
+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+
   ultrahtml@1.5.3:
     resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
 
@@ -4171,6 +4210,9 @@ packages:
   unimport@3.7.2:
     resolution: {integrity: sha512-91mxcZTadgXyj3lFWmrGT8GyoRHWuE5fqPOjg5RVtF6vj+OfM5G6WCzXjuYtSgELE5ggB34RY4oiCSEP8I3AHw==}
 
+  unimport@3.9.0:
+    resolution: {integrity: sha512-H2ftTISja1BonUVdOKRos6HC6dqYDR40dQTZY3zIDJ/5/z4ihncuL0LqLvtxYqUDMib41eAtunQUhXIWTCZ8rA==}
+
   unique-filename@3.0.0:
     resolution: {integrity: sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -4238,6 +4280,10 @@ packages:
     resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
     engines: {node: '>=14.0.0'}
 
+  unplugin@1.11.0:
+    resolution: {integrity: sha512-3r7VWZ/webh0SGgJScpWl2/MRCZK5d3ZYFcNaeci/GQ7Teop7zf0Nl2pUuz7G21BwPd9pcUPOC5KmJ2L3WgC5g==}
+    engines: {node: '>=14.0.0'}
+
   unstorage@1.10.2:
     resolution: {integrity: sha512-cULBcwDqrS8UhlIysUJs2Dk0Mmt8h7B0E6mtR+relW9nZvsf/u4SkAYyNliPiPW7XtFNb5u3IUMkxGxFTTRTgQ==}
     peerDependencies:
@@ -5036,7 +5082,7 @@ snapshots:
 
   '@floating-ui/utils@0.2.2': {}
 
-  '@iconify/collections@1.0.436':
+  '@iconify/collections@1.0.442':
     dependencies:
       '@iconify/types': 2.0.0
 
@@ -5343,6 +5389,17 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/devtools-kit@1.3.9(magicast@0.3.4)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))':
+    dependencies:
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
+      '@nuxt/schema': 3.12.4(rollup@4.18.0)
+      execa: 7.2.0
+      vite: 5.3.1(@types/node@20.14.2)(terser@5.31.1)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+
   '@nuxt/devtools-wizard@1.3.3':
     dependencies:
       consola: 3.2.3
@@ -5421,21 +5478,20 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/icon@1.0.0(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.2)(@unocss/reset@0.60.4)(encoding@0.1.13)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.4.29(typescript@5.4.5)))(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)(terser@5.31.1)(typescript@5.4.5)(unocss@0.60.4(postcss@8.4.38)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))(vue@3.4.29(typescript@5.4.5))':
+  '@nuxt/icon@1.0.0(magicast@0.3.4)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))(vue@3.4.29(typescript@5.4.5))':
     dependencies:
-      '@iconify/collections': 1.0.436
+      '@iconify/collections': 1.0.442
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.25
       '@iconify/vue': 4.1.2(vue@3.4.29(typescript@5.4.5))
-      '@nuxt/devtools-kit': 1.3.3(magicast@0.3.4)(nuxt@3.12.2(@opentelemetry/api@1.9.0)(@parcel/watcher@2.4.1)(@types/node@20.14.2)(@unocss/reset@0.60.4)(encoding@0.1.13)(floating-vue@5.2.2(@nuxt/kit@3.12.2(magicast@0.3.4)(rollup@4.18.0))(vue@3.4.29(typescript@5.4.5)))(ioredis@5.4.1)(magicast@0.3.4)(rollup@4.18.0)(terser@5.31.1)(typescript@5.4.5)(unocss@0.60.4(postcss@8.4.38)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1)))(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))
-      '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
+      '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.18.0)(vite@5.3.1(@types/node@20.14.2)(terser@5.31.1))
+      '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.0)
       consola: 3.2.3
       fast-glob: 3.3.2
       local-pkg: 0.5.0
       pathe: 1.1.2
     transitivePeerDependencies:
       - magicast
-      - nuxt
       - rollup
       - supports-color
       - vite
@@ -5501,6 +5557,33 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.0)':
+    dependencies:
+      '@nuxt/schema': 3.12.4(rollup@4.18.0)
+      c12: 1.11.1(magicast@0.3.4)
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      globby: 14.0.2
+      hash-sum: 2.0.0
+      ignore: 5.3.1
+      jiti: 1.21.6
+      klona: 2.0.6
+      knitwork: 1.1.0
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      scule: 1.3.0
+      semver: 7.6.3
+      ufo: 1.5.4
+      unctx: 2.3.1
+      unimport: 3.9.0(rollup@4.18.0)
+      untyped: 1.4.2
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+
   '@nuxt/schema@3.12.1(rollup@4.18.0)':
     dependencies:
       compatx: 0.1.3
@@ -5537,6 +5620,24 @@ snapshots:
       - rollup
       - supports-color
 
+  '@nuxt/schema@3.12.4(rollup@4.18.0)':
+    dependencies:
+      compatx: 0.1.8
+      consola: 3.2.3
+      defu: 6.1.4
+      hookable: 5.5.3
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      scule: 1.3.0
+      std-env: 3.7.0
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unimport: 3.9.0(rollup@4.18.0)
+      untyped: 1.4.2
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
   '@nuxt/telemetry@2.5.4(magicast@0.3.4)(rollup@4.18.0)':
     dependencies:
       '@nuxt/kit': 3.12.2(magicast@0.3.4)(rollup@4.18.0)
@@ -6632,6 +6733,8 @@ snapshots:
 
   acorn@8.12.0: {}
 
+  acorn@8.12.1: {}
+
   agent-base@6.0.2:
     dependencies:
       debug: 4.3.5
@@ -7107,6 +7210,8 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  dayjs@1.11.11: {}
+
   db0@0.1.4: {}
 
   debug@2.6.9:
@@ -7560,6 +7665,15 @@ snapshots:
       slash: 5.1.0
       unicorn-magic: 0.1.0
 
+  globby@14.0.2:
+    dependencies:
+      '@sindresorhus/merge-streams': 2.3.0
+      fast-glob: 3.3.2
+      ignore: 5.3.1
+      path-type: 5.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.1.0
+
   graceful-fs@4.2.11: {}
 
   gzip-size@6.0.0:
@@ -8981,6 +9095,12 @@ snapshots:
       mlly: 1.7.1
       pathe: 1.1.2
 
+  pkg-types@1.1.3:
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.1
+      pathe: 1.1.2
+
   postcss-calc@10.0.0(postcss@8.4.38):
     dependencies:
       postcss: 8.4.38
@@ -9429,6 +9549,8 @@ snapshots:
 
   semver@7.6.2: {}
 
+  semver@7.6.3: {}
+
   send@0.18.0:
     dependencies:
       debug: 2.6.9
@@ -9831,6 +9953,8 @@ snapshots:
 
   ufo@1.5.3: {}
 
+  ufo@1.5.4: {}
+
   ultrahtml@1.5.3: {}
 
   unconfig@0.3.13:
@@ -9901,6 +10025,24 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  unimport@3.9.0(rollup@4.18.0):
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.18.0)
+      acorn: 8.12.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.1.3
+      scule: 1.3.0
+      strip-literal: 2.1.0
+      unplugin: 1.11.0
+    transitivePeerDependencies:
+      - rollup
+
   unique-filename@3.0.0:
     dependencies:
       unique-slug: 4.0.0
@@ -10015,6 +10157,13 @@ snapshots:
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.6.2
 
+  unplugin@1.11.0:
+    dependencies:
+      acorn: 8.12.1
+      chokidar: 3.6.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.2
+
   unstorage@1.10.2(ioredis@5.4.1):
     dependencies:
       anymatch: 3.1.3
diff --git a/public/img/articles/educational/3rd_party_devices/blinds_with_alice.webp b/public/img/articles/educational/3rd_party_devices/blinds_with_alice.webp
new file mode 100644
index 00000000..7bc79988
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/blinds_with_alice.webp differ
diff --git a/public/img/articles/educational/3rd_party_devices/leaving_from_aqara.jpg b/public/img/articles/educational/3rd_party_devices/leaving_from_aqara.jpg
new file mode 100644
index 00000000..244d4612
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/leaving_from_aqara.jpg differ
diff --git a/public/img/articles/educational/3rd_party_devices/meteo_fishing.jpg b/public/img/articles/educational/3rd_party_devices/meteo_fishing.jpg
new file mode 100644
index 00000000..1ec5927d
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/meteo_fishing.jpg differ
diff --git a/public/img/articles/educational/3rd_party_devices/redmond_teapot.png b/public/img/articles/educational/3rd_party_devices/redmond_teapot.png
new file mode 100644
index 00000000..ef161857
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/redmond_teapot.png differ
diff --git a/public/img/articles/educational/3rd_party_devices/varman_qtherm.webp b/public/img/articles/educational/3rd_party_devices/varman_qtherm.webp
new file mode 100644
index 00000000..c7c9a3c1
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/varman_qtherm.webp differ
diff --git a/public/img/articles/educational/3rd_party_devices/vizit_intercom.jpg b/public/img/articles/educational/3rd_party_devices/vizit_intercom.jpg
new file mode 100644
index 00000000..21d31d49
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/vizit_intercom.jpg differ
diff --git a/public/img/articles/educational/3rd_party_devices/wireless_akko_dooya.png b/public/img/articles/educational/3rd_party_devices/wireless_akko_dooya.png
new file mode 100644
index 00000000..1ea2476f
Binary files /dev/null and b/public/img/articles/educational/3rd_party_devices/wireless_akko_dooya.png differ
diff --git a/public/img/articles/educational/beginners/budget_smart_home.jpg b/public/img/articles/educational/beginners/budget_smart_home.jpg
new file mode 100644
index 00000000..a33c28de
Binary files /dev/null and b/public/img/articles/educational/beginners/budget_smart_home.jpg differ
diff --git a/public/img/articles/educational/beginners/dark_room_scenario.jpg b/public/img/articles/educational/beginners/dark_room_scenario.jpg
new file mode 100644
index 00000000..2e099eaa
Binary files /dev/null and b/public/img/articles/educational/beginners/dark_room_scenario.jpg differ
diff --git a/public/img/articles/educational/beginners/electrical_panel.webp b/public/img/articles/educational/beginners/electrical_panel.webp
new file mode 100644
index 00000000..e9bbadbc
Binary files /dev/null and b/public/img/articles/educational/beginners/electrical_panel.webp differ
diff --git a/public/img/articles/educational/beginners/from_aqara_to_wb.jpg b/public/img/articles/educational/beginners/from_aqara_to_wb.jpg
new file mode 100644
index 00000000..244d4612
Binary files /dev/null and b/public/img/articles/educational/beginners/from_aqara_to_wb.jpg differ
diff --git a/public/img/articles/educational/beginners/hardware_selection.jpg b/public/img/articles/educational/beginners/hardware_selection.jpg
new file mode 100644
index 00000000..0fc61668
Binary files /dev/null and b/public/img/articles/educational/beginners/hardware_selection.jpg differ
diff --git a/public/img/articles/educational/beginners/hmi_from_tablet.jpg b/public/img/articles/educational/beginners/hmi_from_tablet.jpg
new file mode 100644
index 00000000..7c016081
Binary files /dev/null and b/public/img/articles/educational/beginners/hmi_from_tablet.jpg differ
diff --git a/public/img/articles/educational/beginners/sensors_placement.jpg b/public/img/articles/educational/beginners/sensors_placement.jpg
new file mode 100644
index 00000000..f5f8d9c6
Binary files /dev/null and b/public/img/articles/educational/beginners/sensors_placement.jpg differ
diff --git a/public/img/articles/educational/beginners/smart_home_base_knowledge.webp b/public/img/articles/educational/beginners/smart_home_base_knowledge.webp
new file mode 100644
index 00000000..0e687736
Binary files /dev/null and b/public/img/articles/educational/beginners/smart_home_base_knowledge.webp differ
diff --git a/public/img/articles/educational/beginners/smart_home_instruction.jpg b/public/img/articles/educational/beginners/smart_home_instruction.jpg
new file mode 100644
index 00000000..480e5279
Binary files /dev/null and b/public/img/articles/educational/beginners/smart_home_instruction.jpg differ
diff --git a/public/img/articles/educational/beginners/switchers_overview.jpg b/public/img/articles/educational/beginners/switchers_overview.jpg
new file mode 100644
index 00000000..a2887264
Binary files /dev/null and b/public/img/articles/educational/beginners/switchers_overview.jpg differ
diff --git a/public/img/articles/educational/beginners/what_for_wb.webp b/public/img/articles/educational/beginners/what_for_wb.webp
new file mode 100644
index 00000000..18bda673
Binary files /dev/null and b/public/img/articles/educational/beginners/what_for_wb.webp differ
diff --git a/public/img/articles/educational/beginners/zigbee2mqtt.jpg b/public/img/articles/educational/beginners/zigbee2mqtt.jpg
new file mode 100644
index 00000000..31e5fda7
Binary files /dev/null and b/public/img/articles/educational/beginners/zigbee2mqtt.jpg differ
diff --git a/public/img/articles/educational/electrics/dimmer_wb_mdm3.webp b/public/img/articles/educational/electrics/dimmer_wb_mdm3.webp
new file mode 100644
index 00000000..008063fc
Binary files /dev/null and b/public/img/articles/educational/electrics/dimmer_wb_mdm3.webp differ
diff --git a/public/img/articles/educational/electrics/smart_electrics.png b/public/img/articles/educational/electrics/smart_electrics.png
new file mode 100644
index 00000000..867352ad
Binary files /dev/null and b/public/img/articles/educational/electrics/smart_electrics.png differ
diff --git a/public/img/articles/educational/electrics/smart_light.png b/public/img/articles/educational/electrics/smart_light.png
new file mode 100644
index 00000000..276c2702
Binary files /dev/null and b/public/img/articles/educational/electrics/smart_light.png differ
diff --git a/public/img/articles/educational/electrics/switcher_downgrade.webp b/public/img/articles/educational/electrics/switcher_downgrade.webp
new file mode 100644
index 00000000..dcfceae2
Binary files /dev/null and b/public/img/articles/educational/electrics/switcher_downgrade.webp differ
diff --git a/public/img/articles/educational/heating/cityron.webp b/public/img/articles/educational/heating/cityron.webp
new file mode 100644
index 00000000..1be99640
Binary files /dev/null and b/public/img/articles/educational/heating/cityron.webp differ
diff --git a/public/img/articles/educational/heating/floor_heating.jpg b/public/img/articles/educational/heating/floor_heating.jpg
new file mode 100644
index 00000000..44447d44
Binary files /dev/null and b/public/img/articles/educational/heating/floor_heating.jpg differ
diff --git a/public/img/articles/educational/heating/meteo_with_nodered.png b/public/img/articles/educational/heating/meteo_with_nodered.png
new file mode 100644
index 00000000..60760290
Binary files /dev/null and b/public/img/articles/educational/heating/meteo_with_nodered.png differ
diff --git a/public/img/articles/educational/heating/opentherm.webp b/public/img/articles/educational/heating/opentherm.webp
new file mode 100644
index 00000000..bf47d152
Binary files /dev/null and b/public/img/articles/educational/heating/opentherm.webp differ
diff --git a/public/img/articles/educational/heating/zone_controller.png b/public/img/articles/educational/heating/zone_controller.png
new file mode 100644
index 00000000..dfb823fb
Binary files /dev/null and b/public/img/articles/educational/heating/zone_controller.png differ
diff --git a/public/img/articles/educational/heating/zone_heating.webp b/public/img/articles/educational/heating/zone_heating.webp
new file mode 100644
index 00000000..07f6898b
Binary files /dev/null and b/public/img/articles/educational/heating/zone_heating.webp differ
diff --git a/public/img/articles/educational/integrations/amazon_with_grafana.png b/public/img/articles/educational/integrations/amazon_with_grafana.png
new file mode 100644
index 00000000..50dfb666
Binary files /dev/null and b/public/img/articles/educational/integrations/amazon_with_grafana.png differ
diff --git a/public/img/articles/educational/integrations/codesys.webp b/public/img/articles/educational/integrations/codesys.webp
new file mode 100644
index 00000000..790f34c3
Binary files /dev/null and b/public/img/articles/educational/integrations/codesys.webp differ
diff --git a/public/img/articles/educational/integrations/google_home_kit.png b/public/img/articles/educational/integrations/google_home_kit.png
new file mode 100644
index 00000000..2910490c
Binary files /dev/null and b/public/img/articles/educational/integrations/google_home_kit.png differ
diff --git a/public/img/articles/educational/integrations/grafana.png b/public/img/articles/educational/integrations/grafana.png
new file mode 100644
index 00000000..3d2e892c
Binary files /dev/null and b/public/img/articles/educational/integrations/grafana.png differ
diff --git a/public/img/articles/educational/integrations/home_assistant.png b/public/img/articles/educational/integrations/home_assistant.png
new file mode 100644
index 00000000..d04e9931
Binary files /dev/null and b/public/img/articles/educational/integrations/home_assistant.png differ
diff --git a/public/img/articles/educational/integrations/intrahouse.webp b/public/img/articles/educational/integrations/intrahouse.webp
new file mode 100644
index 00000000..ececbc76
Binary files /dev/null and b/public/img/articles/educational/integrations/intrahouse.webp differ
diff --git a/public/img/articles/educational/integrations/intrascada.webp b/public/img/articles/educational/integrations/intrascada.webp
new file mode 100644
index 00000000..0272d59e
Binary files /dev/null and b/public/img/articles/educational/integrations/intrascada.webp differ
diff --git a/public/img/articles/educational/integrations/node_red.png b/public/img/articles/educational/integrations/node_red.png
new file mode 100644
index 00000000..be47727d
Binary files /dev/null and b/public/img/articles/educational/integrations/node_red.png differ
diff --git a/public/img/articles/educational/integrations/rapidscada.png b/public/img/articles/educational/integrations/rapidscada.png
new file mode 100644
index 00000000..9cb3d848
Binary files /dev/null and b/public/img/articles/educational/integrations/rapidscada.png differ
diff --git a/public/img/articles/educational/integrations/spruthub.png b/public/img/articles/educational/integrations/spruthub.png
new file mode 100644
index 00000000..2a389f43
Binary files /dev/null and b/public/img/articles/educational/integrations/spruthub.png differ
diff --git a/public/img/articles/educational/integrations/zabbix.png b/public/img/articles/educational/integrations/zabbix.png
new file mode 100644
index 00000000..7fab8345
Binary files /dev/null and b/public/img/articles/educational/integrations/zabbix.png differ
diff --git a/public/img/articles/educational/node_red/3_scenarios.jpeg b/public/img/articles/educational/node_red/3_scenarios.jpeg
new file mode 100644
index 00000000..aec7d516
Binary files /dev/null and b/public/img/articles/educational/node_red/3_scenarios.jpeg differ
diff --git a/public/img/articles/educational/node_red/4_scenarios.jpeg b/public/img/articles/educational/node_red/4_scenarios.jpeg
new file mode 100644
index 00000000..5a20649e
Binary files /dev/null and b/public/img/articles/educational/node_red/4_scenarios.jpeg differ
diff --git a/public/img/articles/educational/node_red/execution_without_console.png b/public/img/articles/educational/node_red/execution_without_console.png
new file mode 100644
index 00000000..f087ed88
Binary files /dev/null and b/public/img/articles/educational/node_red/execution_without_console.png differ
diff --git a/public/img/articles/educational/node_red/telegram_bot.png b/public/img/articles/educational/node_red/telegram_bot.png
new file mode 100644
index 00000000..6273c233
Binary files /dev/null and b/public/img/articles/educational/node_red/telegram_bot.png differ
diff --git a/public/img/articles/educational/node_red/zigbee_devices.webp b/public/img/articles/educational/node_red/zigbee_devices.webp
new file mode 100644
index 00000000..02418da9
Binary files /dev/null and b/public/img/articles/educational/node_red/zigbee_devices.webp differ
diff --git a/public/img/articles/educational/ventilation/ventilation_algorithms.webp b/public/img/articles/educational/ventilation/ventilation_algorithms.webp
new file mode 100644
index 00000000..87ca06b0
Binary files /dev/null and b/public/img/articles/educational/ventilation/ventilation_algorithms.webp differ
diff --git a/public/img/articles/educational/ventilation/ventilation_assembly.png b/public/img/articles/educational/ventilation/ventilation_assembly.png
new file mode 100644
index 00000000..cfa027ec
Binary files /dev/null and b/public/img/articles/educational/ventilation/ventilation_assembly.png differ
diff --git a/public/img/articles/educational/ventilation/ventilation_assembly.webp b/public/img/articles/educational/ventilation/ventilation_assembly.webp
new file mode 100644
index 00000000..32e9cd48
Binary files /dev/null and b/public/img/articles/educational/ventilation/ventilation_assembly.webp differ
diff --git a/public/img/articles/educational/ventilation/ventilation_control.png b/public/img/articles/educational/ventilation/ventilation_control.png
new file mode 100644
index 00000000..18891cfe
Binary files /dev/null and b/public/img/articles/educational/ventilation/ventilation_control.png differ
diff --git a/public/img/articles/hardware_selection/analogs_foreign_hardware.png b/public/img/articles/hardware_selection/analogs_foreign_hardware.png
new file mode 100644
index 00000000..da43e137
Binary files /dev/null and b/public/img/articles/hardware_selection/analogs_foreign_hardware.png differ
diff --git a/public/img/articles/hardware_selection/automatic_gates.png b/public/img/articles/hardware_selection/automatic_gates.png
new file mode 100644
index 00000000..4c150c68
Binary files /dev/null and b/public/img/articles/hardware_selection/automatic_gates.png differ
diff --git a/public/img/articles/hardware_selection/leakage_protection.png b/public/img/articles/hardware_selection/leakage_protection.png
new file mode 100644
index 00000000..9ef8a510
Binary files /dev/null and b/public/img/articles/hardware_selection/leakage_protection.png differ
diff --git a/public/img/articles/hardware_selection/lighting_automation.png b/public/img/articles/hardware_selection/lighting_automation.png
new file mode 100644
index 00000000..5a8c8eb1
Binary files /dev/null and b/public/img/articles/hardware_selection/lighting_automation.png differ
diff --git a/public/img/articles/hardware_selection/monitoring_automation.png b/public/img/articles/hardware_selection/monitoring_automation.png
new file mode 100644
index 00000000..2a8ce46f
Binary files /dev/null and b/public/img/articles/hardware_selection/monitoring_automation.png differ
diff --git a/public/img/articles/hardware_selection/smart_home_design_principles.webp b/public/img/articles/hardware_selection/smart_home_design_principles.webp
new file mode 100644
index 00000000..9240db93
Binary files /dev/null and b/public/img/articles/hardware_selection/smart_home_design_principles.webp differ
diff --git a/public/img/articles/hardware_selection/underfloor_heating.png b/public/img/articles/hardware_selection/underfloor_heating.png
new file mode 100644
index 00000000..db3bf0d3
Binary files /dev/null and b/public/img/articles/hardware_selection/underfloor_heating.png differ
diff --git a/public/img/articles/hardware_selection/ventilation_control.png b/public/img/articles/hardware_selection/ventilation_control.png
new file mode 100644
index 00000000..9931811a
Binary files /dev/null and b/public/img/articles/hardware_selection/ventilation_control.png differ
diff --git a/public/img/articles/manufactoring/device_reliability.png b/public/img/articles/manufactoring/device_reliability.png
new file mode 100644
index 00000000..5b56877a
Binary files /dev/null and b/public/img/articles/manufactoring/device_reliability.png differ
diff --git a/public/img/articles/manufactoring/embedded_controller.jpg b/public/img/articles/manufactoring/embedded_controller.jpg
new file mode 100644
index 00000000..f4e1082b
Binary files /dev/null and b/public/img/articles/manufactoring/embedded_controller.jpg differ
diff --git a/public/img/articles/manufactoring/how_we_invented_bike.jpg b/public/img/articles/manufactoring/how_we_invented_bike.jpg
new file mode 100644
index 00000000..c26bd549
Binary files /dev/null and b/public/img/articles/manufactoring/how_we_invented_bike.jpg differ
diff --git a/public/img/articles/manufactoring/how_we_test_devices.jpg b/public/img/articles/manufactoring/how_we_test_devices.jpg
new file mode 100644
index 00000000..2b8942cf
Binary files /dev/null and b/public/img/articles/manufactoring/how_we_test_devices.jpg differ
diff --git a/public/img/articles/manufactoring/ionistores.jpg b/public/img/articles/manufactoring/ionistores.jpg
new file mode 100644
index 00000000..162b5ff3
Binary files /dev/null and b/public/img/articles/manufactoring/ionistores.jpg differ
diff --git a/public/img/articles/manufactoring/modbus_upgrade.webp b/public/img/articles/manufactoring/modbus_upgrade.webp
new file mode 100644
index 00000000..37cbcea2
Binary files /dev/null and b/public/img/articles/manufactoring/modbus_upgrade.webp differ
diff --git a/public/img/articles/manufactoring/qt18b20.png b/public/img/articles/manufactoring/qt18b20.png
new file mode 100644
index 00000000..6b2a557a
Binary files /dev/null and b/public/img/articles/manufactoring/qt18b20.png differ
diff --git a/public/img/articles/manufactoring/soldering_robot.jpg b/public/img/articles/manufactoring/soldering_robot.jpg
new file mode 100644
index 00000000..242798fe
Binary files /dev/null and b/public/img/articles/manufactoring/soldering_robot.jpg differ
diff --git a/public/img/articles/manufactoring/wirenboard_ci_cd.png b/public/img/articles/manufactoring/wirenboard_ci_cd.png
new file mode 100644
index 00000000..1516875b
Binary files /dev/null and b/public/img/articles/manufactoring/wirenboard_ci_cd.png differ
diff --git a/public/img/articles/user_experience/apartments/frist_smart_boolichev.jpg b/public/img/articles/user_experience/apartments/frist_smart_boolichev.jpg
new file mode 100644
index 00000000..11458673
Binary files /dev/null and b/public/img/articles/user_experience/apartments/frist_smart_boolichev.jpg differ
diff --git a/public/img/articles/user_experience/apartments/kreen.jpeg b/public/img/articles/user_experience/apartments/kreen.jpeg
new file mode 100644
index 00000000..c9e4e198
Binary files /dev/null and b/public/img/articles/user_experience/apartments/kreen.jpeg differ
diff --git a/public/img/articles/user_experience/apartments/smart_boolichev.jpeg b/public/img/articles/user_experience/apartments/smart_boolichev.jpeg
new file mode 100644
index 00000000..71f2e16f
Binary files /dev/null and b/public/img/articles/user_experience/apartments/smart_boolichev.jpeg differ
diff --git a/public/img/articles/user_experience/apartments/zhelezno.png b/public/img/articles/user_experience/apartments/zhelezno.png
new file mode 100644
index 00000000..3a1ec23d
Binary files /dev/null and b/public/img/articles/user_experience/apartments/zhelezno.png differ
diff --git a/public/img/articles/user_experience/business_objects/auto_warehouse.jpg b/public/img/articles/user_experience/business_objects/auto_warehouse.jpg
new file mode 100644
index 00000000..ad05abc7
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/auto_warehouse.jpg differ
diff --git a/public/img/articles/user_experience/business_objects/city_farm.jpg b/public/img/articles/user_experience/business_objects/city_farm.jpg
new file mode 100644
index 00000000..58f15158
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/city_farm.jpg differ
diff --git a/public/img/articles/user_experience/business_objects/energia_excursion.webp b/public/img/articles/user_experience/business_objects/energia_excursion.webp
new file mode 100644
index 00000000..3e5ac713
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/energia_excursion.webp differ
diff --git a/public/img/articles/user_experience/business_objects/facility_automation.webp b/public/img/articles/user_experience/business_objects/facility_automation.webp
new file mode 100644
index 00000000..46e3ff65
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/facility_automation.webp differ
diff --git a/public/img/articles/user_experience/business_objects/greenhouse_automating.webp b/public/img/articles/user_experience/business_objects/greenhouse_automating.webp
new file mode 100644
index 00000000..d5b40210
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/greenhouse_automating.webp differ
diff --git a/public/img/articles/user_experience/business_objects/move_from_siemens.png b/public/img/articles/user_experience/business_objects/move_from_siemens.png
new file mode 100644
index 00000000..4f26750d
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/move_from_siemens.png differ
diff --git a/public/img/articles/user_experience/business_objects/office_automation.webp b/public/img/articles/user_experience/business_objects/office_automation.webp
new file mode 100644
index 00000000..12b7cca6
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/office_automation.webp differ
diff --git a/public/img/articles/user_experience/business_objects/sauna_automation.jpg b/public/img/articles/user_experience/business_objects/sauna_automation.jpg
new file mode 100644
index 00000000..6f4cd9a3
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/sauna_automation.jpg differ
diff --git a/public/img/articles/user_experience/business_objects/smart_meatplant.jpg b/public/img/articles/user_experience/business_objects/smart_meatplant.jpg
new file mode 100644
index 00000000..b1be114d
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/smart_meatplant.jpg differ
diff --git a/public/img/articles/user_experience/business_objects/smart_office.webp b/public/img/articles/user_experience/business_objects/smart_office.webp
new file mode 100644
index 00000000..4aa1457a
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/smart_office.webp differ
diff --git a/public/img/articles/user_experience/business_objects/smart_sauna.webp b/public/img/articles/user_experience/business_objects/smart_sauna.webp
new file mode 100644
index 00000000..5a26329a
Binary files /dev/null and b/public/img/articles/user_experience/business_objects/smart_sauna.webp differ
diff --git a/public/img/articles/user_experience/embedded/energy_storage_excursion.jpg b/public/img/articles/user_experience/embedded/energy_storage_excursion.jpg
new file mode 100644
index 00000000..6e4f7488
Binary files /dev/null and b/public/img/articles/user_experience/embedded/energy_storage_excursion.jpg differ
diff --git a/public/img/articles/user_experience/embedded/industrial_disinfection.jpg b/public/img/articles/user_experience/embedded/industrial_disinfection.jpg
new file mode 100644
index 00000000..6360f68e
Binary files /dev/null and b/public/img/articles/user_experience/embedded/industrial_disinfection.jpg differ
diff --git a/public/img/articles/user_experience/embedded/weather_stations.png b/public/img/articles/user_experience/embedded/weather_stations.png
new file mode 100644
index 00000000..171de2c1
Binary files /dev/null and b/public/img/articles/user_experience/embedded/weather_stations.png differ
diff --git a/public/img/articles/user_experience/home_automation/automating_ventilation.jpg b/public/img/articles/user_experience/home_automation/automating_ventilation.jpg
new file mode 100644
index 00000000..51afc1e3
Binary files /dev/null and b/public/img/articles/user_experience/home_automation/automating_ventilation.jpg differ
diff --git a/public/img/articles/user_experience/home_automation/gree_air_condition.jpg b/public/img/articles/user_experience/home_automation/gree_air_condition.jpg
new file mode 100644
index 00000000..d52f783e
Binary files /dev/null and b/public/img/articles/user_experience/home_automation/gree_air_condition.jpg differ
diff --git a/public/img/articles/user_experience/home_automation/gree_air_condition.png b/public/img/articles/user_experience/home_automation/gree_air_condition.png
new file mode 100644
index 00000000..552b8ddb
Binary files /dev/null and b/public/img/articles/user_experience/home_automation/gree_air_condition.png differ
diff --git a/public/img/articles/user_experience/home_automation/raspberry_pi.webp b/public/img/articles/user_experience/home_automation/raspberry_pi.webp
new file mode 100644
index 00000000..59f84da7
Binary files /dev/null and b/public/img/articles/user_experience/home_automation/raspberry_pi.webp differ
diff --git a/public/img/articles/user_experience/home_automation/smart_cottage.jpg b/public/img/articles/user_experience/home_automation/smart_cottage.jpg
new file mode 100644
index 00000000..deac1617
Binary files /dev/null and b/public/img/articles/user_experience/home_automation/smart_cottage.jpg differ
diff --git a/public/img/articles/user_experience/retail/horek.jpg b/public/img/articles/user_experience/retail/horek.jpg
new file mode 100644
index 00000000..d755809b
Binary files /dev/null and b/public/img/articles/user_experience/retail/horek.jpg differ
diff --git a/public/img/articles/user_experience/retail/magnit.webp b/public/img/articles/user_experience/retail/magnit.webp
new file mode 100644
index 00000000..71d60cef
Binary files /dev/null and b/public/img/articles/user_experience/retail/magnit.webp differ
diff --git a/public/img/articles/user_experience/retail/restaurants_upgrade.webp b/public/img/articles/user_experience/retail/restaurants_upgrade.webp
new file mode 100644
index 00000000..65fef1b6
Binary files /dev/null and b/public/img/articles/user_experience/retail/restaurants_upgrade.webp differ
diff --git a/public/img/articles/user_experience/retail/rostics.webp b/public/img/articles/user_experience/retail/rostics.webp
new file mode 100644
index 00000000..043b8701
Binary files /dev/null and b/public/img/articles/user_experience/retail/rostics.webp differ
diff --git a/public/img/articles/user_experience/retail/smart_restaurant.jpg b/public/img/articles/user_experience/retail/smart_restaurant.jpg
new file mode 100644
index 00000000..846dc8e2
Binary files /dev/null and b/public/img/articles/user_experience/retail/smart_restaurant.jpg differ
diff --git a/public/img/articles/user_experience/retail/vertical_boutique.webp b/public/img/articles/user_experience/retail/vertical_boutique.webp
new file mode 100644
index 00000000..68e9bc18
Binary files /dev/null and b/public/img/articles/user_experience/retail/vertical_boutique.webp differ
diff --git a/public/img/articles/user_experience/tsod/howto_monitoring.jpg b/public/img/articles/user_experience/tsod/howto_monitoring.jpg
new file mode 100644
index 00000000..842a3947
Binary files /dev/null and b/public/img/articles/user_experience/tsod/howto_monitoring.jpg differ
diff --git a/public/img/articles/user_experience/tsod/noninvasive_monitoring.webp b/public/img/articles/user_experience/tsod/noninvasive_monitoring.webp
new file mode 100644
index 00000000..924e15e8
Binary files /dev/null and b/public/img/articles/user_experience/tsod/noninvasive_monitoring.webp differ
diff --git a/public/img/articles/user_experience/tsod/what_for_tsod.jpg b/public/img/articles/user_experience/tsod/what_for_tsod.jpg
new file mode 100644
index 00000000..9621f92e
Binary files /dev/null and b/public/img/articles/user_experience/tsod/what_for_tsod.jpg differ
diff --git a/utils/scrollToElementById.ts b/utils/scrollToElementById.ts
new file mode 100644
index 00000000..c08c671c
--- /dev/null
+++ b/utils/scrollToElementById.ts
@@ -0,0 +1,3 @@
+export const scrollToElementById = (id: string) => {
+  document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' });
+};
\ No newline at end of file