diff --git a/src/app/models/structure.model.ts b/src/app/models/structure.model.ts
index 9be7c612c9a066580f81ba969a0900cd0cd28a9b..67f63ef0882bbbdb67b01f52a12609a299a21c82 100644
--- a/src/app/models/structure.model.ts
+++ b/src/app/models/structure.model.ts
@@ -75,6 +75,16 @@ export class Structure {
}
}
+ /**
+ * Check if a structure has equipments
+ */
+ public hasEquipments(): boolean {
+ if (this.wifi || this.ordinateurs) {
+ return true;
+ }
+ return false;
+ }
+
/**
* Return a range, according to the distance, between [1,3] to get a distance reference.
* - [0,5km] => 1
diff --git a/src/app/shared/components/logo-card/logo-card.component.ts b/src/app/shared/components/logo-card/logo-card.component.ts
index 8c1324b9d80faf0579eaccb462e7ec576084c590..5f13e6fd4aae25e4f9f45b6a7fc29bae8616b69a 100644
--- a/src/app/shared/components/logo-card/logo-card.component.ts
+++ b/src/app/shared/components/logo-card/logo-card.component.ts
@@ -18,7 +18,6 @@ export class LogoCardComponent implements OnInit {
ngOnInit(): void {}
public getLogoKey(demarche: string): string {
- // return Demarches[demerche];
switch (demarche) {
case Demarches.caf:
return 'caf';
@@ -44,7 +43,6 @@ export class LogoCardComponent implements OnInit {
}
private getLabelKey(demarche: string): string {
- console.log('other !');
switch (demarche) {
case Labels.aidants_connect:
return 'aidants';
@@ -53,7 +51,7 @@ export class LogoCardComponent implements OnInit {
case Labels.pass_numerique:
return 'pass';
default:
- return 'null';
+ throw new Error(`${demarche} is not handled by getLabelKey and getLogoKey`);
}
}
}
diff --git a/src/app/shared/components/svg-icon/svg-icon.component.html b/src/app/shared/components/svg-icon/svg-icon.component.html
index 1bfa4f47519cdc4ffb4ac0ec3b94721d4d9d22f2..f151f4bb01f95b8d68cebd0c2739bb796a7f0706 100644
--- a/src/app/shared/components/svg-icon/svg-icon.component.html
+++ b/src/app/shared/components/svg-icon/svg-icon.component.html
@@ -1,3 +1,3 @@
-<svg aria-hidden="true" class="icon" [ngClass]="icon">
+<svg aria-hidden="true" class="icon" [ngClass]="iconClass">
<use [attr.xlink:href]="'assets/' + type + '/sprite.svg#' + icon"></use>
</svg>
diff --git a/src/app/shared/components/svg-icon/svg-icon.component.scss b/src/app/shared/components/svg-icon/svg-icon.component.scss
index 6d77b5a48fea8dcf88b00954c1f44ee0a52f3487..afdc21e25e283aea375248395358c07a2be274d5 100644
--- a/src/app/shared/components/svg-icon/svg-icon.component.scss
+++ b/src/app/shared/components/svg-icon/svg-icon.component.scss
@@ -1,6 +1,11 @@
.icon {
- color: inherit;
display: inline-block;
+ height: 24px;
+ width: 24px;
+ &.icon-32 {
+ height: 32px;
+ width: 32px;
+ }
}
svg {
diff --git a/src/app/shared/components/svg-icon/svg-icon.component.ts b/src/app/shared/components/svg-icon/svg-icon.component.ts
index 730e42948d86edca8e55ed5025b054814daba951..324fd4076a3de2d68be5a7e9b6f6848cbdec8da0 100644
--- a/src/app/shared/components/svg-icon/svg-icon.component.ts
+++ b/src/app/shared/components/svg-icon/svg-icon.component.ts
@@ -7,6 +7,7 @@ import { Component, Input } from '@angular/core';
})
export class SvgIconComponent {
@Input() icon: string;
+ @Input() iconClass: string;
@Input() type: string;
constructor() {}
}
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html
index ba303e734c3a332a6c018c34b0a1cfbaf1b1aaaf..07edb5fa544a05be1d3f1b13522e4e792251ffe4 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.html
+++ b/src/app/structure-list/components/structure-details/structure-details.component.html
@@ -10,30 +10,30 @@
<app-structure-opening-status [structure]="structure"></app-structure-opening-status>
<div fxLayout="row">
<div fxLayout="column" fxFlex="60%">
- <div *ngIf="structure.voie" fxLayout="row" fxLayoutAlign="none center">
- <em class="ico-marker-pin-sm absolute"></em>
+ <div *ngIf="structure.voie" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'adress'"></app-svg-icon>
<p>{{ structure.n }} {{ structure.address }}</p>
</div>
- <div *ngIf="structure.siteWeb" fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-globe-alt"></em>
+ <div *ngIf="structure.siteWeb" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'web'"></app-svg-icon>
<a target="_blank" rel="noopener noreferrer" [href]="structure.siteWeb">{{ structure.siteWeb }}</a>
</div>
- <div *ngIf="structure.telephone" fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-phone"></em>
+ <div *ngIf="structure.telephone" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'tel'"></app-svg-icon>
<p>{{ structure.telephone }}</p>
</div>
</div>
<div fxLayout="column" fxFlex="40%">
- <div *ngIf="structure.courriel" fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-mail"></em>
+ <div *ngIf="structure.courriel" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'email'"></app-svg-icon>
<a [href]="'mailto:' + structure.courriel">{{ structure.courriel }}</a>
</div>
- <div fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-mail"></em>
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'pass'"></app-svg-icon>
<p>TODO: PASS</p>
</div>
- <div fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-mail"></em>
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'structure'"></app-svg-icon>
<p>TODO: FABLAB</p>
</div>
</div>
@@ -42,14 +42,14 @@
</div>
<!-- Démarches -->
<div
- *ngIf="structure.accompagnementDesDemarches.length > 0"
+ *ngIf="structure.accompagnementDesDemarches[0] !== ''"
fxLayout="column"
class="structrue-details-block"
fxLayoutAlign="baseline baseline"
fxLayoutGap="20px"
>
- <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="20px">
- <em class="ic-mouse"></em>
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="20px">
+ <app-svg-icon [type]="'ico'" [icon]="'demarches'" [iconClass]="'icon-32'"></app-svg-icon>
<h2>Démarches</h2>
</div>
<div fxLayout="row wrap" fxLayoutGap="24px">
@@ -60,8 +60,8 @@
</div>
<!-- Services -->
<div fxLayout="column" class="structrue-details-block" fxLayoutAlign="baseline baseline" fxLayoutGap="20px">
- <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="20px">
- <em class="ic-mouse"></em>
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="20px">
+ <app-svg-icon [type]="'ico'" [icon]="'services'" [iconClass]="'icon-32'"></app-svg-icon>
<h2>Services</h2>
</div>
<div fxLayout="row" class="w-100">
@@ -75,8 +75,8 @@
</div>
<!-- Accueil -->
<div fxLayout="column" class="structrue-details-block" fxLayoutAlign="baseline baseline" fxLayoutGap="20px">
- <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="20px">
- <em class="ic-mouse"></em>
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="20px">
+ <app-svg-icon [type]="'ico'" [icon]="'accueil'" [iconClass]="'icon-32'"></app-svg-icon>
<h2>Accueil</h2>
</div>
<!-- Openning Hours -->
@@ -87,7 +87,7 @@
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
<div *ngIf="day.value.open">
<h4>{{ day.key | day }}</h4>
- <div class="openning-time" fxLayout="row" fxLayoutAlign="none center">
+ <div class="openning-time" fxLayout="row" fxLayoutAlign="none flex-end">
<div *ngFor="let timeRange of day.value.time; let isFirst = first">
<p *ngIf="isFirst">de {{ timeRange.formatOpenningDate() }} Ã {{ timeRange.formatClosingDate() }}</p>
<p *ngIf="!isFirst && timeRange.openning">
@@ -102,43 +102,47 @@
<!-- modalitesDacces -->
<div fxFlex="30%">
<h3 class="subtitle">Accès</h3>
- <div *ngFor="let acces of structure.modalitesDacces">
- <em
- [ngClass]="{
- 'ic-user': acces === accessModality.free,
- 'ic-calendar-today': acces === accessModality.meeting,
- 'ic-camera': acces === accessModality.numeric
- }"
- ></em>
+ <div
+ *ngFor="let acces of structure.modalitesDacces"
+ fxLayout="row"
+ fxLayoutAlign="none flex-end"
+ fxLayoutGap="20px"
+ >
+ <app-svg-icon [type]="'ico'" [icon]="getAccessIcon(acces)"></app-svg-icon>
<p>{{ acces }}</p>
</div>
</div>
</div>
</div>
<!-- Equipements -->
- <div fxLayout="column" class="structrue-details-block" fxLayoutAlign="baseline baseline">
- <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="20px">
- <em class="ic-toolbox"></em>
+ <div
+ *ngIf="structure.hasEquipments()"
+ fxLayout="column"
+ class="structrue-details-block"
+ fxLayoutAlign="baseline baseline"
+ >
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="20px">
+ <app-svg-icon [type]="'ico'" [icon]="'equipement'" [iconClass]="'icon-32'"></app-svg-icon>
<h2>Équipements</h2>
</div>
- <div *ngIf="structure.wifi" fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-wifi"></em>
+ <div *ngIf="structure.wifi" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'wifi'"></app-svg-icon>
<p>Wifi en accès libre</p>
</div>
- <div *ngIf="structure.ordinateurs" fxLayout="row" fxLayoutAlign="none center">
- <em class="ic-screen"></em>
+ <div *ngIf="structure.ordinateurs" fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="13px">
+ <app-svg-icon [type]="'ico'" [icon]="'computer'"></app-svg-icon>
<p>Ordinateurs à disposition : {{ structure.nombre }}</p>
</div>
</div>
<!-- Labels -->
<div
- *ngIf="structure.labelsEtQualifications"
+ *ngIf="structure.labelsEtQualifications[0] !== ''"
fxLayout="column"
class="structrue-details-block"
fxLayoutAlign="baseline baseline"
fxLayoutGap="20px"
>
- <div fxLayout="row" fxLayoutAlign="none baseline" fxLayoutGap="20px">
+ <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="20px">
<em class="ic-toolbox"></em>
<h2>Labelisation</h2>
</div>
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index 05793b4f6f9b6e1960dccdd2d8fe8772054f54d4..16a1dc68389a117c2263f0030a8e0a35cb18f80b 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -55,7 +55,7 @@ h4 {
p,
a {
@include cn-regular-16;
- margin-left: 30px;
+ // margin-left: 30px;
margin-top: 9px;
margin-bottom: 9px;
}
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.ts b/src/app/structure-list/components/structure-details/structure-details.component.ts
index 64454147be6b360b9d81ff26cdfcdf3ae5ee322c..e4dd41aa449dd14e2526a4a299403d11828b5eca 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.ts
+++ b/src/app/structure-list/components/structure-details/structure-details.component.ts
@@ -13,13 +13,24 @@ export class StructureDetailsComponent implements OnInit {
constructor() {}
- ngOnInit(): void {
- console.log(this.structure);
- }
+ ngOnInit(): void {}
public close(): void {
this.closeDetails.emit(true);
}
+ public getAccessIcon(accessModality: AccessModality): string {
+ switch (accessModality) {
+ case AccessModality.free:
+ return 'group';
+ case AccessModality.meeting:
+ return 'calendar';
+ case AccessModality.numeric:
+ return 'tel';
+ default:
+ throw new Error(`${accessModality} is not handled by getAccessIcon`);
+ }
+ }
+
public keepOriginalOrder = (a, b) => a.key;
}
diff --git a/src/assets/ico/accueil.svg b/src/assets/ico/accueil.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4aa9093961e54d283ae5187c961ebdc9358c2938
--- /dev/null
+++ b/src/assets/ico/accueil.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.375 10.8789C19.724 11.194 21.6862 12.2539 23.2617 14.0586C24.8372 15.8633 25.625 17.9688 25.625 20.375H6.375C6.375 17.9688 7.16276 15.8633 8.73828 14.0586C10.3138 12.2539 12.276 11.194 14.625 10.8789V10.0625H13.9375C13.737 10.0625 13.5651 10.0052 13.4219 9.89062C13.3073 9.7474 13.25 9.57552 13.25 9.375V8.6875C13.25 8.48698 13.3073 8.32943 13.4219 8.21484C13.5651 8.07161 13.737 8 13.9375 8H18.0625C18.263 8 18.4206 8.07161 18.5352 8.21484C18.6784 8.32943 18.75 8.48698 18.75 8.6875V9.375C18.75 9.57552 18.6784 9.7474 18.5352 9.89062C18.4206 10.0052 18.263 10.0625 18.0625 10.0625H17.375V10.8789ZM26.3125 21.75C26.513 21.75 26.6706 21.8216 26.7852 21.9648C26.9284 22.0794 27 22.237 27 22.4375V23.8125C27 24.013 26.9284 24.1849 26.7852 24.3281C26.6706 24.4427 26.513 24.5 26.3125 24.5H5.6875C5.48698 24.5 5.3151 24.4427 5.17188 24.3281C5.05729 24.1849 5 24.013 5 23.8125V22.4375C5 22.237 5.05729 22.0794 5.17188 21.9648C5.3151 21.8216 5.48698 21.75 5.6875 21.75H26.3125Z" fill="black"/>
+</svg>
diff --git a/src/assets/ico/adress.svg b/src/assets/ico/adress.svg
new file mode 100644
index 0000000000000000000000000000000000000000..97682015ee04d2c34d60b643094dbfc6ca3cd667
--- /dev/null
+++ b/src/assets/ico/adress.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 2C12.6055 2.0145 14.1397 2.68885 15.265 3.87463C16.3902 5.06042 17.0142 6.66048 16.9998 8.32269C16.9998 11.8208 12.1242 19 11 19C9.87584 19 5.00025 11.8208 5.00025 8.32269C4.98578 6.66048 5.60982 5.06042 6.73504 3.87463C7.86026 2.68885 9.39446 2.0145 11 2ZM10.9999 5.55695C12.0865 5.53677 13.0768 6.19906 13.5059 7.23274C13.9349 8.26643 13.7173 9.4661 12.9553 10.2683C12.1933 11.0704 11.0384 11.3157 10.0329 10.8888C9.02744 10.4619 8.37129 9.44779 8.37266 8.32272C8.36215 6.80858 9.53743 5.57133 10.9999 5.55695Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/calendar.svg b/src/assets/ico/calendar.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aea6e88f6bd0ef2764949c6885c9d5fce4b871d0
--- /dev/null
+++ b/src/assets/ico/calendar.svg
@@ -0,0 +1,4 @@
+<symbol id="calendar" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10H5V13H8V10Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C5.44772 2 5 2.44772 5 3V4H3C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H17V3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V4H7V3C7 2.44772 6.55229 2 6 2ZM4 9V18H18V9H4Z" fill="#333333"/>
+</symbol>
diff --git a/src/assets/ico/computer.svg b/src/assets/ico/computer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cb7ab7264fa34b0f0bbbdc2b113f1eecd629607e
--- /dev/null
+++ b/src/assets/ico/computer.svg
@@ -0,0 +1,6 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.5" y="3.5" width="17" height="11" rx="0.5" stroke="#333333"/>
+<rect x="2" y="12" width="18" height="2" fill="#333333"/>
+<rect x="9" y="15" width="4" height="2" fill="#333333"/>
+<path d="M7 17.382C7 17.1479 7.13226 16.9339 7.34164 16.8292L8.78885 16.1056C8.92771 16.0361 9.08082 16 9.23607 16H12.7639C12.9192 16 13.0723 16.0361 13.2111 16.1056L14.6584 16.8292C14.8677 16.9339 15 17.1479 15 17.382C15 17.7233 14.7233 18 14.382 18H7.61803C7.2767 18 7 17.7233 7 17.382Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/date.svg b/src/assets/ico/date.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ca40b11b2265cf613a37877a5ad4d0ad5af95305
--- /dev/null
+++ b/src/assets/ico/date.svg
@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10H5V13H8V10Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C5.44772 2 5 2.44772 5 3V4H3C2.44771 4 2 4.44772 2 5V19C2 19.5523 2.44771 20 3 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H17V3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V4H7V3C7 2.44772 6.55228 2 6 2ZM4 9V18H18V9H4Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/demarche.svg b/src/assets/ico/demarche.svg
new file mode 100644
index 0000000000000000000000000000000000000000..20e72395024c063a4486fa5f97d16d0d3353ab19
--- /dev/null
+++ b/src/assets/ico/demarche.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="11" y="10" width="2" height="2" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 11C8.23858 11 6 13.2386 6 16V23C6 26.3137 8.68629 29 12 29C15.3137 29 18 26.3137 18 23V16C18 13.2386 15.7614 11 13 11H11ZM12 14.5C11.4477 14.5 11 14.9477 11 15.5V18.5C11 19.0523 11.4477 19.5 12 19.5C12.5523 19.5 13 19.0523 13 18.5V15.5C13 14.9477 12.5523 14.5 12 14.5Z" fill="black"/>
+<path d="M12 10.5C12 9.33333 12 9.7 12 8.5C12 7 13 3 16.9999 3C20.9998 3 21.9999 7 21.9999 9.5C21.9999 12 21.9999 11 21.9999 12.5C21.9999 14 22.4999 17 24.9999 17C27.4999 17 27.9999 14.5 27.9999 12.5" stroke="black"/>
+</svg>
diff --git a/src/assets/ico/email.svg b/src/assets/ico/email.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a29ffff853a5598e60d58fc502ff1aa7740ec310
--- /dev/null
+++ b/src/assets/ico/email.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 4H19.5C20.3284 4 21 4.67157 21 5.5V16.0714C21 16.8998 20.3284 17.5714 19.5 17.5714H3.5C2.67157 17.5714 2 16.8998 2 16.0714V5.5C2 4.67157 2.67157 4 3.5 4ZM2.91716 6.02444C3.04832 5.78143 3.35163 5.69075 3.59464 5.8219L11.2431 9.94966C11.5474 10.1138 11.9148 10.1093 12.2149 9.93753L19.3945 5.82797C19.6341 5.69079 19.9396 5.77387 20.0768 6.01353C20.214 6.25318 20.1309 6.55867 19.8913 6.69585L12.7116 10.8054C12.1116 11.1489 11.3767 11.1581 10.7682 10.8297L3.11971 6.70192C2.8767 6.57077 2.78602 6.26745 2.91716 6.02444Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/equipement.svg b/src/assets/ico/equipement.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fff7c5c377bd10f18097fe1d2e1b62f9bf6410bc
--- /dev/null
+++ b/src/assets/ico/equipement.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.75 19.0625V17H27V23.1875C27 23.7318 26.7852 24.2044 26.3555 24.6055C25.9544 25.0352 25.4818 25.25 24.9375 25.25H7.0625C6.51823 25.25 6.03125 25.0352 5.60156 24.6055C5.20052 24.2044 5 23.7318 5 23.1875V17H13.25V19.0625C13.25 19.263 13.3073 19.4349 13.4219 19.5781C13.5651 19.6927 13.737 19.75 13.9375 19.75H18.0625C18.263 19.75 18.4206 19.6927 18.5352 19.5781C18.6784 19.4349 18.75 19.263 18.75 19.0625ZM24.9375 10.125C25.4818 10.125 25.9544 10.3398 26.3555 10.7695C26.7852 11.1706 27 11.6432 27 12.1875V15.625H5V12.1875C5 11.6432 5.20052 11.1706 5.60156 10.7695C6.03125 10.3398 6.51823 10.125 7.0625 10.125H10.5V8.0625C10.5 7.51823 10.7005 7.04557 11.1016 6.64453C11.5312 6.21484 12.0182 6 12.5625 6H19.4375C19.9818 6 20.4544 6.21484 20.8555 6.64453C21.2852 7.04557 21.5 7.51823 21.5 8.0625V10.125H24.9375ZM18.75 10.125V8.75H13.25V10.125H18.75Z" fill="black"/>
+</svg>
diff --git a/src/assets/ico/group.svg b/src/assets/ico/group.svg
new file mode 100644
index 0000000000000000000000000000000000000000..827aa10356011e07b098000ceaf0fac595d26acd
--- /dev/null
+++ b/src/assets/ico/group.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0474 10.437C14.2168 9.73893 15 8.46093 15 7C15 4.79086 13.2091 3 11 3C8.79086 3 7 4.79086 7 7C7 8.46093 7.7832 9.73893 8.95263 10.437C7.21207 11.2192 6 12.9681 6 15V18H16V15C16 12.9681 14.7879 11.2192 13.0474 10.437Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.917 14H21V11.8C21 10.3099 20.1516 9.02743 18.9332 8.45382C19.7518 7.94188 20.3 7.00468 20.3 5.93333C20.3 4.3133 19.0464 3 17.5 3C16.542 3 15.6963 3.50407 15.1915 4.27286C15.7028 5.05718 16 5.99389 16 7C16 7.44599 15.9416 7.87827 15.832 8.28963C15.9075 8.34834 15.9858 8.40316 16.0668 8.45382C15.9493 8.50916 15.8352 8.57108 15.725 8.63916C15.5088 9.26223 15.173 9.82915 14.7453 10.3124C15.8722 11.214 16.6677 12.514 16.917 14ZM14.9929 7.24086C14.9976 7.16118 15 7.08087 15 7C15 6.48461 14.9025 5.99199 14.725 5.53957C14.7085 5.66836 14.7 5.79981 14.7 5.93333C14.7 6.40316 14.8054 6.84718 14.9929 7.24086ZM15.9 14H14V11.8C14 11.5447 14.0249 11.2955 14.0723 11.055C14.9949 11.7745 15.6585 12.8106 15.9 14Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80852 4.27286C6.30371 3.50407 5.45804 3 4.5 3C2.9536 3 1.7 4.3133 1.7 5.93333C1.7 7.00468 2.24824 7.94188 3.06684 8.45382C1.84845 9.02743 1 10.3099 1 11.8V14H5.08296C5.33228 12.514 6.12778 11.214 7.25473 10.3124C6.82705 9.82915 6.49117 9.26223 6.27499 8.63916C6.16478 8.57108 6.05069 8.50916 5.93316 8.45382C6.01417 8.40316 6.09253 8.34834 6.16797 8.28963C6.05843 7.87827 6 7.44599 6 7C6 5.99389 6.29717 5.05718 6.80852 4.27286ZM7.9277 11.055C7.0051 11.7745 6.34145 12.8106 6.10002 14H8V11.8C8 11.5447 7.9751 11.2955 7.9277 11.055ZM7.27499 5.53957C7.29148 5.66836 7.3 5.79981 7.3 5.93333C7.3 6.40316 7.19457 6.84718 7.00713 7.24086C7.0024 7.16118 7 7.08087 7 7C7 6.48461 7.09747 5.99199 7.27499 5.53957Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/label.svg b/src/assets/ico/label.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9db31450863100065101890a6d2e6f0999afc9ab
--- /dev/null
+++ b/src/assets/ico/label.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.375 26.75V24H25.625V26.75H6.375ZM22.875 15.75C24.0208 15.75 24.9948 16.151 25.7969 16.9531C26.599 17.7552 27 18.7292 27 19.875V21.25C27 21.6224 26.8568 21.9518 26.5703 22.2383C26.3125 22.4961 25.9974 22.625 25.625 22.625H6.375C6.0026 22.625 5.67318 22.4961 5.38672 22.2383C5.12891 21.9518 5 21.6224 5 21.25V19.875C5 18.7292 5.40104 17.7552 6.20312 16.9531C7.00521 16.151 7.97917 15.75 9.125 15.75H12.0039C12.3477 15.75 12.6341 15.6354 12.8633 15.4062C13.1211 15.1484 13.25 14.8477 13.25 14.5039V14.4609C13.25 13.3151 12.9206 12.026 12.2617 10.5938C12.0039 10.0495 11.875 9.47656 11.875 8.875C11.875 7.61458 12.362 6.56901 13.3359 5.73828C14.3099 4.90755 15.4414 4.60677 16.7305 4.83594C17.5612 4.97917 18.2773 5.36589 18.8789 5.99609C19.5091 6.59766 19.9102 7.3138 20.082 8.14453C20.2253 9.0612 20.082 9.92057 19.6523 10.7227C19.0508 11.9258 18.75 13.043 18.75 14.0742V14.5039C18.75 14.8477 18.8646 15.1484 19.0938 15.4062C19.3516 15.6354 19.6523 15.75 19.9961 15.75H22.875Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/mapMarker.svg b/src/assets/ico/mapMarker.svg
similarity index 100%
rename from src/assets/img/mapMarker.svg
rename to src/assets/ico/mapMarker.svg
diff --git a/src/assets/ico/pass.svg b/src/assets/ico/pass.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2842868df9973142621500f30e75bf4d7abdd90f
--- /dev/null
+++ b/src/assets/ico/pass.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.55556 5C1.24873 5 1 5.24873 1 5.55556V14.4444C1 14.7513 1.24873 15 1.55556 15H20.4444C20.7513 15 21 14.7513 21 14.4444V5.55556C21 5.24873 20.7513 5 20.4444 5H1.55556ZM4.77222 8.76388C4.78333 8.77499 4.79722 8.78055 4.81389 8.78055H4.91667C4.93333 8.78055 4.94722 8.77499 4.95833 8.76388C4.96944 8.75277 4.97683 8.73888 4.98055 8.72221L5.03055 8.3861H5.43889L5.38889 8.72221C5.38705 8.73888 5.39167 8.75277 5.40278 8.76388C5.41389 8.77499 5.42778 8.78055 5.44444 8.78055H5.54722C5.56389 8.78055 5.57778 8.77499 5.58889 8.76388C5.6 8.75277 5.60739 8.73888 5.61111 8.72221L5.66111 8.3861H5.99444C6.01294 8.3861 6.02778 8.38055 6.03889 8.36943C6.05183 8.35832 6.05833 8.34349 6.05833 8.32499V8.23055C6.05833 8.21205 6.05183 8.19721 6.03889 8.1861C6.02778 8.17499 6.01294 8.16943 5.99444 8.16943H5.69444L5.76667 7.68055H6.06667C6.08517 7.68055 6.1 7.67499 6.11111 7.66388C6.12406 7.65277 6.13056 7.63793 6.13056 7.61943V7.52499C6.13056 7.50649 6.12406 7.49166 6.11111 7.48055C6.1 7.46943 6.08517 7.46388 6.06667 7.46388H5.79722L5.84722 7.12777C5.84905 7.1111 5.84444 7.09721 5.83333 7.0861C5.82222 7.07499 5.80833 7.06943 5.79167 7.06943H5.68889C5.67222 7.06943 5.65833 7.07499 5.64722 7.0861C5.63794 7.09721 5.6315 7.1111 5.62778 7.12777L5.57778 7.46388H5.16667L5.21667 7.12777C5.2185 7.1111 5.21389 7.09721 5.20278 7.0861C5.19167 7.07499 5.17778 7.06943 5.16111 7.06943H5.05833C5.04167 7.06943 5.02778 7.07499 5.01667 7.0861C5.00739 7.09721 5.00094 7.1111 4.99722 7.12777L4.94722 7.46388H4.60555C4.58705 7.46388 4.57222 7.46943 4.56111 7.48055C4.55 7.49166 4.54444 7.50649 4.54444 7.52499V7.61943C4.54444 7.63793 4.55 7.65277 4.56111 7.66388C4.57222 7.67499 4.58705 7.68055 4.60555 7.68055H4.91389L4.84167 8.16943H4.53333C4.51483 8.16943 4.5 8.17499 4.48889 8.1861C4.47778 8.19721 4.47222 8.21205 4.47222 8.23055V8.32499C4.47222 8.34349 4.47778 8.35832 4.48889 8.36943C4.5 8.38055 4.51483 8.3861 4.53333 8.3861H4.80833L4.75833 8.72221C4.7565 8.73888 4.76111 8.75277 4.77222 8.76388ZM6.34239 8.87221C6.3535 8.88332 6.3665 8.88888 6.38128 8.88888H6.52294C6.5415 8.88888 6.55628 8.88427 6.56739 8.87499C6.58039 8.86388 6.58872 8.85277 6.59239 8.84166L6.74517 8.44721H7.65628L7.80905 8.84166C7.81278 8.85277 7.82017 8.86388 7.83128 8.87499C7.84239 8.88427 7.85817 8.88888 7.8785 8.88888H8.02017C8.035 8.88888 8.04794 8.88332 8.05906 8.87221C8.07017 8.8611 8.07572 8.84816 8.07572 8.83332L8.07017 8.80277L7.38406 7.00555C7.36928 6.96482 7.33961 6.94443 7.29517 6.94443H7.10628C7.06183 6.94443 7.03222 6.96482 7.01739 7.00555L6.3285 8.80277C6.32667 8.80832 6.32572 8.81849 6.32572 8.83332C6.32572 8.84816 6.33128 8.8611 6.34239 8.87221ZM8.38939 8.87221C8.40239 8.88332 8.41811 8.88888 8.43661 8.88888H8.58383C8.60239 8.88888 8.61811 8.88332 8.63106 8.87221C8.64406 8.85927 8.6505 8.84349 8.6505 8.82499V8.13055H9.14217C9.35328 8.13055 9.51811 8.08054 9.63661 7.98054C9.757 7.87871 9.81717 7.73149 9.81717 7.53888C9.81717 7.34627 9.757 7.19904 9.63661 7.09721C9.51628 6.99538 9.35144 6.94443 9.14217 6.94443H8.43661C8.41811 6.94443 8.40239 6.95093 8.38939 6.96388C8.37828 6.97499 8.37272 6.99071 8.37272 7.0111V8.82499C8.37272 8.84349 8.37828 8.85927 8.38939 8.87221ZM10.5966 8.87221C10.6096 8.88332 10.6253 8.88888 10.6438 8.88888H10.7883C10.8068 8.88888 10.8226 8.88332 10.8355 8.87221C10.8485 8.85927 10.8549 8.84349 10.8549 8.82499V7.19166H11.3855C11.4041 7.19166 11.4198 7.1861 11.4327 7.17499C11.4457 7.16205 11.4522 7.14627 11.4522 7.12777V7.0111C11.4522 6.99071 11.4457 6.97499 11.4327 6.96388C11.4216 6.95093 11.4059 6.94443 11.3855 6.94443H10.0466C10.0281 6.94443 10.0124 6.95093 9.99939 6.96388C9.98828 6.97682 9.98272 6.9926 9.98272 7.0111V7.12777C9.98272 7.14627 9.98828 7.16205 9.99939 7.17499C10.0124 7.1861 10.0281 7.19166 10.0466 7.19166H10.5799V8.82499C10.5799 8.84349 10.5855 8.85927 10.5966 8.87221ZM11.7803 8.87221C11.7932 8.88332 11.8089 8.88888 11.8275 8.88888H11.9747C11.9932 8.88888 12.0081 8.88332 12.0192 8.87221C12.0321 8.85927 12.0386 8.84349 12.0386 8.82499V7.00832C12.0386 6.98982 12.0321 6.97499 12.0192 6.96388C12.0081 6.95093 11.9932 6.94443 11.9747 6.94443H11.8275C11.8089 6.94443 11.7932 6.95093 11.7803 6.96388C11.7692 6.97499 11.7636 6.98982 11.7636 7.00832V8.82499C11.7636 8.84349 11.7692 8.85927 11.7803 8.87221ZM12.6564 8.71666C12.7861 8.84999 12.975 8.91666 13.2231 8.91666C13.3879 8.91666 13.5278 8.88793 13.6426 8.83055C13.7574 8.77127 13.8444 8.69443 13.9037 8.59999C13.9629 8.50554 13.9953 8.40371 14.0009 8.29443C14.0028 8.27777 13.9972 8.26482 13.9842 8.25555C13.9731 8.24443 13.9592 8.23888 13.9426 8.23888H13.7898C13.7713 8.23888 13.7564 8.24349 13.7453 8.25277C13.7342 8.26204 13.7259 8.27871 13.7203 8.30277C13.6907 8.44166 13.6342 8.53982 13.5509 8.59721C13.4694 8.65277 13.3602 8.68055 13.2231 8.68055C12.9046 8.68055 12.7398 8.50371 12.7287 8.14999C12.7268 8.09627 12.7259 8.0176 12.7259 7.91388C12.7259 7.81016 12.7268 7.73332 12.7287 7.68332C12.7398 7.3296 12.9046 7.15277 13.2231 7.15277C13.3602 7.15277 13.4694 7.18149 13.5509 7.23888C13.6324 7.29443 13.6889 7.39166 13.7203 7.53055C13.7296 7.57316 13.7528 7.59443 13.7898 7.59443H13.9426C13.9574 7.59443 13.9703 7.58982 13.9814 7.58055C13.9944 7.56943 14.0009 7.55649 14.0009 7.54166V7.5361C13.9953 7.42871 13.9629 7.32777 13.9037 7.23332C13.8444 7.13888 13.7574 7.06293 13.6426 7.00555C13.5278 6.94627 13.3879 6.91666 13.2231 6.91666C12.9768 6.91666 12.7889 6.98427 12.6592 7.11943C12.5296 7.25277 12.4602 7.4361 12.4509 7.66943C12.4491 7.72127 12.4481 7.8046 12.4481 7.91943C12.4481 8.03238 12.4491 8.11388 12.4509 8.16388C12.4602 8.39904 12.5287 8.58332 12.6564 8.71666ZM4.25 11C4.11193 11 4 11.1119 4 11.25C4 11.3881 4.11193 11.5 4.25 11.5H12.7259C12.864 11.5 12.9759 11.3881 12.9759 11.25C12.9759 11.1119 12.864 11 12.7259 11H4.25ZM16.6144 11.9418H16.0068C16.0133 12.1185 16.0594 12.249 16.1451 12.3333C16.2321 12.4177 16.3749 12.4598 16.5735 12.4598C16.702 12.4598 16.8163 12.4398 16.9163 12.3996L17 12.9398C16.8273 12.9799 16.6566 13 16.4878 13C16.1373 13 15.8575 12.9063 15.6485 12.7189C15.4408 12.5315 15.3317 12.2724 15.3213 11.9418H15V11.6205H15.3213V11.3755H15V11.0562H15.3272C15.3518 10.7242 15.4726 10.4652 15.6894 10.2791C15.9062 10.093 16.1925 10 16.5482 10C16.6858 10 16.8364 10.0207 17 10.0622L16.9163 10.6044C16.815 10.5629 16.7066 10.5422 16.591 10.5422C16.4119 10.5422 16.2749 10.5843 16.1801 10.6687C16.0854 10.7517 16.0295 10.8809 16.0127 11.0562H16.6144V11.3755H16.0068V11.6205H16.6144V11.9418ZM9.12828 7.89721C9.2635 7.89721 9.36533 7.86666 9.43383 7.80554C9.50422 7.74443 9.53939 7.65554 9.53939 7.53888C9.53939 7.42221 9.50517 7.33332 9.43661 7.27221C9.36811 7.20927 9.26533 7.17777 9.12828 7.17777H8.64772V7.89721H9.12828ZM7.20072 7.22221L7.57572 8.20832H6.82572L7.20072 7.22221ZM5.54444 7.68055L5.47222 8.16943H5.06389L5.13611 7.68055H5.54444ZM19.75 6C19.6119 6 19.5 6.11193 19.5 6.25V6.75C19.5 6.88807 19.6119 7 19.75 7C19.8881 7 20 6.88807 20 6.75V6.25C20 6.11193 19.8881 6 19.75 6ZM19.5 8.25C19.5 8.11193 19.6119 8 19.75 8C19.8881 8 20 8.11193 20 8.25V10.75C20 10.8881 19.8881 11 19.75 11C19.6119 11 19.5 10.8881 19.5 10.75V8.25ZM19.75 12C19.6119 12 19.5 12.1119 19.5 12.25V13.75C19.5 13.8881 19.6119 14 19.75 14C19.8881 14 20 13.8881 20 13.75V12.25C20 12.1119 19.8881 12 19.75 12Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/print.svg b/src/assets/ico/print.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0e7f798f3c3976daa37d3d195dfa6d80264a9212
--- /dev/null
+++ b/src/assets/ico/print.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10" y="8" width="12" height="5" stroke="black" stroke-width="2"/>
+<rect x="10" y="17" width="12" height="8" stroke="black" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C5.44772 12 5 12.4477 5 13V21H9V17H23V21H27V13C27 12.4477 26.5523 12 26 12H6Z" fill="black"/>
+</svg>
diff --git a/src/assets/ico/public.svg b/src/assets/ico/public.svg
new file mode 100644
index 0000000000000000000000000000000000000000..827aa10356011e07b098000ceaf0fac595d26acd
--- /dev/null
+++ b/src/assets/ico/public.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0474 10.437C14.2168 9.73893 15 8.46093 15 7C15 4.79086 13.2091 3 11 3C8.79086 3 7 4.79086 7 7C7 8.46093 7.7832 9.73893 8.95263 10.437C7.21207 11.2192 6 12.9681 6 15V18H16V15C16 12.9681 14.7879 11.2192 13.0474 10.437Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.917 14H21V11.8C21 10.3099 20.1516 9.02743 18.9332 8.45382C19.7518 7.94188 20.3 7.00468 20.3 5.93333C20.3 4.3133 19.0464 3 17.5 3C16.542 3 15.6963 3.50407 15.1915 4.27286C15.7028 5.05718 16 5.99389 16 7C16 7.44599 15.9416 7.87827 15.832 8.28963C15.9075 8.34834 15.9858 8.40316 16.0668 8.45382C15.9493 8.50916 15.8352 8.57108 15.725 8.63916C15.5088 9.26223 15.173 9.82915 14.7453 10.3124C15.8722 11.214 16.6677 12.514 16.917 14ZM14.9929 7.24086C14.9976 7.16118 15 7.08087 15 7C15 6.48461 14.9025 5.99199 14.725 5.53957C14.7085 5.66836 14.7 5.79981 14.7 5.93333C14.7 6.40316 14.8054 6.84718 14.9929 7.24086ZM15.9 14H14V11.8C14 11.5447 14.0249 11.2955 14.0723 11.055C14.9949 11.7745 15.6585 12.8106 15.9 14Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80852 4.27286C6.30371 3.50407 5.45804 3 4.5 3C2.9536 3 1.7 4.3133 1.7 5.93333C1.7 7.00468 2.24824 7.94188 3.06684 8.45382C1.84845 9.02743 1 10.3099 1 11.8V14H5.08296C5.33228 12.514 6.12778 11.214 7.25473 10.3124C6.82705 9.82915 6.49117 9.26223 6.27499 8.63916C6.16478 8.57108 6.05069 8.50916 5.93316 8.45382C6.01417 8.40316 6.09253 8.34834 6.16797 8.28963C6.05843 7.87827 6 7.44599 6 7C6 5.99389 6.29717 5.05718 6.80852 4.27286ZM7.9277 11.055C7.0051 11.7745 6.34145 12.8106 6.10002 14H8V11.8C8 11.5447 7.9751 11.2955 7.9277 11.055ZM7.27499 5.53957C7.29148 5.66836 7.3 5.79981 7.3 5.93333C7.3 6.40316 7.19457 6.84718 7.00713 7.24086C7.0024 7.16118 7 7.08087 7 7C7 6.48461 7.09747 5.99199 7.27499 5.53957Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/service.svg b/src/assets/ico/service.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8fb7ee7998e3c8f52bcb63adf81cc6d93c830aac
--- /dev/null
+++ b/src/assets/ico/service.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.1416 18.2344C26.3994 18.349 26.4854 18.5495 26.3994 18.8359C25.9124 20.3542 25.1247 21.7005 24.0361 22.875C23.8643 23.0755 23.6637 23.1185 23.4346 23.0039L21.5869 21.9297C20.8135 22.5885 19.9398 23.0898 18.9658 23.4336V25.5391C18.9658 25.8255 18.8369 25.9974 18.5791 26.0547C17.0036 26.3984 15.4424 26.3984 13.8955 26.0547C13.609 25.9974 13.4658 25.8255 13.4658 25.5391V23.4336C12.4919 23.0898 11.6182 22.5885 10.8447 21.9297L9.04004 23.0039C8.78223 23.1185 8.56738 23.0755 8.39551 22.875C7.30697 21.7005 6.51921 20.3542 6.03223 18.8359C5.94629 18.5781 6.03223 18.3776 6.29004 18.2344L8.09473 17.1602C8.00879 16.6732 7.96582 16.1719 7.96582 15.6562C7.96582 15.1406 8.00879 14.6393 8.09473 14.1523L6.29004 13.0781C6.03223 12.9635 5.94629 12.763 6.03223 12.4766C6.51921 10.9583 7.30697 9.61198 8.39551 8.4375C8.56738 8.23698 8.78223 8.20833 9.04004 8.35156L10.8447 9.38281C11.6182 8.72396 12.4919 8.22266 13.4658 7.87891V5.77344C13.4658 5.48698 13.5947 5.3151 13.8525 5.25781C15.4281 4.91406 17.0036 4.91406 18.5791 5.25781C18.8369 5.3151 18.9658 5.48698 18.9658 5.77344V7.87891C19.9398 8.22266 20.8135 8.72396 21.5869 9.38281L23.3916 8.30859C23.6494 8.19401 23.8643 8.23698 24.0361 8.4375C25.1247 9.61198 25.9124 10.9583 26.3994 12.4766C26.4854 12.763 26.3994 12.9635 26.1416 13.0781L24.3369 14.1523C24.5088 15.1549 24.5088 16.1576 24.3369 17.1602L26.1416 18.2344ZM13.7666 18.1055C14.4541 18.7643 15.2705 19.0938 16.2158 19.0938C17.1611 19.0938 17.9632 18.7643 18.6221 18.1055C19.3096 17.418 19.6533 16.6016 19.6533 15.6562C19.6533 14.7109 19.3096 13.9089 18.6221 13.25C17.9632 12.5625 17.1611 12.2188 16.2158 12.2188C15.2705 12.2188 14.4541 12.5625 13.7666 13.25C13.1077 13.9089 12.7783 14.7109 12.7783 15.6562C12.7783 16.6016 13.1077 17.418 13.7666 18.1055Z" fill="black"/>
+</svg>
diff --git a/src/assets/ico/sprite.svg b/src/assets/ico/sprite.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c895525b686b8d46f058d2eebcf3a0f2f50dba14
--- /dev/null
+++ b/src/assets/ico/sprite.svg
@@ -0,0 +1,104 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<symbol id="map-marker" width="40" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.72 43.73l.706.66.683-.683c2.038-2.04 4.04-3.864 5.934-5.588l.179-.163c6.32-5.755 11.624-10.585 11.624-18.493C38.846 9.267 30.59 1 20.402 1 10.214 1 1.957 9.267 1.957 19.463c0 4.152 1.08 7.233 3.179 10.152 2.04 2.84 5.05 5.523 8.833 8.899l.078.07c1.717 1.531 3.607 3.217 5.672 5.147zm6.508-24.267a5.83 5.83 0 01-5.826 5.833 5.83 5.83 0 01-5.826-5.833 5.83 5.83 0 015.826-5.833 5.83 5.83 0 015.826 5.833z" fill="#348899" stroke="#fff" stroke-width="2"/></symbol>
+
+<symbol id="adress" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 2C12.6055 2.0145 14.1397 2.68885 15.265 3.87463C16.3902 5.06042 17.0142 6.66048 16.9998 8.32269C16.9998 11.8208 12.1242 19 11 19C9.87584 19 5.00025 11.8208 5.00025 8.32269C4.98578 6.66048 5.60982 5.06042 6.73504 3.87463C7.86026 2.68885 9.39446 2.0145 11 2ZM10.9999 5.55695C12.0865 5.53677 13.0768 6.19906 13.5059 7.23274C13.9349 8.26643 13.7173 9.4661 12.9553 10.2683C12.1933 11.0704 11.0384 11.3157 10.0329 10.8888C9.02744 10.4619 8.37129 9.44779 8.37266 8.32272C8.36215 6.80858 9.53743 5.57133 10.9999 5.55695Z" fill="#333333"/>
+</symbol>
+
+<symbol id="computer" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.5" y="3.5" width="17" height="11" rx="0.5" stroke="#333333"/>
+<rect x="2" y="12" width="18" height="2" fill="#333333"/>
+<rect x="9" y="15" width="4" height="2" fill="#333333"/>
+<path d="M7 17.382C7 17.1479 7.13226 16.9339 7.34164 16.8292L8.78885 16.1056C8.92771 16.0361 9.08082 16 9.23607 16H12.7639C12.9192 16 13.0723 16.0361 13.2111 16.1056L14.6584 16.8292C14.8677 16.9339 15 17.1479 15 17.382C15 17.7233 14.7233 18 14.382 18H7.61803C7.2767 18 7 17.7233 7 17.382Z" fill="#333333"/>
+</symbol>
+
+<symbol id="date" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10H5V13H8V10Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C5.44772 2 5 2.44772 5 3V4H3C2.44771 4 2 4.44772 2 5V19C2 19.5523 2.44771 20 3 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H17V3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V4H7V3C7 2.44772 6.55228 2 6 2ZM4 9V18H18V9H4Z" fill="#333333"/>
+</symbol>
+
+<symbol id ="email" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 4H19.5C20.3284 4 21 4.67157 21 5.5V16.0714C21 16.8998 20.3284 17.5714 19.5 17.5714H3.5C2.67157 17.5714 2 16.8998 2 16.0714V5.5C2 4.67157 2.67157 4 3.5 4ZM2.91716 6.02444C3.04832 5.78143 3.35163 5.69075 3.59464 5.8219L11.2431 9.94966C11.5474 10.1138 11.9148 10.1093 12.2149 9.93753L19.3945 5.82797C19.6341 5.69079 19.9396 5.77387 20.0768 6.01353C20.214 6.25318 20.1309 6.55867 19.8913 6.69585L12.7116 10.8054C12.1116 11.1489 11.3767 11.1581 10.7682 10.8297L3.11971 6.70192C2.8767 6.57077 2.78602 6.26745 2.91716 6.02444Z" fill="#333333"/>
+</symbol>
+
+<symbol id="pass" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.55556 5C1.24873 5 1 5.24873 1 5.55556V14.4444C1 14.7513 1.24873 15 1.55556 15H20.4444C20.7513 15 21 14.7513 21 14.4444V5.55556C21 5.24873 20.7513 5 20.4444 5H1.55556ZM4.77222 8.76388C4.78333 8.77499 4.79722 8.78055 4.81389 8.78055H4.91667C4.93333 8.78055 4.94722 8.77499 4.95833 8.76388C4.96944 8.75277 4.97683 8.73888 4.98055 8.72221L5.03055 8.3861H5.43889L5.38889 8.72221C5.38705 8.73888 5.39167 8.75277 5.40278 8.76388C5.41389 8.77499 5.42778 8.78055 5.44444 8.78055H5.54722C5.56389 8.78055 5.57778 8.77499 5.58889 8.76388C5.6 8.75277 5.60739 8.73888 5.61111 8.72221L5.66111 8.3861H5.99444C6.01294 8.3861 6.02778 8.38055 6.03889 8.36943C6.05183 8.35832 6.05833 8.34349 6.05833 8.32499V8.23055C6.05833 8.21205 6.05183 8.19721 6.03889 8.1861C6.02778 8.17499 6.01294 8.16943 5.99444 8.16943H5.69444L5.76667 7.68055H6.06667C6.08517 7.68055 6.1 7.67499 6.11111 7.66388C6.12406 7.65277 6.13056 7.63793 6.13056 7.61943V7.52499C6.13056 7.50649 6.12406 7.49166 6.11111 7.48055C6.1 7.46943 6.08517 7.46388 6.06667 7.46388H5.79722L5.84722 7.12777C5.84905 7.1111 5.84444 7.09721 5.83333 7.0861C5.82222 7.07499 5.80833 7.06943 5.79167 7.06943H5.68889C5.67222 7.06943 5.65833 7.07499 5.64722 7.0861C5.63794 7.09721 5.6315 7.1111 5.62778 7.12777L5.57778 7.46388H5.16667L5.21667 7.12777C5.2185 7.1111 5.21389 7.09721 5.20278 7.0861C5.19167 7.07499 5.17778 7.06943 5.16111 7.06943H5.05833C5.04167 7.06943 5.02778 7.07499 5.01667 7.0861C5.00739 7.09721 5.00094 7.1111 4.99722 7.12777L4.94722 7.46388H4.60555C4.58705 7.46388 4.57222 7.46943 4.56111 7.48055C4.55 7.49166 4.54444 7.50649 4.54444 7.52499V7.61943C4.54444 7.63793 4.55 7.65277 4.56111 7.66388C4.57222 7.67499 4.58705 7.68055 4.60555 7.68055H4.91389L4.84167 8.16943H4.53333C4.51483 8.16943 4.5 8.17499 4.48889 8.1861C4.47778 8.19721 4.47222 8.21205 4.47222 8.23055V8.32499C4.47222 8.34349 4.47778 8.35832 4.48889 8.36943C4.5 8.38055 4.51483 8.3861 4.53333 8.3861H4.80833L4.75833 8.72221C4.7565 8.73888 4.76111 8.75277 4.77222 8.76388ZM6.34239 8.87221C6.3535 8.88332 6.3665 8.88888 6.38128 8.88888H6.52294C6.5415 8.88888 6.55628 8.88427 6.56739 8.87499C6.58039 8.86388 6.58872 8.85277 6.59239 8.84166L6.74517 8.44721H7.65628L7.80905 8.84166C7.81278 8.85277 7.82017 8.86388 7.83128 8.87499C7.84239 8.88427 7.85817 8.88888 7.8785 8.88888H8.02017C8.035 8.88888 8.04794 8.88332 8.05906 8.87221C8.07017 8.8611 8.07572 8.84816 8.07572 8.83332L8.07017 8.80277L7.38406 7.00555C7.36928 6.96482 7.33961 6.94443 7.29517 6.94443H7.10628C7.06183 6.94443 7.03222 6.96482 7.01739 7.00555L6.3285 8.80277C6.32667 8.80832 6.32572 8.81849 6.32572 8.83332C6.32572 8.84816 6.33128 8.8611 6.34239 8.87221ZM8.38939 8.87221C8.40239 8.88332 8.41811 8.88888 8.43661 8.88888H8.58383C8.60239 8.88888 8.61811 8.88332 8.63106 8.87221C8.64406 8.85927 8.6505 8.84349 8.6505 8.82499V8.13055H9.14217C9.35328 8.13055 9.51811 8.08054 9.63661 7.98054C9.757 7.87871 9.81717 7.73149 9.81717 7.53888C9.81717 7.34627 9.757 7.19904 9.63661 7.09721C9.51628 6.99538 9.35144 6.94443 9.14217 6.94443H8.43661C8.41811 6.94443 8.40239 6.95093 8.38939 6.96388C8.37828 6.97499 8.37272 6.99071 8.37272 7.0111V8.82499C8.37272 8.84349 8.37828 8.85927 8.38939 8.87221ZM10.5966 8.87221C10.6096 8.88332 10.6253 8.88888 10.6438 8.88888H10.7883C10.8068 8.88888 10.8226 8.88332 10.8355 8.87221C10.8485 8.85927 10.8549 8.84349 10.8549 8.82499V7.19166H11.3855C11.4041 7.19166 11.4198 7.1861 11.4327 7.17499C11.4457 7.16205 11.4522 7.14627 11.4522 7.12777V7.0111C11.4522 6.99071 11.4457 6.97499 11.4327 6.96388C11.4216 6.95093 11.4059 6.94443 11.3855 6.94443H10.0466C10.0281 6.94443 10.0124 6.95093 9.99939 6.96388C9.98828 6.97682 9.98272 6.9926 9.98272 7.0111V7.12777C9.98272 7.14627 9.98828 7.16205 9.99939 7.17499C10.0124 7.1861 10.0281 7.19166 10.0466 7.19166H10.5799V8.82499C10.5799 8.84349 10.5855 8.85927 10.5966 8.87221ZM11.7803 8.87221C11.7932 8.88332 11.8089 8.88888 11.8275 8.88888H11.9747C11.9932 8.88888 12.0081 8.88332 12.0192 8.87221C12.0321 8.85927 12.0386 8.84349 12.0386 8.82499V7.00832C12.0386 6.98982 12.0321 6.97499 12.0192 6.96388C12.0081 6.95093 11.9932 6.94443 11.9747 6.94443H11.8275C11.8089 6.94443 11.7932 6.95093 11.7803 6.96388C11.7692 6.97499 11.7636 6.98982 11.7636 7.00832V8.82499C11.7636 8.84349 11.7692 8.85927 11.7803 8.87221ZM12.6564 8.71666C12.7861 8.84999 12.975 8.91666 13.2231 8.91666C13.3879 8.91666 13.5278 8.88793 13.6426 8.83055C13.7574 8.77127 13.8444 8.69443 13.9037 8.59999C13.9629 8.50554 13.9953 8.40371 14.0009 8.29443C14.0028 8.27777 13.9972 8.26482 13.9842 8.25555C13.9731 8.24443 13.9592 8.23888 13.9426 8.23888H13.7898C13.7713 8.23888 13.7564 8.24349 13.7453 8.25277C13.7342 8.26204 13.7259 8.27871 13.7203 8.30277C13.6907 8.44166 13.6342 8.53982 13.5509 8.59721C13.4694 8.65277 13.3602 8.68055 13.2231 8.68055C12.9046 8.68055 12.7398 8.50371 12.7287 8.14999C12.7268 8.09627 12.7259 8.0176 12.7259 7.91388C12.7259 7.81016 12.7268 7.73332 12.7287 7.68332C12.7398 7.3296 12.9046 7.15277 13.2231 7.15277C13.3602 7.15277 13.4694 7.18149 13.5509 7.23888C13.6324 7.29443 13.6889 7.39166 13.7203 7.53055C13.7296 7.57316 13.7528 7.59443 13.7898 7.59443H13.9426C13.9574 7.59443 13.9703 7.58982 13.9814 7.58055C13.9944 7.56943 14.0009 7.55649 14.0009 7.54166V7.5361C13.9953 7.42871 13.9629 7.32777 13.9037 7.23332C13.8444 7.13888 13.7574 7.06293 13.6426 7.00555C13.5278 6.94627 13.3879 6.91666 13.2231 6.91666C12.9768 6.91666 12.7889 6.98427 12.6592 7.11943C12.5296 7.25277 12.4602 7.4361 12.4509 7.66943C12.4491 7.72127 12.4481 7.8046 12.4481 7.91943C12.4481 8.03238 12.4491 8.11388 12.4509 8.16388C12.4602 8.39904 12.5287 8.58332 12.6564 8.71666ZM4.25 11C4.11193 11 4 11.1119 4 11.25C4 11.3881 4.11193 11.5 4.25 11.5H12.7259C12.864 11.5 12.9759 11.3881 12.9759 11.25C12.9759 11.1119 12.864 11 12.7259 11H4.25ZM16.6144 11.9418H16.0068C16.0133 12.1185 16.0594 12.249 16.1451 12.3333C16.2321 12.4177 16.3749 12.4598 16.5735 12.4598C16.702 12.4598 16.8163 12.4398 16.9163 12.3996L17 12.9398C16.8273 12.9799 16.6566 13 16.4878 13C16.1373 13 15.8575 12.9063 15.6485 12.7189C15.4408 12.5315 15.3317 12.2724 15.3213 11.9418H15V11.6205H15.3213V11.3755H15V11.0562H15.3272C15.3518 10.7242 15.4726 10.4652 15.6894 10.2791C15.9062 10.093 16.1925 10 16.5482 10C16.6858 10 16.8364 10.0207 17 10.0622L16.9163 10.6044C16.815 10.5629 16.7066 10.5422 16.591 10.5422C16.4119 10.5422 16.2749 10.5843 16.1801 10.6687C16.0854 10.7517 16.0295 10.8809 16.0127 11.0562H16.6144V11.3755H16.0068V11.6205H16.6144V11.9418ZM9.12828 7.89721C9.2635 7.89721 9.36533 7.86666 9.43383 7.80554C9.50422 7.74443 9.53939 7.65554 9.53939 7.53888C9.53939 7.42221 9.50517 7.33332 9.43661 7.27221C9.36811 7.20927 9.26533 7.17777 9.12828 7.17777H8.64772V7.89721H9.12828ZM7.20072 7.22221L7.57572 8.20832H6.82572L7.20072 7.22221ZM5.54444 7.68055L5.47222 8.16943H5.06389L5.13611 7.68055H5.54444ZM19.75 6C19.6119 6 19.5 6.11193 19.5 6.25V6.75C19.5 6.88807 19.6119 7 19.75 7C19.8881 7 20 6.88807 20 6.75V6.25C20 6.11193 19.8881 6 19.75 6ZM19.5 8.25C19.5 8.11193 19.6119 8 19.75 8C19.8881 8 20 8.11193 20 8.25V10.75C20 10.8881 19.8881 11 19.75 11C19.6119 11 19.5 10.8881 19.5 10.75V8.25ZM19.75 12C19.6119 12 19.5 12.1119 19.5 12.25V13.75C19.5 13.8881 19.6119 14 19.75 14C19.8881 14 20 13.8881 20 13.75V12.25C20 12.1119 19.8881 12 19.75 12Z" fill="#333333"/>
+</symbol>
+
+<symbol id="public" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0474 10.437C14.2168 9.73893 15 8.46093 15 7C15 4.79086 13.2091 3 11 3C8.79086 3 7 4.79086 7 7C7 8.46093 7.7832 9.73893 8.95263 10.437C7.21207 11.2192 6 12.9681 6 15V18H16V15C16 12.9681 14.7879 11.2192 13.0474 10.437Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.917 14H21V11.8C21 10.3099 20.1516 9.02743 18.9332 8.45382C19.7518 7.94188 20.3 7.00468 20.3 5.93333C20.3 4.3133 19.0464 3 17.5 3C16.542 3 15.6963 3.50407 15.1915 4.27286C15.7028 5.05718 16 5.99389 16 7C16 7.44599 15.9416 7.87827 15.832 8.28963C15.9075 8.34834 15.9858 8.40316 16.0668 8.45382C15.9493 8.50916 15.8352 8.57108 15.725 8.63916C15.5088 9.26223 15.173 9.82915 14.7453 10.3124C15.8722 11.214 16.6677 12.514 16.917 14ZM14.9929 7.24086C14.9976 7.16118 15 7.08087 15 7C15 6.48461 14.9025 5.99199 14.725 5.53957C14.7085 5.66836 14.7 5.79981 14.7 5.93333C14.7 6.40316 14.8054 6.84718 14.9929 7.24086ZM15.9 14H14V11.8C14 11.5447 14.0249 11.2955 14.0723 11.055C14.9949 11.7745 15.6585 12.8106 15.9 14Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80852 4.27286C6.30371 3.50407 5.45804 3 4.5 3C2.9536 3 1.7 4.3133 1.7 5.93333C1.7 7.00468 2.24824 7.94188 3.06684 8.45382C1.84845 9.02743 1 10.3099 1 11.8V14H5.08296C5.33228 12.514 6.12778 11.214 7.25473 10.3124C6.82705 9.82915 6.49117 9.26223 6.27499 8.63916C6.16478 8.57108 6.05069 8.50916 5.93316 8.45382C6.01417 8.40316 6.09253 8.34834 6.16797 8.28963C6.05843 7.87827 6 7.44599 6 7C6 5.99389 6.29717 5.05718 6.80852 4.27286ZM7.9277 11.055C7.0051 11.7745 6.34145 12.8106 6.10002 14H8V11.8C8 11.5447 7.9751 11.2955 7.9277 11.055ZM7.27499 5.53957C7.29148 5.66836 7.3 5.79981 7.3 5.93333C7.3 6.40316 7.19457 6.84718 7.00713 7.24086C7.0024 7.16118 7 7.08087 7 7C7 6.48461 7.09747 5.99199 7.27499 5.53957Z" fill="#333333"/>
+</symbol>
+
+<symbol id="structure" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3C11.2228 3.00746 11.4372 3.08448 11.612 3.21953L11.6211 3.21857L11.6971 3.28918L18.6775 9.0457C18.6952 9.06031 18.7119 9.07606 18.7275 9.09284C18.8592 9.23463 18.9477 9.40976 18.983 9.59841C19.0181 9.78692 18.9987 9.9816 18.9268 10.1599C18.8549 10.3383 18.7333 10.4933 18.5761 10.6073C18.4187 10.7214 18.232 10.7899 18.037 10.8052C18.0232 10.8063 18.0092 10.8068 17.9953 10.8068H17.2786L17.3466 17.9693L17.3466 17.974C17.3466 18.246 17.2364 18.5068 17.0402 18.6991C16.844 18.8913 16.5779 18.9994 16.3003 18.9994H13.1615C12.884 18.9994 12.6178 18.8913 12.4216 18.6991C12.2254 18.5068 12.1152 18.246 12.1152 17.974V14.493C12.1152 14.4908 12.1152 14.4886 12.1152 14.4864C12.1152 14.4837 12.1153 14.481 12.1154 14.4783C12.1389 13.6731 12.0857 13.088 11.9055 12.7135C11.8228 12.5416 11.7197 12.4288 11.5913 12.3537C11.4661 12.2806 11.2814 12.2228 11 12.2171V12.2177C10.7186 12.2234 10.5339 12.2812 10.4087 12.3543C10.2803 12.4294 10.1772 12.5422 10.0945 12.7141C9.91426 13.0886 9.86107 13.6737 9.88462 14.4789C9.88469 14.4815 9.88475 14.4841 9.88478 14.4867C9.88481 14.489 9.88483 14.4913 9.88483 14.4936V17.9746C9.88483 18.2466 9.77456 18.5074 9.57838 18.6997C9.38219 18.8919 9.11604 19 8.83854 19H5.69966C5.42215 19 5.156 18.8919 4.95982 18.6997C4.76364 18.5074 4.65336 18.2466 4.65336 17.9746L4.65339 17.9699L4.72135 10.8074H4.00466C3.99075 10.8074 3.97684 10.8069 3.96298 10.8058C3.76805 10.7905 3.58128 10.722 3.42389 10.6079C3.26667 10.4939 3.14509 10.3389 3.07317 10.1605C3.0013 9.9822 2.98192 9.78752 3.01705 9.599C3.0523 9.41035 3.14082 9.23522 3.27253 9.09344C3.28812 9.07666 3.30483 9.06091 3.32255 9.04629L10.3029 3.28978L10.3789 3.21917L10.388 3.22013C10.5628 3.08508 10.7772 3.00806 11 3.0006V3Z" fill="#333333"/>
+</symbol>
+
+<symbol id="tel" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4979 12.1969L11.9719 14.7228L6.92 9.67091L9.44596 7.14494C9.74589 6.84502 9.74589 6.35946 9.44596 6.0603L5.61061 2.22494C5.31068 1.92502 4.82512 1.92502 4.52597 2.22494L2 4.75091C2 13.2401 8.40121 19.6428 16.8919 19.6428L19.4179 17.1169C19.7178 16.8169 19.7178 16.3314 19.4179 16.0322L15.5825 12.1969C15.2834 11.8977 14.7971 11.8977 14.4979 12.1969Z" fill="#333333"/>
+</symbol>
+
+<symbol id="web" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 4C7.13895 4 4 7.13895 4 11C4 14.8611 7.13895 18 11 18C14.8611 18 18 14.8611 18 11C18 7.13895 14.8611 4 11 4ZM16.2611 8.31789H14.4926C14.2568 7.25684 13.9032 6.32842 13.4316 5.60632C14.6547 6.16632 15.6568 7.12421 16.2611 8.31789ZM16.9095 11C16.9095 11.5453 16.8358 12.0905 16.6884 12.5916H14.6842C14.7432 12.0758 14.7726 11.5453 14.7726 11C14.7726 10.4547 14.7432 9.92421 14.6842 9.40842H16.7032C16.8358 9.90948 16.9095 10.4547 16.9095 11ZM5.09053 11C5.09053 10.4547 5.16421 9.90948 5.31158 9.40842H7.33052C7.27158 9.92421 7.24211 10.4547 7.24211 11C7.24211 11.5453 7.27158 12.0758 7.33052 12.5916H5.31158C5.16421 12.0905 5.09053 11.5453 5.09053 11ZM8.31789 11C8.31789 10.4695 8.3621 9.93895 8.43579 9.40842H10.4695V12.5916H8.43579C8.3621 12.0611 8.31789 11.5305 8.31789 11ZM11.5453 5.22316C12.3558 5.60631 13.0042 6.84421 13.3579 8.33263H11.5453V5.22316ZM10.4547 5.22316V8.33263H8.64211C8.99579 6.84421 9.64421 5.60631 10.4547 5.22316ZM10.4547 13.6821V16.7916C9.64421 16.4084 8.99579 15.1705 8.64211 13.6821H10.4547ZM11.5453 16.7768V13.6674H13.3579C13.0042 15.1558 12.3558 16.3937 11.5453 16.7768ZM11.5453 12.5916V9.40842H13.5789C13.6526 9.93895 13.6968 10.4695 13.6968 11C13.6968 11.5305 13.6526 12.0611 13.5789 12.5916H11.5453ZM8.56842 5.62105C8.11158 6.34316 7.74316 7.27158 7.50737 8.33263H5.73895C6.34316 7.12421 7.34526 6.16632 8.56842 5.62105ZM5.73895 13.6821H7.50737C7.74316 14.7432 8.09684 15.6716 8.56842 16.3937C7.34526 15.8337 6.34316 14.8758 5.73895 13.6821ZM13.4316 16.3789C13.8884 15.6568 14.2568 14.7284 14.4926 13.6674H16.2611C15.6568 14.8758 14.6547 15.8337 13.4316 16.3789Z" fill="#333333"/>
+</symbol>
+
+<symbol id="accueil" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.375 10.8789C19.724 11.194 21.6862 12.2539 23.2617 14.0586C24.8372 15.8633 25.625 17.9688 25.625 20.375H6.375C6.375 17.9688 7.16276 15.8633 8.73828 14.0586C10.3138 12.2539 12.276 11.194 14.625 10.8789V10.0625H13.9375C13.737 10.0625 13.5651 10.0052 13.4219 9.89062C13.3073 9.7474 13.25 9.57552 13.25 9.375V8.6875C13.25 8.48698 13.3073 8.32943 13.4219 8.21484C13.5651 8.07161 13.737 8 13.9375 8H18.0625C18.263 8 18.4206 8.07161 18.5352 8.21484C18.6784 8.32943 18.75 8.48698 18.75 8.6875V9.375C18.75 9.57552 18.6784 9.7474 18.5352 9.89062C18.4206 10.0052 18.263 10.0625 18.0625 10.0625H17.375V10.8789ZM26.3125 21.75C26.513 21.75 26.6706 21.8216 26.7852 21.9648C26.9284 22.0794 27 22.237 27 22.4375V23.8125C27 24.013 26.9284 24.1849 26.7852 24.3281C26.6706 24.4427 26.513 24.5 26.3125 24.5H5.6875C5.48698 24.5 5.3151 24.4427 5.17188 24.3281C5.05729 24.1849 5 24.013 5 23.8125V22.4375C5 22.237 5.05729 22.0794 5.17188 21.9648C5.3151 21.8216 5.48698 21.75 5.6875 21.75H26.3125Z" fill="black"/>
+</symbol>
+
+<symbol id="demarches" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="11" y="10" width="2" height="2" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 11C8.23858 11 6 13.2386 6 16V23C6 26.3137 8.68629 29 12 29C15.3137 29 18 26.3137 18 23V16C18 13.2386 15.7614 11 13 11H11ZM12 14.5C11.4477 14.5 11 14.9477 11 15.5V18.5C11 19.0523 11.4477 19.5 12 19.5C12.5523 19.5 13 19.0523 13 18.5V15.5C13 14.9477 12.5523 14.5 12 14.5Z" fill="black"/>
+<path d="M12 10.5C12 9.33333 12 9.7 12 8.5C12 7 13 3 16.9999 3C20.9998 3 21.9999 7 21.9999 9.5C21.9999 12 21.9999 11 21.9999 12.5C21.9999 14 22.4999 17 24.9999 17C27.4999 17 27.9999 14.5 27.9999 12.5" stroke="black"/>
+</symbol>
+
+<symbol id="equipement" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.75 19.0625V17H27V23.1875C27 23.7318 26.7852 24.2044 26.3555 24.6055C25.9544 25.0352 25.4818 25.25 24.9375 25.25H7.0625C6.51823 25.25 6.03125 25.0352 5.60156 24.6055C5.20052 24.2044 5 23.7318 5 23.1875V17H13.25V19.0625C13.25 19.263 13.3073 19.4349 13.4219 19.5781C13.5651 19.6927 13.737 19.75 13.9375 19.75H18.0625C18.263 19.75 18.4206 19.6927 18.5352 19.5781C18.6784 19.4349 18.75 19.263 18.75 19.0625ZM24.9375 10.125C25.4818 10.125 25.9544 10.3398 26.3555 10.7695C26.7852 11.1706 27 11.6432 27 12.1875V15.625H5V12.1875C5 11.6432 5.20052 11.1706 5.60156 10.7695C6.03125 10.3398 6.51823 10.125 7.0625 10.125H10.5V8.0625C10.5 7.51823 10.7005 7.04557 11.1016 6.64453C11.5312 6.21484 12.0182 6 12.5625 6H19.4375C19.9818 6 20.4544 6.21484 20.8555 6.64453C21.2852 7.04557 21.5 7.51823 21.5 8.0625V10.125H24.9375ZM18.75 10.125V8.75H13.25V10.125H18.75Z" fill="black"/>
+</symbol>
+
+<symbol id ="label" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.375 26.75V24H25.625V26.75H6.375ZM22.875 15.75C24.0208 15.75 24.9948 16.151 25.7969 16.9531C26.599 17.7552 27 18.7292 27 19.875V21.25C27 21.6224 26.8568 21.9518 26.5703 22.2383C26.3125 22.4961 25.9974 22.625 25.625 22.625H6.375C6.0026 22.625 5.67318 22.4961 5.38672 22.2383C5.12891 21.9518 5 21.6224 5 21.25V19.875C5 18.7292 5.40104 17.7552 6.20312 16.9531C7.00521 16.151 7.97917 15.75 9.125 15.75H12.0039C12.3477 15.75 12.6341 15.6354 12.8633 15.4062C13.1211 15.1484 13.25 14.8477 13.25 14.5039V14.4609C13.25 13.3151 12.9206 12.026 12.2617 10.5938C12.0039 10.0495 11.875 9.47656 11.875 8.875C11.875 7.61458 12.362 6.56901 13.3359 5.73828C14.3099 4.90755 15.4414 4.60677 16.7305 4.83594C17.5612 4.97917 18.2773 5.36589 18.8789 5.99609C19.5091 6.59766 19.9102 7.3138 20.082 8.14453C20.2253 9.0612 20.082 9.92057 19.6523 10.7227C19.0508 11.9258 18.75 13.043 18.75 14.0742V14.5039C18.75 14.8477 18.8646 15.1484 19.0938 15.4062C19.3516 15.6354 19.6523 15.75 19.9961 15.75H22.875Z" fill="black"/>
+</symbol>
+
+<symbol id="services" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.1416 18.2344C26.3994 18.349 26.4854 18.5495 26.3994 18.8359C25.9124 20.3542 25.1247 21.7005 24.0361 22.875C23.8643 23.0755 23.6637 23.1185 23.4346 23.0039L21.5869 21.9297C20.8135 22.5885 19.9398 23.0898 18.9658 23.4336V25.5391C18.9658 25.8255 18.8369 25.9974 18.5791 26.0547C17.0036 26.3984 15.4424 26.3984 13.8955 26.0547C13.609 25.9974 13.4658 25.8255 13.4658 25.5391V23.4336C12.4919 23.0898 11.6182 22.5885 10.8447 21.9297L9.04004 23.0039C8.78223 23.1185 8.56738 23.0755 8.39551 22.875C7.30697 21.7005 6.51921 20.3542 6.03223 18.8359C5.94629 18.5781 6.03223 18.3776 6.29004 18.2344L8.09473 17.1602C8.00879 16.6732 7.96582 16.1719 7.96582 15.6562C7.96582 15.1406 8.00879 14.6393 8.09473 14.1523L6.29004 13.0781C6.03223 12.9635 5.94629 12.763 6.03223 12.4766C6.51921 10.9583 7.30697 9.61198 8.39551 8.4375C8.56738 8.23698 8.78223 8.20833 9.04004 8.35156L10.8447 9.38281C11.6182 8.72396 12.4919 8.22266 13.4658 7.87891V5.77344C13.4658 5.48698 13.5947 5.3151 13.8525 5.25781C15.4281 4.91406 17.0036 4.91406 18.5791 5.25781C18.8369 5.3151 18.9658 5.48698 18.9658 5.77344V7.87891C19.9398 8.22266 20.8135 8.72396 21.5869 9.38281L23.3916 8.30859C23.6494 8.19401 23.8643 8.23698 24.0361 8.4375C25.1247 9.61198 25.9124 10.9583 26.3994 12.4766C26.4854 12.763 26.3994 12.9635 26.1416 13.0781L24.3369 14.1523C24.5088 15.1549 24.5088 16.1576 24.3369 17.1602L26.1416 18.2344ZM13.7666 18.1055C14.4541 18.7643 15.2705 19.0938 16.2158 19.0938C17.1611 19.0938 17.9632 18.7643 18.6221 18.1055C19.3096 17.418 19.6533 16.6016 19.6533 15.6562C19.6533 14.7109 19.3096 13.9089 18.6221 13.25C17.9632 12.5625 17.1611 12.2188 16.2158 12.2188C15.2705 12.2188 14.4541 12.5625 13.7666 13.25C13.1077 13.9089 12.7783 14.7109 12.7783 15.6562C12.7783 16.6016 13.1077 17.418 13.7666 18.1055Z" fill="black"/>
+</symbol>
+
+<symbol id="print" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10" y="8" width="12" height="5" stroke="black" stroke-width="2"/>
+<rect x="10" y="17" width="12" height="8" stroke="black" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C5.44772 12 5 12.4477 5 13V21H9V17H23V21H27V13C27 12.4477 26.5523 12 26 12H6Z" fill="black"/>
+</symbol>
+
+<symbol id="calendar" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10H5V13H8V10Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C5.44772 2 5 2.44772 5 3V4H3C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H17V3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V4H7V3C7 2.44772 6.55229 2 6 2ZM4 9V18H18V9H4Z" fill="#333333"/>
+</symbol>
+
+<symbol id="group" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0474 10.437C14.2168 9.73893 15 8.46093 15 7C15 4.79086 13.2091 3 11 3C8.79086 3 7 4.79086 7 7C7 8.46093 7.7832 9.73893 8.95263 10.437C7.21207 11.2192 6 12.9681 6 15V18H16V15C16 12.9681 14.7879 11.2192 13.0474 10.437Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.917 14H21V11.8C21 10.3099 20.1516 9.02743 18.9332 8.45382C19.7518 7.94188 20.3 7.00468 20.3 5.93333C20.3 4.3133 19.0464 3 17.5 3C16.542 3 15.6963 3.50407 15.1915 4.27286C15.7028 5.05718 16 5.99389 16 7C16 7.44599 15.9416 7.87827 15.832 8.28963C15.9075 8.34834 15.9858 8.40316 16.0668 8.45382C15.9493 8.50916 15.8352 8.57108 15.725 8.63916C15.5088 9.26223 15.173 9.82915 14.7453 10.3124C15.8722 11.214 16.6677 12.514 16.917 14ZM14.9929 7.24086C14.9976 7.16118 15 7.08087 15 7C15 6.48461 14.9025 5.99199 14.725 5.53957C14.7085 5.66836 14.7 5.79981 14.7 5.93333C14.7 6.40316 14.8054 6.84718 14.9929 7.24086ZM15.9 14H14V11.8C14 11.5447 14.0249 11.2955 14.0723 11.055C14.9949 11.7745 15.6585 12.8106 15.9 14Z" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80852 4.27286C6.30371 3.50407 5.45804 3 4.5 3C2.9536 3 1.7 4.3133 1.7 5.93333C1.7 7.00468 2.24824 7.94188 3.06684 8.45382C1.84845 9.02743 1 10.3099 1 11.8V14H5.08296C5.33228 12.514 6.12778 11.214 7.25473 10.3124C6.82705 9.82915 6.49117 9.26223 6.27499 8.63916C6.16478 8.57108 6.05069 8.50916 5.93316 8.45382C6.01417 8.40316 6.09253 8.34834 6.16797 8.28963C6.05843 7.87827 6 7.44599 6 7C6 5.99389 6.29717 5.05718 6.80852 4.27286ZM7.9277 11.055C7.0051 11.7745 6.34145 12.8106 6.10002 14H8V11.8C8 11.5447 7.9751 11.2955 7.9277 11.055ZM7.27499 5.53957C7.29148 5.66836 7.3 5.79981 7.3 5.93333C7.3 6.40316 7.19457 6.84718 7.00713 7.24086C7.0024 7.16118 7 7.08087 7 7C7 6.48461 7.09747 5.99199 7.27499 5.53957Z" fill="#333333"/>
+</symbol>
+
+<symbol id="wifi" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/symbol">
+<g clip-path="url(#clip0)">
+<path d="M1.08488 8.63175C3.61838 6.09825 7.11838 4.53125 10.9844 4.53125C14.8504 4.53125 18.3504 6.09825 20.8839 8.63175L19.4697 10.046C17.2981 7.87439 14.2981 6.53125 10.9844 6.53125C7.67067 6.53125 4.67067 7.8744 2.4991 10.046L1.08488 8.63175Z" fill="#333333"/>
+<path d="M0.987882 8.72971C-1.46518 11.2313 -2.98671 14.6496 -3.01522 18.4233C-3.00846 17.5465 -2.91931 16.6682 -2.74662 15.8C-2.21539 13.1293 -0.917109 10.6726 0.987882 8.72971Z" fill="#333333"/>
+<path d="M-3.0153 18.6274C-2.99021 22.3568 -1.50692 25.7399 0.892926 28.235C-0.3114 26.9826 -1.27828 25.5103 -1.94994 23.8888C-2.64453 22.2119 -3.00294 20.4247 -3.0153 18.6274Z" fill="#333333"/>
+<path d="M1.20434 28.5488C3.72785 31.0128 7.17879 32.5312 10.9844 32.5312C14.7486 32.5312 18.1659 31.0457 20.6818 28.6288C20.0912 29.196 19.4494 29.7127 18.7624 30.1718C16.4601 31.7102 13.7533 32.5312 10.9844 32.5312C8.21544 32.5312 5.50868 31.7102 3.20639 30.1718C2.48717 29.6913 1.81752 29.1474 1.20434 28.5488Z" fill="#333333"/>
+<path d="M21.0019 28.3113C23.4506 25.8035 24.9655 22.3797 24.9842 18.6022C24.975 20.408 24.6165 22.2041 23.9187 23.8888C23.2333 25.5434 22.2406 27.0425 21.0019 28.3113Z" fill="#333333"/>
+<path d="M24.9841 18.4483C24.9621 14.6515 23.4287 11.2129 20.9551 8.70353C22.8742 10.6505 24.1818 13.1173 24.7154 15.8C24.8897 16.6764 24.9789 17.5632 24.9841 18.4483Z" fill="#333333"/>
+<path d="M18.0554 11.4602C16.2458 9.65054 13.7458 8.53125 10.9844 8.53125C8.22295 8.53125 5.72295 9.65054 3.91331 11.4602L5.32752 12.8744C6.77524 11.4267 8.77524 10.5312 10.9844 10.5312C13.1935 10.5312 15.1935 11.4267 16.6412 12.8744L18.0554 11.4602Z" fill="#333333"/>
+<path d="M15.227 14.2886C14.1412 13.2028 12.6412 12.5312 10.9844 12.5312C9.32752 12.5312 7.82752 13.2028 6.74174 14.2886L8.15595 15.7028C8.87981 14.979 9.87981 14.5312 10.9844 14.5312C12.0889 14.5312 13.0889 14.979 13.8128 15.7028L15.227 14.2886Z" fill="#333333"/>
+<path d="M12.3986 17.117C12.0367 16.7551 11.5367 16.5312 10.9844 16.5312C10.4321 16.5312 9.93209 16.7551 9.57016 17.117L10.9844 18.5312L12.3986 17.117Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="22" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+</svg>
\ No newline at end of file
diff --git a/src/assets/ico/structure.svg b/src/assets/ico/structure.svg
new file mode 100644
index 0000000000000000000000000000000000000000..511700ccba72d749b19ec932035197a9f71338a0
--- /dev/null
+++ b/src/assets/ico/structure.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3C11.2228 3.00746 11.4372 3.08448 11.612 3.21953L11.6211 3.21857L11.6971 3.28918L18.6775 9.0457C18.6952 9.06031 18.7119 9.07606 18.7275 9.09284C18.8592 9.23463 18.9477 9.40976 18.983 9.59841C19.0181 9.78692 18.9987 9.9816 18.9268 10.1599C18.8549 10.3383 18.7333 10.4933 18.5761 10.6073C18.4187 10.7214 18.232 10.7899 18.037 10.8052C18.0232 10.8063 18.0092 10.8068 17.9953 10.8068H17.2786L17.3466 17.9693L17.3466 17.974C17.3466 18.246 17.2364 18.5068 17.0402 18.6991C16.844 18.8913 16.5779 18.9994 16.3003 18.9994H13.1615C12.884 18.9994 12.6178 18.8913 12.4216 18.6991C12.2254 18.5068 12.1152 18.246 12.1152 17.974V14.493C12.1152 14.4908 12.1152 14.4886 12.1152 14.4864C12.1152 14.4837 12.1153 14.481 12.1154 14.4783C12.1389 13.6731 12.0857 13.088 11.9055 12.7135C11.8228 12.5416 11.7197 12.4288 11.5913 12.3537C11.4661 12.2806 11.2814 12.2228 11 12.2171V12.2177C10.7186 12.2234 10.5339 12.2812 10.4087 12.3543C10.2803 12.4294 10.1772 12.5422 10.0945 12.7141C9.91426 13.0886 9.86107 13.6737 9.88462 14.4789C9.88469 14.4815 9.88475 14.4841 9.88478 14.4867C9.88481 14.489 9.88483 14.4913 9.88483 14.4936V17.9746C9.88483 18.2466 9.77456 18.5074 9.57838 18.6997C9.38219 18.8919 9.11604 19 8.83854 19H5.69966C5.42215 19 5.156 18.8919 4.95982 18.6997C4.76364 18.5074 4.65336 18.2466 4.65336 17.9746L4.65339 17.9699L4.72135 10.8074H4.00466C3.99075 10.8074 3.97684 10.8069 3.96298 10.8058C3.76805 10.7905 3.58128 10.722 3.42389 10.6079C3.26667 10.4939 3.14509 10.3389 3.07317 10.1605C3.0013 9.9822 2.98192 9.78752 3.01705 9.599C3.0523 9.41035 3.14082 9.23522 3.27253 9.09344C3.28812 9.07666 3.30483 9.06091 3.32255 9.04629L10.3029 3.28978L10.3789 3.21917L10.388 3.22013C10.5628 3.08508 10.7772 3.00806 11 3.0006V3Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/tel.svg b/src/assets/ico/tel.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b0b0e51d52b4d118a7ab225349e3f8ea34ad868
--- /dev/null
+++ b/src/assets/ico/tel.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4979 12.1969L11.9719 14.7228L6.92 9.67091L9.44596 7.14494C9.74589 6.84502 9.74589 6.35946 9.44596 6.0603L5.61061 2.22494C5.31068 1.92502 4.82512 1.92502 4.52597 2.22494L2 4.75091C2 13.2401 8.40121 19.6428 16.8919 19.6428L19.4179 17.1169C19.7178 16.8169 19.7178 16.3314 19.4179 16.0322L15.5825 12.1969C15.2834 11.8977 14.7971 11.8977 14.4979 12.1969Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/web.svg b/src/assets/ico/web.svg
new file mode 100644
index 0000000000000000000000000000000000000000..84d260faab1726e071959d02f957867a24b2a08b
--- /dev/null
+++ b/src/assets/ico/web.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 4C7.13895 4 4 7.13895 4 11C4 14.8611 7.13895 18 11 18C14.8611 18 18 14.8611 18 11C18 7.13895 14.8611 4 11 4ZM16.2611 8.31789H14.4926C14.2568 7.25684 13.9032 6.32842 13.4316 5.60632C14.6547 6.16632 15.6568 7.12421 16.2611 8.31789ZM16.9095 11C16.9095 11.5453 16.8358 12.0905 16.6884 12.5916H14.6842C14.7432 12.0758 14.7726 11.5453 14.7726 11C14.7726 10.4547 14.7432 9.92421 14.6842 9.40842H16.7032C16.8358 9.90948 16.9095 10.4547 16.9095 11ZM5.09053 11C5.09053 10.4547 5.16421 9.90948 5.31158 9.40842H7.33052C7.27158 9.92421 7.24211 10.4547 7.24211 11C7.24211 11.5453 7.27158 12.0758 7.33052 12.5916H5.31158C5.16421 12.0905 5.09053 11.5453 5.09053 11ZM8.31789 11C8.31789 10.4695 8.3621 9.93895 8.43579 9.40842H10.4695V12.5916H8.43579C8.3621 12.0611 8.31789 11.5305 8.31789 11ZM11.5453 5.22316C12.3558 5.60631 13.0042 6.84421 13.3579 8.33263H11.5453V5.22316ZM10.4547 5.22316V8.33263H8.64211C8.99579 6.84421 9.64421 5.60631 10.4547 5.22316ZM10.4547 13.6821V16.7916C9.64421 16.4084 8.99579 15.1705 8.64211 13.6821H10.4547ZM11.5453 16.7768V13.6674H13.3579C13.0042 15.1558 12.3558 16.3937 11.5453 16.7768ZM11.5453 12.5916V9.40842H13.5789C13.6526 9.93895 13.6968 10.4695 13.6968 11C13.6968 11.5305 13.6526 12.0611 13.5789 12.5916H11.5453ZM8.56842 5.62105C8.11158 6.34316 7.74316 7.27158 7.50737 8.33263H5.73895C6.34316 7.12421 7.34526 6.16632 8.56842 5.62105ZM5.73895 13.6821H7.50737C7.74316 14.7432 8.09684 15.6716 8.56842 16.3937C7.34526 15.8337 6.34316 14.8758 5.73895 13.6821ZM13.4316 16.3789C13.8884 15.6568 14.2568 14.7284 14.4926 13.6674H16.2611C15.6568 14.8758 14.6547 15.8337 13.4316 16.3789Z" fill="#333333"/>
+</svg>
diff --git a/src/assets/ico/wifi.svg b/src/assets/ico/wifi.svg
new file mode 100644
index 0000000000000000000000000000000000000000..145c102b5e3400eaef53ab0cc899c206863d1fde
--- /dev/null
+++ b/src/assets/ico/wifi.svg
@@ -0,0 +1,18 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M1.08488 8.63175C3.61838 6.09825 7.11838 4.53125 10.9844 4.53125C14.8504 4.53125 18.3504 6.09825 20.8839 8.63175L19.4697 10.046C17.2981 7.87439 14.2981 6.53125 10.9844 6.53125C7.67067 6.53125 4.67067 7.8744 2.4991 10.046L1.08488 8.63175Z" fill="#333333"/>
+<path d="M0.987882 8.72971C-1.46518 11.2313 -2.98671 14.6496 -3.01522 18.4233C-3.00846 17.5465 -2.91931 16.6682 -2.74662 15.8C-2.21539 13.1293 -0.917109 10.6726 0.987882 8.72971Z" fill="#333333"/>
+<path d="M-3.0153 18.6274C-2.99021 22.3568 -1.50692 25.7399 0.892926 28.235C-0.3114 26.9826 -1.27828 25.5103 -1.94994 23.8888C-2.64453 22.2119 -3.00294 20.4247 -3.0153 18.6274Z" fill="#333333"/>
+<path d="M1.20434 28.5488C3.72785 31.0128 7.17879 32.5312 10.9844 32.5312C14.7486 32.5312 18.1659 31.0457 20.6818 28.6288C20.0912 29.196 19.4494 29.7127 18.7624 30.1718C16.4601 31.7102 13.7533 32.5312 10.9844 32.5312C8.21544 32.5312 5.50868 31.7102 3.20639 30.1718C2.48717 29.6913 1.81752 29.1474 1.20434 28.5488Z" fill="#333333"/>
+<path d="M21.0019 28.3113C23.4506 25.8035 24.9655 22.3797 24.9842 18.6022C24.975 20.408 24.6165 22.2041 23.9187 23.8888C23.2333 25.5434 22.2406 27.0425 21.0019 28.3113Z" fill="#333333"/>
+<path d="M24.9841 18.4483C24.9621 14.6515 23.4287 11.2129 20.9551 8.70353C22.8742 10.6505 24.1818 13.1173 24.7154 15.8C24.8897 16.6764 24.9789 17.5632 24.9841 18.4483Z" fill="#333333"/>
+<path d="M18.0554 11.4602C16.2458 9.65054 13.7458 8.53125 10.9844 8.53125C8.22295 8.53125 5.72295 9.65054 3.91331 11.4602L5.32752 12.8744C6.77524 11.4267 8.77524 10.5312 10.9844 10.5312C13.1935 10.5312 15.1935 11.4267 16.6412 12.8744L18.0554 11.4602Z" fill="#333333"/>
+<path d="M15.227 14.2886C14.1412 13.2028 12.6412 12.5312 10.9844 12.5312C9.32752 12.5312 7.82752 13.2028 6.74174 14.2886L8.15595 15.7028C8.87981 14.979 9.87981 14.5312 10.9844 14.5312C12.0889 14.5312 13.0889 14.979 13.8128 15.7028L15.227 14.2886Z" fill="#333333"/>
+<path d="M12.3986 17.117C12.0367 16.7551 11.5367 16.5312 10.9844 16.5312C10.4321 16.5312 9.93209 16.7551 9.57016 17.117L10.9844 18.5312L12.3986 17.117Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="22" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/img/sprite.svg b/src/assets/img/sprite.svg
deleted file mode 100644
index 840ab412d7bf34c0169d05db70226649caeb4859..0000000000000000000000000000000000000000
--- a/src/assets/img/sprite.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-<symbol id="map-marker" width="40" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.72 43.73l.706.66.683-.683c2.038-2.04 4.04-3.864 5.934-5.588l.179-.163c6.32-5.755 11.624-10.585 11.624-18.493C38.846 9.267 30.59 1 20.402 1 10.214 1 1.957 9.267 1.957 19.463c0 4.152 1.08 7.233 3.179 10.152 2.04 2.84 5.05 5.523 8.833 8.899l.078.07c1.717 1.531 3.607 3.217 5.672 5.147zm6.508-24.267a5.83 5.83 0 01-5.826 5.833 5.83 5.83 0 01-5.826-5.833 5.83 5.83 0 015.826-5.833 5.83 5.83 0 015.826 5.833z" fill="#348899" stroke="#fff" stroke-width="2"/></symbol>
-</svg>
\ No newline at end of file
diff --git a/src/assets/logos/ic_metro.svg b/src/assets/logos/ic_metro.svg
new file mode 100644
index 0000000000000000000000000000000000000000..896bfb335c1b21f460cb2aa91cd04121ef5e6128
--- /dev/null
+++ b/src/assets/logos/ic_metro.svg
@@ -0,0 +1,9 @@
+<svg width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="26" height="21" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.0384615 0.047619)"/>
+</pattern>
+<image id="image0" width="26" height="21" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAVCAYAAABYHP4bAAAFP0lEQVRIiX2WS4hlRx3G/+d9qs593/O6597u6QGNREREhAgKxhcaHwkSBBER3Qgu3LhwGzeShUtxpYjJiDZtXIguhERiRkXBbGaciP24fc/z3p7b3dNjZtDMOMnPxZ3pZJzWxUfVvyj4FV9VfVUitk1HBEMEERNbXEQcjLtj/0tirVrvXm0LtqwklkJE7pe2hOetMdvtlEu6yxXV5orrckmF9+myjriso9P6ihXzioq4olP+6o/ZtVIKK+WH7oC3/TdEBBFf+JOzRtFNmaqIucqo/QG1F9+nxk9o/OS0zlsZlR7SqIidYMyeSjlSGZt6xHkxHgQZtvCykzHTHRoVcehPKIKIWo9PVamMwkspvJTSH7055veovD55e8J+ELJwelxQQyaWewZIhJe9MbnqMGtnFM46jZ9ReavVNiqidAfMrC77ZofC6VP7IXN3naqdUKqQUk2odMRVv8OPVYfEsB4EWWJyUcdUKjlVc9fCA3edhdOj0D4n43dSv/sDlJ0JB25IoTpUrTG5N6BUA+btlNod8mwrIjFsDDGxxMQSG0OcFeglFVH68alqP2S7HVPq88ythNnaQ9x86mn+sbXJwQc/RSUhSyfjxNngIMgogyGVGtHYMVv2gIkYiCGIuTqd4sjZoEZFNO0BpTugsgK2u2u8tvkruHmN5pNPsuMopq0+uRGyG6TMgoRSj1gECT/3OsSOYBgrmCGCafwf6xZisycGuWkwlS7/+v6zvH5QUTzyEXZtg1yEQtrkbkzVGjNVCVfdLpd0n2+qHgPDwxITW2z8e9Zd1DG1TqlUcmrdycPv5+DxL7D4xOc4fOJLvP7r33JnUfPqt77NtQ89TvXYkyw+/GkW3XUaq0vRHrH0ehwGEZf9Db7udHlYBEsEMfw3ratUQuFF5G5I4fS59tR3eOP6MXeOjmG54N+3X+M6t7hz4xqUC964cYvbv3uB5XvfRyFC7Y2onYQ86FPrMftqzDcsi9SS1X69FVT68Sno5PNf5Z9bWxw+9zNubm7BKzO4foPbL7zI4dZPOfnFL1l+92mqdzxEJYparXHVGzPXIVM/489expdtl9S6F0tvsa7W6al1ldGiFo89Uyh0n5vf+xG36hmHj3yU0hLmYjB1A/YNn0WQsKvXqIOYojXgN+6AR03vLsDBFB8RMXnJi1joCTM/ZeGPafwRjRnTiEcjFjM/4/jCT+CkoXz0s+TiUDgetdlh5vcoOgllkLF0E37vj/iYFTx4YX3T5I/OgH0dM/dGlCqjUiP+1jvPnh9SWR0W8bt49QfPwM4Vjh77IoX0aPw+V/2MWZCw2wqpdcahHbPpdWlbZ4SqKS4X/Zg9HVG2Uva9mKWXUngJcx1SuV2a9oTy45/h+CtfY7nxHmppk6uUI/88SzWmVCFFsIqjLdVnwzwrvQ3hD+0+C92lbg8o/D6z1pBDO2ahR8zUkCJImKqEXI0o7LuXW5+jcM6ReysHqtY6Mz3hGRUzkjNCVUzhRd1n5g2YOwlH7gb7wTpFENF4MXMnomkl1F6PymqT+0PmrYxG92jsAVVryKzTZ6qHNF7Ic/6Qc2e+R6bDX+wRTXtC7STUOqPxQraDlLmXsfTG1F5K6YSUOmEWjFZPRGvAsZ1xXa1R6oSpn9H4GVt+RGScAQpF8bwbMW2vsaNT/t5Kyb0B20HETEXstEN21YBcx+x1UnZbIdtej1lrSO6MyJ0RhRlRemNyHXPB07z9rMNgyADPEVwRDFNwxUZMwTJcbDFXfTGxxEEMB1tM/Hv/BNNGHBdLTMRaze2KIDJ8APQfxgfc+/nMQnUAAAAASUVORK5CYII="/>
+</defs>
+</svg>