diff --git a/public/images/partners/edinyi-centr-zashhity.png b/public/images/partners/edinyi-centr-zashhity.png new file mode 100644 index 0000000..50c5b0d Binary files /dev/null and b/public/images/partners/edinyi-centr-zashhity.png differ diff --git a/public/images/partners/etd.png b/public/images/partners/etd.png new file mode 100644 index 0000000..827c482 Binary files /dev/null and b/public/images/partners/etd.png differ diff --git a/public/images/partners/jur-firma-zevs.png b/public/images/partners/jur-firma-zevs.png new file mode 100644 index 0000000..5870ce8 Binary files /dev/null and b/public/images/partners/jur-firma-zevs.png differ diff --git a/public/images/partners/laura-sochi.png b/public/images/partners/laura-sochi.png new file mode 100644 index 0000000..2ff6c7a Binary files /dev/null and b/public/images/partners/laura-sochi.png differ diff --git a/public/images/partners/megafon.png b/public/images/partners/megafon.png new file mode 100644 index 0000000..3b18a3d Binary files /dev/null and b/public/images/partners/megafon.png differ diff --git a/public/images/partners/mig.png b/public/images/partners/mig.png new file mode 100644 index 0000000..cc97048 Binary files /dev/null and b/public/images/partners/mig.png differ diff --git a/public/images/partners/mts.png b/public/images/partners/mts.png new file mode 100644 index 0000000..b30b882 Binary files /dev/null and b/public/images/partners/mts.png differ diff --git a/public/images/partners/sah.png b/public/images/partners/sah.png new file mode 100644 index 0000000..eae3728 Binary files /dev/null and b/public/images/partners/sah.png differ diff --git a/public/images/partners/sochi-park.png b/public/images/partners/sochi-park.png new file mode 100644 index 0000000..ea3eb32 Binary files /dev/null and b/public/images/partners/sochi-park.png differ diff --git a/public/images/partners/sputnik.png b/public/images/partners/sputnik.png new file mode 100644 index 0000000..1edc398 Binary files /dev/null and b/public/images/partners/sputnik.png differ diff --git a/public/images/partners/yugoriya.png b/public/images/partners/yugoriya.png new file mode 100644 index 0000000..4d5ac1e Binary files /dev/null and b/public/images/partners/yugoriya.png differ diff --git a/src/feature/article/index.ts b/src/feature/article/index.ts index 39b02e1..70b0661 100644 --- a/src/feature/article/index.ts +++ b/src/feature/article/index.ts @@ -1,2 +1,3 @@ export * from './related-articles'; export * from './consultation'; +export * from './sidebar'; diff --git a/src/feature/article/sidebar/index.ts b/src/feature/article/sidebar/index.ts new file mode 100644 index 0000000..5ecdd1f --- /dev/null +++ b/src/feature/article/sidebar/index.ts @@ -0,0 +1 @@ +export * from './ui'; diff --git a/src/feature/article/sidebar/styles.module.scss b/src/feature/article/sidebar/styles.module.scss new file mode 100644 index 0000000..c5cbb29 --- /dev/null +++ b/src/feature/article/sidebar/styles.module.scss @@ -0,0 +1,87 @@ + +.Sidebar { + display: flex; + flex-direction: column; + gap: rem(40px); + + .Estimation { + background: $color-green; + display: flex; + flex-direction: column; + align-items: center; + gap: rem(20px); + border-radius: rem(20px); + padding: rem(40px); + margin-top: rem(16px); + margin-bottom: rem(16px); + + .Title { + font-family: $font-roboto; + font-weight: 300; + font-size: rem(20px); + line-height: 100%; + color: $color-white; + text-transform: uppercase; + } + + .Estimate { + font-family: $font-roboto; + font-weight: 500; + font-size: rem(24px); + line-height: 100%; + color: $color-white; + } + + .Text { + font-family: $font-roboto; + font-weight: 300; + font-size: rem(20px); + line-height: 130%; + color: $color-white; + text-align: center; + max-width: 240px; + } + + .Phone { + font-family: $font-roboto; + font-weight: 500; + font-size: rem(32px); + line-height: 100%; + color: $color-white; + text-transform: uppercase; + } + } + + .Related, .Warranties { + display: flex; + flex-direction: column; + gap: rem(16px); + max-width: 300px; + + .Title { + font-family: $font-roboto; + font-weight: 400; + font-size: rem(24px); + line-height: 100%; + color: $color-text; + text-transform: uppercase; + } + + .List { + display: flex; + flex-direction: column; + gap: 4px; + list-style-type: disc; + margin-left: rem(40px); + } + + .ListItem { + font-family: $font-roboto; + font-weight: 400; + font-size: rem(16px); + line-height: 130%; + color: $color-text; + list-style: unset; + } + } +} \ No newline at end of file diff --git a/src/feature/article/sidebar/ui.tsx b/src/feature/article/sidebar/ui.tsx new file mode 100644 index 0000000..9907630 --- /dev/null +++ b/src/feature/article/sidebar/ui.tsx @@ -0,0 +1,47 @@ +import s from './styles.module.scss'; +import { Button } from '@shared/ui'; + +function Sidebar() { + return ( +
+
+

Срок выполнения:

+

от 3 дней

+

+ Наш эксперт свяжется с вами для уточнения обстоятельств дела и + определения точной стоимости. +

+

Оставьте заявку или позвоните по телефону

+ +

+7 (900) 241-34-34

+
+
+

Сопутствующие экспертизы

+ +
+
+

Наши гарантии

+ +
+
+ ); +} + +export { Sidebar }; diff --git a/src/views/expertise/autotech/styles.module.scss b/src/views/expertise/autotech/styles.module.scss index 9ef07f6..86962f5 100644 --- a/src/views/expertise/autotech/styles.module.scss +++ b/src/views/expertise/autotech/styles.module.scss @@ -46,4 +46,3 @@ margin-bottom: 16px; } } - diff --git a/src/views/expertise/autotech/ui.tsx b/src/views/expertise/autotech/ui.tsx index c21dc13..7b2b7a8 100644 --- a/src/views/expertise/autotech/ui.tsx +++ b/src/views/expertise/autotech/ui.tsx @@ -1,6 +1,7 @@ import s from './styles.module.scss'; import { CallbackForm, Connect, OrderSchema } from '@/entities'; -import { Consultation, RelatedArticles } from '@/feature/article'; +import { Consultation, RelatedArticles, Sidebar } from '@/feature/article'; +import { Button } from '@shared/ui'; function AutoTech() { return ( @@ -83,7 +84,9 @@ function AutoTech() {

-
sidebar
+