ecomlab-components-next 0.1.134 → 0.1.135
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock.scss +0 -10
- package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.module.scss +0 -3
- package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.scss +0 -10
- package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.scss +0 -2
- package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.scss +0 -23
- package/dist/components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs.scss +0 -31
- package/dist/components/ConstructorComponents/Footer/CopyrightBox/CopyrightBox.scss +0 -1
- package/dist/components/ConstructorComponents/Footer/Footer.scss +0 -2
- package/dist/components/ConstructorComponents/Footer/FooterItem/FooterItem.scss +0 -3
- package/dist/components/ConstructorComponents/FormWithBtn/FormWithBtn.scss +0 -2
- package/dist/components/ConstructorComponents/Header/Header.scss +0 -7
- package/dist/components/ConstructorComponents/HeaderMain/Header.scss +0 -8
- package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.scss +0 -3
- package/dist/components/ConstructorComponents/ModalBitrixForm/ModalBitrixForm.scss +0 -7
- package/dist/components/ConstructorComponents/PagePreviews/PagePreviews.js +163 -0
- package/dist/components/ConstructorComponents/PagePreviews/PagePreviews.module.scss +239 -0
- package/dist/components/ConstructorComponents/PagePreviews/PagePreviews.stories.js +19 -0
- package/dist/components/ConstructorComponents/PhoneBlock/PhoneBlock.scss +0 -10
- package/dist/components/ConstructorComponents/PointsList/PointsList.scss +0 -7
- package/dist/components/ConstructorComponents/Questions/Questions.scss +0 -8
- package/dist/components/ConstructorComponents/StatisticCard/StatisticCard.module.scss +0 -2
- package/dist/components/ConstructorComponents/StepItems/StepItems.module.scss +0 -6
- package/dist/components/ConstructorComponents/VideoBlock/VideoBlock.scss +0 -3
- package/dist/index.js +7 -0
- package/package.json +1 -1
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
font-size: 42px;
|
|
19
19
|
font-style: normal;
|
|
20
20
|
font-weight: 500;
|
|
21
|
-
line-height: 1.2;
|
|
22
21
|
}
|
|
23
22
|
|
|
24
23
|
&__description {
|
|
@@ -28,7 +27,6 @@
|
|
|
28
27
|
font-style: normal;
|
|
29
28
|
font-weight: 500;
|
|
30
29
|
font-size: 20px;
|
|
31
|
-
line-height: 1.2
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
&__description-white {
|
|
@@ -37,7 +35,6 @@
|
|
|
37
35
|
font-size: 16px;
|
|
38
36
|
font-style: normal;
|
|
39
37
|
font-weight: 500;
|
|
40
|
-
line-height: 24px;
|
|
41
38
|
}
|
|
42
39
|
|
|
43
40
|
&__items {
|
|
@@ -102,12 +99,6 @@
|
|
|
102
99
|
font-size: 28px;
|
|
103
100
|
}
|
|
104
101
|
|
|
105
|
-
&__description {}
|
|
106
|
-
|
|
107
|
-
&__description-white {}
|
|
108
|
-
|
|
109
|
-
&__items {}
|
|
110
|
-
|
|
111
102
|
&__item {
|
|
112
103
|
max-width: calc(50% - 16px);
|
|
113
104
|
}
|
|
@@ -148,7 +139,6 @@
|
|
|
148
139
|
|
|
149
140
|
&__description {
|
|
150
141
|
font-size: 16px;
|
|
151
|
-
line-height: 24px;
|
|
152
142
|
}
|
|
153
143
|
|
|
154
144
|
&__description-white {}
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
font-size: 42px;
|
|
15
15
|
font-style: normal;
|
|
16
16
|
font-weight: 500;
|
|
17
|
-
line-height: 51px;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
&__content {
|
|
@@ -32,7 +31,6 @@
|
|
|
32
31
|
|
|
33
32
|
&__title {
|
|
34
33
|
font-size: 28px;
|
|
35
|
-
line-height: 32px;
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
&__content {
|
|
@@ -49,7 +47,6 @@
|
|
|
49
47
|
|
|
50
48
|
&__title {
|
|
51
49
|
font-size: 20px;
|
|
52
|
-
line-height: 24px;
|
|
53
50
|
}
|
|
54
51
|
|
|
55
52
|
&__content {
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
font-size: 42px;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 500;
|
|
11
|
-
line-height: 51px;
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
&__items {
|
|
@@ -39,7 +38,6 @@
|
|
|
39
38
|
font-size: 28px;
|
|
40
39
|
font-style: normal;
|
|
41
40
|
font-weight: 700;
|
|
42
|
-
line-height: 37px;
|
|
43
41
|
}
|
|
44
42
|
|
|
45
43
|
&__info-box {
|
|
@@ -69,7 +67,6 @@
|
|
|
69
67
|
font-size: 16px;
|
|
70
68
|
font-style: normal;
|
|
71
69
|
font-weight: 500;
|
|
72
|
-
line-height: 24px;
|
|
73
70
|
}
|
|
74
71
|
|
|
75
72
|
&__img-box {
|
|
@@ -145,8 +142,6 @@
|
|
|
145
142
|
|
|
146
143
|
&__title_card {
|
|
147
144
|
text-align: center;
|
|
148
|
-
// font-size: 18px;
|
|
149
|
-
// line-height: 24px;
|
|
150
145
|
}
|
|
151
146
|
|
|
152
147
|
&__info-box {
|
|
@@ -193,7 +188,6 @@
|
|
|
193
188
|
|
|
194
189
|
&__title {
|
|
195
190
|
font-size: 20px;
|
|
196
|
-
line-height: 28px;
|
|
197
191
|
}
|
|
198
192
|
|
|
199
193
|
&__items {
|
|
@@ -208,7 +202,6 @@
|
|
|
208
202
|
|
|
209
203
|
&__title_card {
|
|
210
204
|
font-size: 18px;
|
|
211
|
-
line-height: 24px;
|
|
212
205
|
}
|
|
213
206
|
|
|
214
207
|
&__info-box {
|
|
@@ -216,11 +209,8 @@
|
|
|
216
209
|
width: 100%;
|
|
217
210
|
}
|
|
218
211
|
|
|
219
|
-
&__info-block {}
|
|
220
|
-
|
|
221
212
|
&__description {
|
|
222
213
|
font-size: 14px;
|
|
223
|
-
line-height: 24px;
|
|
224
214
|
}
|
|
225
215
|
|
|
226
216
|
&__img-box {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
font-size: 42px;
|
|
10
10
|
font-style: normal;
|
|
11
11
|
font-weight: 500;
|
|
12
|
-
line-height: 51px;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
&__items {
|
|
@@ -63,7 +62,6 @@
|
|
|
63
62
|
font-size: 24px;
|
|
64
63
|
font-style: normal;
|
|
65
64
|
font-weight: 500;
|
|
66
|
-
line-height: 32px;
|
|
67
65
|
}
|
|
68
66
|
|
|
69
67
|
&__description {
|
|
@@ -72,7 +70,6 @@
|
|
|
72
70
|
font-size: 18px;
|
|
73
71
|
font-style: normal;
|
|
74
72
|
font-weight: 400;
|
|
75
|
-
line-height: 28px;
|
|
76
73
|
}
|
|
77
74
|
|
|
78
75
|
&__info-box {
|
|
@@ -88,7 +85,6 @@
|
|
|
88
85
|
|
|
89
86
|
&__title {
|
|
90
87
|
font-size: 28px;
|
|
91
|
-
line-height: 32px;
|
|
92
88
|
}
|
|
93
89
|
|
|
94
90
|
&__items {
|
|
@@ -103,20 +99,12 @@
|
|
|
103
99
|
gap: 14px;
|
|
104
100
|
}
|
|
105
101
|
|
|
106
|
-
&__img-box {}
|
|
107
|
-
|
|
108
|
-
&__img-development {}
|
|
109
|
-
|
|
110
|
-
&__img {}
|
|
111
|
-
|
|
112
102
|
&__title_card {
|
|
113
103
|
font-size: 18px;
|
|
114
|
-
line-height: 24px;
|
|
115
104
|
}
|
|
116
105
|
|
|
117
106
|
&__description {
|
|
118
107
|
font-size: 16px;
|
|
119
|
-
line-height: 24px;
|
|
120
108
|
}
|
|
121
109
|
|
|
122
110
|
&__info-box {
|
|
@@ -131,7 +119,6 @@
|
|
|
131
119
|
|
|
132
120
|
&__title {
|
|
133
121
|
font-size: 20px;
|
|
134
|
-
line-height: 24px;
|
|
135
122
|
}
|
|
136
123
|
|
|
137
124
|
&__items {
|
|
@@ -146,22 +133,12 @@
|
|
|
146
133
|
gap: 14px;
|
|
147
134
|
}
|
|
148
135
|
|
|
149
|
-
&__img-box {}
|
|
150
|
-
|
|
151
|
-
&__img-development {}
|
|
152
|
-
|
|
153
|
-
&__img {}
|
|
154
|
-
|
|
155
136
|
&__title_card {
|
|
156
137
|
font-size: 18px;
|
|
157
|
-
line-height: 24px;
|
|
158
138
|
}
|
|
159
139
|
|
|
160
140
|
&__description {
|
|
161
141
|
font-size: 16px;
|
|
162
|
-
line-height: 24px;
|
|
163
142
|
}
|
|
164
|
-
|
|
165
|
-
&__info-box {}
|
|
166
143
|
}
|
|
167
144
|
}
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
font-size: 42px;
|
|
10
10
|
font-style: normal;
|
|
11
11
|
font-weight: 500;
|
|
12
|
-
line-height: 51px;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
&__header {
|
|
@@ -23,7 +22,6 @@
|
|
|
23
22
|
font-size: 22px;
|
|
24
23
|
font-style: normal;
|
|
25
24
|
font-weight: 400;
|
|
26
|
-
line-height: 32px;
|
|
27
25
|
}
|
|
28
26
|
|
|
29
27
|
&__cite {
|
|
@@ -32,7 +30,6 @@
|
|
|
32
30
|
font-size: 16px;
|
|
33
31
|
// font-style: normal;
|
|
34
32
|
font-weight: 400;
|
|
35
|
-
line-height: 24px;
|
|
36
33
|
}
|
|
37
34
|
|
|
38
35
|
&__items {
|
|
@@ -72,7 +69,6 @@
|
|
|
72
69
|
font-size: 24px;
|
|
73
70
|
font-style: normal;
|
|
74
71
|
font-weight: 500;
|
|
75
|
-
line-height: 32px;
|
|
76
72
|
}
|
|
77
73
|
|
|
78
74
|
&__card-description {
|
|
@@ -81,7 +77,6 @@
|
|
|
81
77
|
font-size: 14px;
|
|
82
78
|
font-style: normal;
|
|
83
79
|
font-weight: 400;
|
|
84
|
-
line-height: 20px;
|
|
85
80
|
}
|
|
86
81
|
|
|
87
82
|
&__card-btn {
|
|
@@ -120,7 +115,6 @@
|
|
|
120
115
|
|
|
121
116
|
&__title {
|
|
122
117
|
font-size: 28px;
|
|
123
|
-
line-height: 32px;
|
|
124
118
|
}
|
|
125
119
|
|
|
126
120
|
&__header {
|
|
@@ -130,25 +124,11 @@
|
|
|
130
124
|
|
|
131
125
|
&__blockquote {
|
|
132
126
|
font-size: 22px;
|
|
133
|
-
line-height: 32px;
|
|
134
127
|
}
|
|
135
128
|
|
|
136
129
|
&__cite {
|
|
137
130
|
font-size: 16px;
|
|
138
|
-
line-height: 24px;
|
|
139
131
|
}
|
|
140
|
-
|
|
141
|
-
&__items {}
|
|
142
|
-
|
|
143
|
-
&__cards {}
|
|
144
|
-
|
|
145
|
-
&__card {}
|
|
146
|
-
|
|
147
|
-
&__card-title {}
|
|
148
|
-
|
|
149
|
-
&__card-description {}
|
|
150
|
-
|
|
151
|
-
&__card-btn {}
|
|
152
132
|
}
|
|
153
133
|
}
|
|
154
134
|
|
|
@@ -160,7 +140,6 @@
|
|
|
160
140
|
|
|
161
141
|
&__title {
|
|
162
142
|
font-size: 28px;
|
|
163
|
-
line-height: 32px;
|
|
164
143
|
}
|
|
165
144
|
|
|
166
145
|
&__header {
|
|
@@ -170,12 +149,10 @@
|
|
|
170
149
|
|
|
171
150
|
&__blockquote {
|
|
172
151
|
font-size: 22px;
|
|
173
|
-
line-height: 32px;
|
|
174
152
|
}
|
|
175
153
|
|
|
176
154
|
&__cite {
|
|
177
155
|
font-size: 16px;
|
|
178
|
-
line-height: 24px;
|
|
179
156
|
}
|
|
180
157
|
|
|
181
158
|
&__items {}
|
|
@@ -202,7 +179,6 @@
|
|
|
202
179
|
|
|
203
180
|
&__title {
|
|
204
181
|
font-size: 20px;
|
|
205
|
-
line-height: 24px;
|
|
206
182
|
}
|
|
207
183
|
|
|
208
184
|
&__header {
|
|
@@ -212,16 +188,12 @@
|
|
|
212
188
|
|
|
213
189
|
&__blockquote {
|
|
214
190
|
font-size: 18px;
|
|
215
|
-
line-height: 24px;
|
|
216
191
|
}
|
|
217
192
|
|
|
218
193
|
&__cite {
|
|
219
194
|
font-size: 16px;
|
|
220
|
-
line-height: 24px;
|
|
221
195
|
}
|
|
222
196
|
|
|
223
|
-
&__items {}
|
|
224
|
-
|
|
225
197
|
&__cards {
|
|
226
198
|
flex-direction: column;
|
|
227
199
|
}
|
|
@@ -233,13 +205,10 @@
|
|
|
233
205
|
|
|
234
206
|
&__card-title {
|
|
235
207
|
font-size: 16px;
|
|
236
|
-
line-height: 24px;
|
|
237
208
|
}
|
|
238
209
|
|
|
239
210
|
&__card-description {
|
|
240
211
|
gap: 14px;
|
|
241
212
|
}
|
|
242
|
-
|
|
243
|
-
&__card-btn {}
|
|
244
213
|
}
|
|
245
214
|
}
|
|
@@ -64,7 +64,6 @@ body {
|
|
|
64
64
|
font-size: 16px;
|
|
65
65
|
font-style: normal;
|
|
66
66
|
font-weight: 400;
|
|
67
|
-
line-height: 24px;
|
|
68
67
|
// white-space: nowrap;
|
|
69
68
|
max-height: 400px;
|
|
70
69
|
transition: max-height 0.5s;
|
|
@@ -108,7 +107,6 @@ body {
|
|
|
108
107
|
font-size: 16px;
|
|
109
108
|
font-style: normal;
|
|
110
109
|
font-weight: 400;
|
|
111
|
-
line-height: 24px;
|
|
112
110
|
white-space: wrap;
|
|
113
111
|
}
|
|
114
112
|
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
font-size: 20px;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 500;
|
|
11
|
-
line-height: 24px;
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
// нижняя часть подвала
|
|
@@ -27,7 +26,6 @@
|
|
|
27
26
|
font-style: normal;
|
|
28
27
|
font-weight: 400;
|
|
29
28
|
font-size: 0.75em;
|
|
30
|
-
line-height: 15px;
|
|
31
29
|
// white-space: nowrap;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
@@ -42,7 +40,6 @@
|
|
|
42
40
|
font-style: normal;
|
|
43
41
|
font-weight: 400;
|
|
44
42
|
font-size: 0.75em;
|
|
45
|
-
line-height: 20px;
|
|
46
43
|
color: #121212;
|
|
47
44
|
|
|
48
45
|
&_tel,
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
font-size: 42px;
|
|
17
17
|
font-style: normal;
|
|
18
18
|
font-weight: 600;
|
|
19
|
-
line-height: 50px
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
&__description {
|
|
@@ -26,7 +25,6 @@
|
|
|
26
25
|
font-size: 24px;
|
|
27
26
|
font-style: normal;
|
|
28
27
|
font-weight: 400;
|
|
29
|
-
line-height: 32px;
|
|
30
28
|
max-width: 840px;
|
|
31
29
|
}
|
|
32
30
|
}
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
font-size: 52px;
|
|
22
22
|
font-style: normal;
|
|
23
23
|
font-weight: 600;
|
|
24
|
-
line-height: 66px;
|
|
25
24
|
}
|
|
26
25
|
|
|
27
26
|
&__description {
|
|
@@ -31,7 +30,6 @@
|
|
|
31
30
|
font-size: 24px;
|
|
32
31
|
font-style: normal;
|
|
33
32
|
font-weight: 500;
|
|
34
|
-
line-height: 42px;
|
|
35
33
|
}
|
|
36
34
|
|
|
37
35
|
&__img-box {
|
|
@@ -58,7 +56,6 @@
|
|
|
58
56
|
font-size: 20px;
|
|
59
57
|
font-style: normal;
|
|
60
58
|
font-weight: 500;
|
|
61
|
-
line-height: 24px;
|
|
62
59
|
|
|
63
60
|
img {
|
|
64
61
|
width: 32px;
|
|
@@ -85,12 +82,10 @@
|
|
|
85
82
|
|
|
86
83
|
&__title {
|
|
87
84
|
font-size: 32px;
|
|
88
|
-
line-height: 42px;
|
|
89
85
|
}
|
|
90
86
|
|
|
91
87
|
&__description {
|
|
92
88
|
font-size: 16px;
|
|
93
|
-
line-height: 24px
|
|
94
89
|
}
|
|
95
90
|
|
|
96
91
|
.green-btn {
|
|
@@ -128,12 +123,10 @@
|
|
|
128
123
|
|
|
129
124
|
&__title {
|
|
130
125
|
font-size: 26px;
|
|
131
|
-
line-height: 36px;
|
|
132
126
|
}
|
|
133
127
|
|
|
134
128
|
&__description {
|
|
135
129
|
font-size: 14px;
|
|
136
|
-
line-height: 24px;
|
|
137
130
|
}
|
|
138
131
|
|
|
139
132
|
.green-btn {
|
|
@@ -61,7 +61,6 @@
|
|
|
61
61
|
font-size: 16px;
|
|
62
62
|
font-style: normal;
|
|
63
63
|
font-weight: 500;
|
|
64
|
-
line-height: 24px;
|
|
65
64
|
white-space: nowrap;
|
|
66
65
|
cursor: pointer;
|
|
67
66
|
|
|
@@ -225,7 +224,6 @@
|
|
|
225
224
|
.text {
|
|
226
225
|
margin-top: 30px;
|
|
227
226
|
font-size: 20px;
|
|
228
|
-
line-height: 24.2px;
|
|
229
227
|
}
|
|
230
228
|
}
|
|
231
229
|
|
|
@@ -244,7 +242,6 @@
|
|
|
244
242
|
font-size: 16px;
|
|
245
243
|
font-style: normal;
|
|
246
244
|
font-weight: 500;
|
|
247
|
-
line-height: 24px;
|
|
248
245
|
white-space: nowrap;
|
|
249
246
|
cursor: pointer;
|
|
250
247
|
position: relative;
|
|
@@ -278,7 +275,6 @@
|
|
|
278
275
|
font-size: 16px;
|
|
279
276
|
font-style: normal;
|
|
280
277
|
font-weight: 500;
|
|
281
|
-
line-height: 24px;
|
|
282
278
|
white-space: nowrap;
|
|
283
279
|
}
|
|
284
280
|
|
|
@@ -288,7 +284,6 @@
|
|
|
288
284
|
font-size: 16px;
|
|
289
285
|
font-style: normal;
|
|
290
286
|
font-weight: 500;
|
|
291
|
-
line-height: 24px;
|
|
292
287
|
white-space: nowrap;
|
|
293
288
|
|
|
294
289
|
&::after {
|
|
@@ -322,7 +317,6 @@
|
|
|
322
317
|
font-size: 16px;
|
|
323
318
|
font-style: normal;
|
|
324
319
|
font-weight: 500;
|
|
325
|
-
line-height: 24px;
|
|
326
320
|
white-space: nowrap;
|
|
327
321
|
height: 32px;
|
|
328
322
|
|
|
@@ -406,7 +400,6 @@
|
|
|
406
400
|
font-size: 14px;
|
|
407
401
|
font-style: normal;
|
|
408
402
|
font-weight: 500;
|
|
409
|
-
line-height: normal;
|
|
410
403
|
outline: none;
|
|
411
404
|
border: 1px solid #ffffff;
|
|
412
405
|
background-position: right 10px center;
|
|
@@ -422,7 +415,6 @@
|
|
|
422
415
|
font-size: 14px;
|
|
423
416
|
font-style: normal;
|
|
424
417
|
font-weight: 500;
|
|
425
|
-
line-height: normal;
|
|
426
418
|
}
|
|
427
419
|
}
|
|
428
420
|
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
font-size: 42px;
|
|
10
10
|
font-style: normal;
|
|
11
11
|
font-weight: 500;
|
|
12
|
-
line-height: 51px;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
img {
|
|
@@ -25,7 +24,6 @@
|
|
|
25
24
|
|
|
26
25
|
&__title {
|
|
27
26
|
font-size: 28px;
|
|
28
|
-
line-height: 32px;
|
|
29
27
|
}
|
|
30
28
|
|
|
31
29
|
img {
|
|
@@ -42,7 +40,6 @@
|
|
|
42
40
|
|
|
43
41
|
&__title {
|
|
44
42
|
font-size: 20px;
|
|
45
|
-
line-height: 24px;
|
|
46
43
|
}
|
|
47
44
|
|
|
48
45
|
img {
|
|
@@ -31,7 +31,6 @@
|
|
|
31
31
|
font-size: 28px;
|
|
32
32
|
font-style: normal;
|
|
33
33
|
font-weight: 600;
|
|
34
|
-
line-height: 32px;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
&__description {
|
|
@@ -40,7 +39,6 @@
|
|
|
40
39
|
font-size: 16px;
|
|
41
40
|
font-style: normal;
|
|
42
41
|
font-weight: 400;
|
|
43
|
-
line-height: 24px;
|
|
44
42
|
}
|
|
45
43
|
|
|
46
44
|
&__content {
|
|
@@ -98,7 +96,6 @@
|
|
|
98
96
|
font-size: 28px;
|
|
99
97
|
font-style: normal;
|
|
100
98
|
font-weight: 600;
|
|
101
|
-
line-height: 32px;
|
|
102
99
|
text-align: center;
|
|
103
100
|
}
|
|
104
101
|
|
|
@@ -108,7 +105,6 @@
|
|
|
108
105
|
font-size: 20px;
|
|
109
106
|
font-style: normal;
|
|
110
107
|
font-weight: 400;
|
|
111
|
-
line-height: 24px;
|
|
112
108
|
text-align: center;
|
|
113
109
|
}
|
|
114
110
|
|
|
@@ -130,7 +126,6 @@
|
|
|
130
126
|
font-size: 18px;
|
|
131
127
|
font-style: normal;
|
|
132
128
|
font-weight: 400;
|
|
133
|
-
line-height: 24px;
|
|
134
129
|
}
|
|
135
130
|
|
|
136
131
|
.selector_wrapper {
|
|
@@ -144,7 +139,6 @@
|
|
|
144
139
|
|
|
145
140
|
&__title {
|
|
146
141
|
font-size: 19px;
|
|
147
|
-
line-height: 32px;
|
|
148
142
|
}
|
|
149
143
|
|
|
150
144
|
&__header {
|
|
@@ -153,7 +147,6 @@
|
|
|
153
147
|
|
|
154
148
|
&__text {
|
|
155
149
|
font-size: 14px;
|
|
156
|
-
line-height: 24px;
|
|
157
150
|
}
|
|
158
151
|
}
|
|
159
152
|
}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _PagePreviewsModule = _interopRequireDefault(require("./PagePreviews.module.scss"));
|
|
11
|
+
var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
|
|
12
|
+
var _utils = require("../../../../dist/common/utils");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
19
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
20
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
22
|
+
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
23
|
+
var btn_tab = [{
|
|
24
|
+
title: "\u0417\u0430\u0434\u0430\u0447\u0438",
|
|
25
|
+
description: "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439\u0442\u0435 \u043F\u0440\u043E\u0435\u043A\u0442\u0430\u043C\u0438 \u0438 \u0437\u0430\u0434\u0430\u0447\u0430\u043C\u0438 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0433\u043E \u0442\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0430",
|
|
26
|
+
img: "https://dl.ecomru.ru:9001/dev-images/6.jpg"
|
|
27
|
+
}, {
|
|
28
|
+
title: "\u0411\u0430\u0437\u0430 \u0437\u043D\u0430\u043D\u0438\u0439",
|
|
29
|
+
description: "\u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u044E \u0431\u0430\u0437\u0443 \u0437\u043D\u0430\u043D\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432 \u0438 \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u0432 \u0432\u043D\u0443\u0442\u0440\u0438 \u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B",
|
|
30
|
+
img: "https://file.ecomru.ru:4453/api/v1/file/download/6a8dfbf7-9eec-4f6d-af37-168e4418538a"
|
|
31
|
+
}, {
|
|
32
|
+
title: "CRM",
|
|
33
|
+
description: "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439\u0442\u0435 \u043F\u0440\u043E\u0434\u0430\u0436\u0430\u043C\u0438, \u0432\u043E\u0440\u043E\u043D\u043A\u0430\u043C\u0438, \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u0430\u043C\u0438 \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u0432 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443",
|
|
34
|
+
img: "https://file.ecomru.ru:4453/api/v1/file/download/0d23d85d-39c1-4a4d-9023-b514184802a4"
|
|
35
|
+
}, {
|
|
36
|
+
title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C",
|
|
37
|
+
description: "\u041D\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0439\u0442\u0435 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u0438\u0441\u0430\u043D\u0438\u0435, \u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u043C\u0435\u0442\u043A\u0438, \u043D\u0430\u043F\u043E\u043C\u0438\u043D\u0430\u043D\u0438\u044F \u0438 \n \u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043E\u0439 \u043B\u0438\u0447\u043D\u044B\u0439 \u0435\u0436\u0435\u0434\u043D\u0435\u0432\u043D\u0438\u043A \u0432\u043D\u0443\u0442\u0440\u0438 \u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B",
|
|
38
|
+
img: ""
|
|
39
|
+
}, {
|
|
40
|
+
title: "\u0427\u0430\u0442 \u0431\u043E\u0442",
|
|
41
|
+
description: "\u0421\u043E\u0437\u0434\u0430\u0439 \u0441\u0432\u043E\u0435\u0433\u043E \u0438\u043D\u0442\u0435\u043B\u043B\u0435\u043A\u0442\u0443\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u043E\u043C\u043E\u0449\u043D\u0438\u043A\u0430, \n \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u0432\u0445\u043E\u0434\u044F\u0449\u0438\u0435 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F, \n \u043E\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043D\u0430 \u0437\u0430\u043F\u0440\u043E\u0441\u044B \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439 \u0438 \u043E\u0431\u0449\u0430\u0435\u0442\u0441\u044F \u0441 \u043A\u043B\u0438\u0435\u043D\u0442\u0430\u043C\u0438",
|
|
42
|
+
img: "https://dl.ecomru.ru:9001/dev-images/image_16_1.png"
|
|
43
|
+
}, {
|
|
44
|
+
title: "\u0424\u0430\u0439\u043B\u044B",
|
|
45
|
+
description: "\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0439 \u0444\u0430\u0439\u043B\u044B, \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B \u0438 \u043B\u044E\u0431\u0443\u044E \u0432\u0430\u0436\u043D\u0443\u044E \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u0432 \u043D\u0435\u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u043D\u043E\u043C \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u0438 \u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0441\u044F \u0434\u0430\u043D\u043D\u044B\u043C\u0438 24/7",
|
|
46
|
+
img: "https://file.ecomru.ru:4453/api/v1/file/download/fb1b5faf-9484-42b8-b662-8f12396e42c3"
|
|
47
|
+
}];
|
|
48
|
+
var PagePreviews = function PagePreviews(_ref) {
|
|
49
|
+
_objectDestructuringEmpty(_ref);
|
|
50
|
+
var _useState = (0, _react.useState)(0),
|
|
51
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
52
|
+
timer = _useState2[0],
|
|
53
|
+
setTimer = _useState2[1];
|
|
54
|
+
var _useState3 = (0, _react.useState)(btn_tab[0]),
|
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
+
activeContent = _useState4[0],
|
|
57
|
+
setActiveContent = _useState4[1];
|
|
58
|
+
(0, _react.useEffect)(function () {
|
|
59
|
+
var interval = setInterval(function () {
|
|
60
|
+
var currentTimer = timer + 1;
|
|
61
|
+
setTimer(currentTimer);
|
|
62
|
+
setActiveContent(btn_tab[currentTimer]);
|
|
63
|
+
if (currentTimer === btn_tab.length) {
|
|
64
|
+
currentTimer = 0;
|
|
65
|
+
setTimer(0);
|
|
66
|
+
setActiveContent(btn_tab[0]);
|
|
67
|
+
}
|
|
68
|
+
}, 4000);
|
|
69
|
+
return function () {
|
|
70
|
+
return clearInterval(interval);
|
|
71
|
+
};
|
|
72
|
+
}, [timer]);
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
74
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews')
|
|
75
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'btn-group')
|
|
77
|
+
}, btn_tab.map(function (el, ind) {
|
|
78
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
|
79
|
+
key: el.title,
|
|
80
|
+
onClick: function onClick(e) {
|
|
81
|
+
setActiveContent(el);
|
|
82
|
+
setTimer(ind);
|
|
83
|
+
},
|
|
84
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], activeContent.title == el.title ? 'btn_active' : 'btn')
|
|
85
|
+
}, el.title);
|
|
86
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__content')
|
|
88
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'img-container'),
|
|
90
|
+
style: {
|
|
91
|
+
position: 'relative'
|
|
92
|
+
}
|
|
93
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
94
|
+
loading: "lazy",
|
|
95
|
+
decoding: "async",
|
|
96
|
+
src: activeContent !== null && activeContent !== void 0 && activeContent.img ? activeContent === null || activeContent === void 0 ? void 0 : activeContent.img : 'https://dl.ecomru.ru:9001/dev-images/8_2.png'
|
|
97
|
+
}), !(activeContent !== null && activeContent !== void 0 && activeContent.img) && /*#__PURE__*/_react["default"].createElement("img", {
|
|
98
|
+
loading: "lazy",
|
|
99
|
+
decoding: "async",
|
|
100
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__img-development'),
|
|
101
|
+
src: "https://dl.ecomru.ru:9001/dev-images/frame_1321317238.png"
|
|
102
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__info_content')
|
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
105
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__text_content')
|
|
106
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
107
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__title')
|
|
108
|
+
}, activeContent.title), /*#__PURE__*/_react["default"].createElement("p", {
|
|
109
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__text')
|
|
110
|
+
}, activeContent.description), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
111
|
+
green: true,
|
|
112
|
+
className: 'btn-id-1',
|
|
113
|
+
size: '56px',
|
|
114
|
+
width: '100%',
|
|
115
|
+
maxWidth: '430px',
|
|
116
|
+
text: 'Попробовать бесплатно',
|
|
117
|
+
onClick: function onClick() {
|
|
118
|
+
var _window;
|
|
119
|
+
return (_window = window) === null || _window === void 0 ? void 0 : _window.open('https://lk.ecomru.ru/auth', '_blunk');
|
|
120
|
+
},
|
|
121
|
+
style: {
|
|
122
|
+
marginTop: 'auto'
|
|
123
|
+
}
|
|
124
|
+
})))), btn_tab.map(function (_ref2, ind) {
|
|
125
|
+
var title = _ref2.title,
|
|
126
|
+
description = _ref2.description,
|
|
127
|
+
img = _ref2.img,
|
|
128
|
+
text = _ref2.text;
|
|
129
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
130
|
+
key: title + description,
|
|
131
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__content-mobile')
|
|
132
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
133
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'img-container')
|
|
134
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
135
|
+
loading: "lazy",
|
|
136
|
+
decoding: "async",
|
|
137
|
+
src: img ? img : 'https://dl.ecomru.ru:9001/dev-images/8_2.png'
|
|
138
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
139
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__info_content')
|
|
140
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
141
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__text_content')
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
143
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__title')
|
|
144
|
+
}, title), /*#__PURE__*/_react["default"].createElement("p", {
|
|
145
|
+
className: (0, _utils.classes)(_PagePreviewsModule["default"], 'page-previews__text')
|
|
146
|
+
}, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
147
|
+
green: true,
|
|
148
|
+
className: 'btn-id-1',
|
|
149
|
+
maxWidth: '430px',
|
|
150
|
+
size: '56px',
|
|
151
|
+
width: '100%',
|
|
152
|
+
text: 'Попробовать бесплатно',
|
|
153
|
+
onClick: function onClick() {
|
|
154
|
+
var _window2;
|
|
155
|
+
return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open('https://lk.ecomru.ru/auth', '_blank');
|
|
156
|
+
},
|
|
157
|
+
style: {
|
|
158
|
+
marginTop: 'auto'
|
|
159
|
+
}
|
|
160
|
+
}))));
|
|
161
|
+
}));
|
|
162
|
+
};
|
|
163
|
+
var _default = exports["default"] = PagePreviews;
|
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
.page-previews {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 30px;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
margin-left: auto;
|
|
7
|
+
margin-right: auto;
|
|
8
|
+
max-width: 1400px;
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: auto;
|
|
11
|
+
|
|
12
|
+
&__img-development {
|
|
13
|
+
position: absolute;
|
|
14
|
+
width: auto !important;
|
|
15
|
+
height: auto;
|
|
16
|
+
z-index: 1;
|
|
17
|
+
top: 20px;
|
|
18
|
+
left: 20px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&__image {
|
|
22
|
+
transition: opacity 0.3s ease-in-out;
|
|
23
|
+
opacity: 1;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.fadeIn {
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.fadeOut {
|
|
31
|
+
opacity: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.btn-group {
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
justify-content: center;
|
|
38
|
+
flex-wrap: wrap;
|
|
39
|
+
margin-left: auto;
|
|
40
|
+
margin-right: auto;
|
|
41
|
+
gap: 10px;
|
|
42
|
+
width: fit-content;
|
|
43
|
+
border-radius: 10px;
|
|
44
|
+
max-width: 900px;
|
|
45
|
+
|
|
46
|
+
.btn,
|
|
47
|
+
.btn_active {
|
|
48
|
+
display: flex;
|
|
49
|
+
align-items: center;
|
|
50
|
+
background-color: #fff;
|
|
51
|
+
padding: 12px;
|
|
52
|
+
border: none;
|
|
53
|
+
color: #959595;
|
|
54
|
+
text-align: center;
|
|
55
|
+
font-family: "Golos Text";
|
|
56
|
+
font-size: 16px;
|
|
57
|
+
font-style: normal;
|
|
58
|
+
font-weight: 500;
|
|
59
|
+
border-radius: 8px;
|
|
60
|
+
height: 36px;
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
white-space: nowrap;
|
|
63
|
+
border: 1px solid #B3B3B3;
|
|
64
|
+
|
|
65
|
+
&_active,
|
|
66
|
+
&:hover {
|
|
67
|
+
color: #333;
|
|
68
|
+
border: 1px #333 solid;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&__content,
|
|
74
|
+
&__content-mobile {
|
|
75
|
+
display: flex;
|
|
76
|
+
width: 100%;
|
|
77
|
+
gap: 20px;
|
|
78
|
+
|
|
79
|
+
.img-container {
|
|
80
|
+
width: 65%;
|
|
81
|
+
max-width: 674px;
|
|
82
|
+
min-width: 65%;
|
|
83
|
+
max-width: 65%;
|
|
84
|
+
max-height: fit-content;
|
|
85
|
+
display: flex;
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
align-items: center;
|
|
88
|
+
border: 1px solid #8495ED;
|
|
89
|
+
border-radius: 10px;
|
|
90
|
+
height: 100%;
|
|
91
|
+
max-height: 364px;
|
|
92
|
+
overflow: hidden;
|
|
93
|
+
|
|
94
|
+
img {
|
|
95
|
+
border-radius: 10px;
|
|
96
|
+
max-width: 100%;
|
|
97
|
+
height: auto;
|
|
98
|
+
object-fit: cover;
|
|
99
|
+
animation: fadeInUp 0.3s;
|
|
100
|
+
|
|
101
|
+
@keyframes fadeInUp {
|
|
102
|
+
0% {
|
|
103
|
+
opacity: 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
100% {
|
|
107
|
+
opacity: 1;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
&__content-mobile {
|
|
115
|
+
display: none;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&__text_content {
|
|
119
|
+
display: flex;
|
|
120
|
+
flex-direction: column;
|
|
121
|
+
gap: 16px;
|
|
122
|
+
height: 100%;
|
|
123
|
+
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&__info_content {
|
|
127
|
+
display: flex;
|
|
128
|
+
flex-direction: column;
|
|
129
|
+
gap: 24px;
|
|
130
|
+
width: 35%;
|
|
131
|
+
padding: 24px;
|
|
132
|
+
border-radius: 10px;
|
|
133
|
+
background: #F7F7F7;
|
|
134
|
+
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
&__title {
|
|
138
|
+
color: #333;
|
|
139
|
+
font-family: "Golos Text";
|
|
140
|
+
font-size: 24px;
|
|
141
|
+
font-style: normal;
|
|
142
|
+
font-weight: 600;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
&__text {
|
|
146
|
+
color: #333;
|
|
147
|
+
font-family: "Golos Text";
|
|
148
|
+
font-size: 16px;
|
|
149
|
+
font-style: normal;
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
margin-bottom: 16px;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&__link {
|
|
155
|
+
margin-top: auto;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@media(max-width: 1100px) {
|
|
160
|
+
.page-previews {
|
|
161
|
+
|
|
162
|
+
.btn-group {
|
|
163
|
+
display: none;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
&__info_content {
|
|
167
|
+
width: 100%;
|
|
168
|
+
aspect-ratio: none;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&__content {
|
|
172
|
+
display: none;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&__content-mobile {
|
|
176
|
+
display: flex;
|
|
177
|
+
flex-direction: column;
|
|
178
|
+
|
|
179
|
+
.img-container {
|
|
180
|
+
width: 100%;
|
|
181
|
+
max-width: 100%;
|
|
182
|
+
aspect-ratio: auto;
|
|
183
|
+
max-height: 100%;
|
|
184
|
+
|
|
185
|
+
img {
|
|
186
|
+
width: 100%;
|
|
187
|
+
max-width: 100%;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
@media(max-width:430px) {
|
|
195
|
+
.page-previews {
|
|
196
|
+
|
|
197
|
+
.btn-group {
|
|
198
|
+
display: none;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
&__info_content {
|
|
202
|
+
gap: 8px;
|
|
203
|
+
width: 100%;
|
|
204
|
+
aspect-ratio: none;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
&__title {
|
|
208
|
+
font-size: 18px;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
&__text {
|
|
212
|
+
font-size: 14px;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
&__content {
|
|
216
|
+
display: none;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
&__text_content {
|
|
220
|
+
gap: 8px;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
&__content-mobile {
|
|
224
|
+
display: flex;
|
|
225
|
+
flex-direction: column;
|
|
226
|
+
|
|
227
|
+
.img-container {
|
|
228
|
+
width: 100%;
|
|
229
|
+
max-width: 100%;
|
|
230
|
+
aspect-ratio: auto;
|
|
231
|
+
|
|
232
|
+
img {
|
|
233
|
+
width: 100%;
|
|
234
|
+
max-width: 100%;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.PagePreviewsTest = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _PagePreviews = _interopRequireDefault(require("./PagePreviews"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
var _default = exports["default"] = {
|
|
11
|
+
title: 'PagePreviews',
|
|
12
|
+
component: _PagePreviews["default"]
|
|
13
|
+
};
|
|
14
|
+
var PagePreviewsTest = exports.PagePreviewsTest = function PagePreviewsTest() {
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_PagePreviews["default"], {
|
|
16
|
+
title: "\u0417\u0430\u0445\u043E\u0434\u0438\u0442\u0435 \u0432 \u043D\u0430\u0448 Telegram-\u043A\u0430\u043D\u0430\u043B, \u0442\u0430\u043C \u043C\u044B \u0440\u0435\u0433\u0443\u043B\u044F\u0440\u043D\u043E \u0434\u0435\u043B\u0438\u043C\u0441\u044F \u043F\u043E\u043B\u0435\u0437\u043D\u043E\u0439 \u0438\u043D\u0444\u043E\u0439 \u0438 \u043D\u0430\u0448\u0438\u043C\u0438 \u043A\u0435\u0439\u0441\u0430\u043C\u0438",
|
|
17
|
+
description: "\u0422\u0430\u043C \u0432\u044B \u043D\u0430\u0439\u0434\u0451\u0442\u0435 \u0435\u0434\u0438\u043D\u043E\u043C\u044B\u0448\u043B\u0435\u043D\u043D\u0438\u043A\u043E\u0432, \u043F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C \u043E\u043F\u044B\u0442\u043E\u043C \u0438 \n \u0437\u0430\u0434\u0430\u0434\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B, \u043D\u0430 \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u044B \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0442\u0432\u0435\u0442\u0438\u043C"
|
|
18
|
+
});
|
|
19
|
+
};
|
|
@@ -47,7 +47,6 @@
|
|
|
47
47
|
font-size: 42px;
|
|
48
48
|
font-style: normal;
|
|
49
49
|
font-weight: 500;
|
|
50
|
-
line-height: 51px;
|
|
51
50
|
}
|
|
52
51
|
|
|
53
52
|
&__description {
|
|
@@ -56,7 +55,6 @@
|
|
|
56
55
|
font-size: 18px;
|
|
57
56
|
font-style: normal;
|
|
58
57
|
font-weight: 400;
|
|
59
|
-
line-height: 24px;
|
|
60
58
|
}
|
|
61
59
|
|
|
62
60
|
&__btn-group {
|
|
@@ -107,12 +105,10 @@
|
|
|
107
105
|
|
|
108
106
|
&__title {
|
|
109
107
|
font-size: 28px;
|
|
110
|
-
line-height: 32px;
|
|
111
108
|
}
|
|
112
109
|
|
|
113
110
|
&__description {
|
|
114
111
|
font-size: 16px;
|
|
115
|
-
line-height: 24px;
|
|
116
112
|
}
|
|
117
113
|
|
|
118
114
|
&__btn-group {}
|
|
@@ -156,22 +152,16 @@
|
|
|
156
152
|
|
|
157
153
|
&__title {
|
|
158
154
|
font-size: 20px;
|
|
159
|
-
line-height: 24px;
|
|
160
155
|
}
|
|
161
156
|
|
|
162
157
|
&__description {
|
|
163
158
|
font-size: 14px;
|
|
164
|
-
line-height: 20px;
|
|
165
159
|
}
|
|
166
160
|
|
|
167
|
-
&__btn-group {}
|
|
168
|
-
|
|
169
161
|
&__img-box {
|
|
170
162
|
display: none;
|
|
171
163
|
}
|
|
172
164
|
|
|
173
|
-
&__img {}
|
|
174
|
-
|
|
175
165
|
.btn-basic {
|
|
176
166
|
max-width: 100% !important;
|
|
177
167
|
width: 100% !important;
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
font-size: 42px;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 500;
|
|
11
|
-
line-height: 51px;
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
&__content {
|
|
@@ -34,7 +33,6 @@
|
|
|
34
33
|
font-size: 18px;
|
|
35
34
|
font-style: normal;
|
|
36
35
|
font-weight: 400;
|
|
37
|
-
line-height: 24px;
|
|
38
36
|
}
|
|
39
37
|
|
|
40
38
|
&__item-text {
|
|
@@ -43,7 +41,6 @@
|
|
|
43
41
|
font-size: 12px;
|
|
44
42
|
font-style: normal;
|
|
45
43
|
font-weight: 400;
|
|
46
|
-
line-height: 18px;
|
|
47
44
|
}
|
|
48
45
|
|
|
49
46
|
&__btn {
|
|
@@ -65,7 +62,6 @@
|
|
|
65
62
|
font-size: 18px;
|
|
66
63
|
font-style: normal;
|
|
67
64
|
font-weight: 400;
|
|
68
|
-
line-height: 24px;
|
|
69
65
|
}
|
|
70
66
|
|
|
71
67
|
&__btn-text-min {
|
|
@@ -74,7 +70,6 @@
|
|
|
74
70
|
font-size: 12px;
|
|
75
71
|
font-style: normal;
|
|
76
72
|
font-weight: 400;
|
|
77
|
-
line-height: 18px;
|
|
78
73
|
}
|
|
79
74
|
|
|
80
75
|
&__btn-info {
|
|
@@ -104,7 +99,6 @@
|
|
|
104
99
|
.points-list {
|
|
105
100
|
&__title {
|
|
106
101
|
font-size: 28px;
|
|
107
|
-
line-height: 32px;
|
|
108
102
|
}
|
|
109
103
|
|
|
110
104
|
&__item {
|
|
@@ -134,7 +128,6 @@
|
|
|
134
128
|
|
|
135
129
|
&__title {
|
|
136
130
|
font-size: 24px;
|
|
137
|
-
line-height: 32px;
|
|
138
131
|
}
|
|
139
132
|
|
|
140
133
|
&__item {
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
font-size: 42px;
|
|
19
19
|
font-style: normal;
|
|
20
20
|
font-weight: 500;
|
|
21
|
-
line-height: 52px;
|
|
22
21
|
max-width: 385px;
|
|
23
22
|
}
|
|
24
23
|
|
|
@@ -49,7 +48,6 @@
|
|
|
49
48
|
font-size: 22px;
|
|
50
49
|
font-style: normal;
|
|
51
50
|
font-weight: 600;
|
|
52
|
-
line-height: 28px;
|
|
53
51
|
|
|
54
52
|
&:hover {
|
|
55
53
|
color: #38DD79;
|
|
@@ -73,7 +71,6 @@
|
|
|
73
71
|
font-size: 16px;
|
|
74
72
|
font-style: normal;
|
|
75
73
|
font-weight: 400;
|
|
76
|
-
line-height: 26px;
|
|
77
74
|
margin-top: 18px;
|
|
78
75
|
}
|
|
79
76
|
|
|
@@ -92,12 +89,10 @@
|
|
|
92
89
|
|
|
93
90
|
&__title {
|
|
94
91
|
font-size: 28px;
|
|
95
|
-
line-height: 32px;
|
|
96
92
|
}
|
|
97
93
|
|
|
98
94
|
&__title-questions {
|
|
99
95
|
font-size: 22px;
|
|
100
|
-
line-height: 28px;
|
|
101
96
|
}
|
|
102
97
|
|
|
103
98
|
&__list {
|
|
@@ -111,17 +106,14 @@
|
|
|
111
106
|
|
|
112
107
|
&__title {
|
|
113
108
|
font-size: 24px;
|
|
114
|
-
line-height: 32px;
|
|
115
109
|
}
|
|
116
110
|
|
|
117
111
|
&__title-questions {
|
|
118
112
|
font-size: 16px;
|
|
119
|
-
line-height: 24px;
|
|
120
113
|
}
|
|
121
114
|
|
|
122
115
|
&__text-response {
|
|
123
116
|
font-size: 16px;
|
|
124
|
-
line-height: 26px;
|
|
125
117
|
}
|
|
126
118
|
|
|
127
119
|
&__list {
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
font-size: 42px;
|
|
14
14
|
font-style: normal;
|
|
15
15
|
font-weight: 500;
|
|
16
|
-
line-height: 51px;
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
&__items {
|
|
@@ -81,7 +80,6 @@
|
|
|
81
80
|
font-size: 32px;
|
|
82
81
|
font-style: normal;
|
|
83
82
|
font-weight: 500;
|
|
84
|
-
line-height: 51px;
|
|
85
83
|
}
|
|
86
84
|
|
|
87
85
|
&__description {
|
|
@@ -90,7 +88,6 @@
|
|
|
90
88
|
font-size: 14px;
|
|
91
89
|
font-style: normal;
|
|
92
90
|
font-weight: 400;
|
|
93
|
-
line-height: 20px;
|
|
94
91
|
}
|
|
95
92
|
}
|
|
96
93
|
|
|
@@ -100,7 +97,6 @@
|
|
|
100
97
|
&__title {
|
|
101
98
|
font-family: "Golos Text";
|
|
102
99
|
font-size: 28px;
|
|
103
|
-
line-height: 32px;
|
|
104
100
|
}
|
|
105
101
|
|
|
106
102
|
&__items {
|
|
@@ -125,7 +121,6 @@
|
|
|
125
121
|
|
|
126
122
|
&__title {
|
|
127
123
|
font-size: 20px;
|
|
128
|
-
line-height: 24px;
|
|
129
124
|
}
|
|
130
125
|
|
|
131
126
|
&__items {
|
|
@@ -139,7 +134,6 @@
|
|
|
139
134
|
|
|
140
135
|
&__title_step {
|
|
141
136
|
font-size: 16px;
|
|
142
|
-
line-height: 24px;
|
|
143
137
|
}
|
|
144
138
|
|
|
145
139
|
&__count {}
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
font-size: 42px;
|
|
10
10
|
font-style: normal;
|
|
11
11
|
font-weight: 500;
|
|
12
|
-
line-height: 51px;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
&__video-box {
|
|
@@ -24,7 +23,6 @@
|
|
|
24
23
|
|
|
25
24
|
&__title {
|
|
26
25
|
font-size: 28px;
|
|
27
|
-
line-height: 32px;
|
|
28
26
|
}
|
|
29
27
|
}
|
|
30
28
|
}
|
|
@@ -35,7 +33,6 @@
|
|
|
35
33
|
|
|
36
34
|
&__title {
|
|
37
35
|
font-size: 20px;
|
|
38
|
-
line-height: 24px;
|
|
39
36
|
}
|
|
40
37
|
}
|
|
41
38
|
}
|
package/dist/index.js
CHANGED
|
@@ -117,6 +117,12 @@ Object.defineProperty(exports, "ModalMiltilevelSidebarSettings", {
|
|
|
117
117
|
return _ModalMiltilevelSidebarSettings["default"];
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
|
+
Object.defineProperty(exports, "PagePreviews", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _PagePreviews["default"];
|
|
124
|
+
}
|
|
125
|
+
});
|
|
120
126
|
Object.defineProperty(exports, "PhoneBlock", {
|
|
121
127
|
enumerable: true,
|
|
122
128
|
get: function get() {
|
|
@@ -191,6 +197,7 @@ var _MarqueImgs = _interopRequireDefault(require("./components/ConstructorCompon
|
|
|
191
197
|
var _Carousel = _interopRequireDefault(require("./components/ConstructorComponents/Carousel/Carousel"));
|
|
192
198
|
var _PointsList = _interopRequireDefault(require("./components/ConstructorComponents/PointsList/PointsList"));
|
|
193
199
|
var _Footer = _interopRequireDefault(require("./components/ConstructorComponents/Footer/Footer"));
|
|
200
|
+
var _PagePreviews = _interopRequireDefault(require("./components/ConstructorComponents/PagePreviews/PagePreviews"));
|
|
194
201
|
var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
|
|
195
202
|
var _InputDinamycPlaceholder = _interopRequireDefault(require("./components/Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder"));
|
|
196
203
|
var _TableBox = _interopRequireDefault(require("./components/Table/TableBox/TableBox"));
|