@@ -83,151 +66,3 @@ export default function Main() {
);
}
-
-const servicesData = {
- expertise: [
- {
- id: 0,
- title: 'Строительно-техническая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_STROIT,
- },
- {
- id: 1,
- title: 'Автотехническая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_AUTOTECH,
- },
- {
- id: 2,
- title: 'Кадастровая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_KADASTR,
- },
- {
- id: 3,
- title: 'Технико-криминалистическая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_TECH_CRIM,
- },
- {
- id: 4,
- title: 'Компьютерно-техническая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_COPMPUTER,
- },
- {
- id: 5,
- title: 'Товароведческая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_TOVAR,
- },
- {
- id: 6,
- title: 'Трасологическая экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_TRASOLOGIA,
- },
- {
- id: 7,
- title: 'Бухгалтерская экспертиза',
- icon: '',
- url: ROUTES.EXPERTIZA_BUHGALTER,
- },
- ],
- ocenka: [
- {
- id: 0,
- title: 'Оценка недвижимого имущества',
- icon: '',
- url: ROUTES.OCENKA_NEDVIGA,
- },
- {
- id: 1,
- title: 'Оценка движимого имущества',
- icon: '',
- url: ROUTES.OCENKA_RYNOCHNAYA,
- },
- {
- id: 2,
- title: 'Оценка для наследства',
- icon: '',
- url: ROUTES.OCENKA_NASLEDSTVO,
- },
- {
- id: 3,
- title: 'Оценка предприятия, бизнеса',
- icon: '',
- url: ROUTES.OCENKA_BUSINESS,
- },
- {
- id: 4,
- title: 'Оценка арендной платы',
- icon: '',
- url: ROUTES.OCENKA_ARENDA,
- },
- {
- id: 5,
- title: 'Оценка для ипотеки',
- icon: '',
- url: ROUTES.OCENKA_IPOTEKA,
- },
- {
- id: 6,
- title: 'Оценка для нотариуса',
- icon: '',
- url: ROUTES.OCENKA_NOTARIUS,
- },
- {
- id: 7,
- title: 'Оценка машин и оборудования',
- icon: '',
- url: ROUTES.OCENKA_MASHINES,
- },
- ],
- jurist: [
- {
- id: 0,
- title: 'Представительство в суде',
- icon: '',
- url: ROUTES.JURIST_PREDSTAVITELSTVO,
- },
- {
- id: 1,
- title: 'Банкротство физических лиц',
- icon: '',
- url: ROUTES.JURIST_BANKROTSTVO,
- },
- {
- id: 2,
- title: 'Сопровождение сделок, составление договоров',
- icon: '',
- url: ROUTES.JURIST_SDELKI_DOGOVORA,
- },
- {
- id: 3,
- title: 'Споры с застройщиком',
- icon: '',
- url: ROUTES.JURIST_ZEM_SPORY,
- },
- {
- id: 4,
- title: 'Споры со страховой компанией',
- icon: '',
- url: ROUTES.JURIST_STRAHOVKA,
- },
- {
- id: 5,
- title: 'Помощь должникам',
- icon: '',
- url: ROUTES.JURIST_DOLZHNIKAM,
- },
- {
- id: 6,
- title: 'Взыскание долгов с юридических лиц',
- icon: '',
- url: ROUTES.JURIST_DOLGI,
- },
- { id: 7, title: 'Споры по ДТП', icon: '', url: ROUTES.JURIST_DTP },
- ],
-};
diff --git a/src/widgets/index.ts b/src/widgets/index.ts
index 05d68e2..f9fced4 100644
--- a/src/widgets/index.ts
+++ b/src/widgets/index.ts
@@ -1,3 +1,4 @@
export * from './header';
export * from './footer';
export * from './breadcrumbs';
+export * from './service-grid';
diff --git a/src/widgets/service-grid/index.ts b/src/widgets/service-grid/index.ts
new file mode 100644
index 0000000..5ecdd1f
--- /dev/null
+++ b/src/widgets/service-grid/index.ts
@@ -0,0 +1 @@
+export * from './ui';
diff --git a/src/widgets/service-grid/styles.module.scss b/src/widgets/service-grid/styles.module.scss
new file mode 100644
index 0000000..8582501
--- /dev/null
+++ b/src/widgets/service-grid/styles.module.scss
@@ -0,0 +1,90 @@
+
+.Service {
+ position: relative;
+ margin: 0 auto;
+ max-width: rem(1540px);
+ padding: 40px 10px;
+
+ @include iftablet {
+ padding: 40px 20px;
+ }
+ @include iflaptop {
+ padding: 40px 28px;
+ }
+ @include ifdesktop {
+ padding: 40px;
+ }
+
+ .Title {
+ font-family: $font-roboto;
+ font-weight: 500;
+ font-size: 32px;
+ line-height: 100%;
+ color: $color-text;
+ text-align: center;
+ margin-bottom: rem(40px);
+ }
+
+ .Switcher {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ border: 1px solid $color-green;
+ border-radius: rem(20px);
+ margin-bottom: rem(40px);
+
+ .Button {
+ box-sizing: border-box;
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ padding: 20px;
+ border-radius: rem(18px);
+ color: $color-green;
+ text-transform: uppercase;
+
+ &_active {
+ background-color: $color-green;
+ color: $color-white;
+ }
+ }
+ }
+
+ .Grid {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: rem(20px);
+
+ .Tile {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: rem(24px);
+ border: 1px solid $color-green;
+ padding: rem(20px) rem(40px);
+ border-radius: rem(20px);
+ //box-shadow: 4px 0px 10px 0px rgba(0,146,131,0.5);
+ cursor: pointer;
+
+ font-family: $font-roboto;
+ font-weight: 300;
+ font-size: rem(16px);
+ line-height: 100%;
+ color: $color-green;
+ text-align: center;
+ &:hover {
+ box-shadow: 4px 4px 10px 0px rgba(0,146,131,0.5);
+ }
+ }
+
+ .Icon {
+ & img {
+ fill: $color-green;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/widgets/service-grid/ui.tsx b/src/widgets/service-grid/ui.tsx
new file mode 100644
index 0000000..1947f47
--- /dev/null
+++ b/src/widgets/service-grid/ui.tsx
@@ -0,0 +1,188 @@
+import s from './styles.module.scss';
+import { ROUTES } from '@shared/const/route';
+import clsx from 'clsx';
+import Image from 'next/image';
+
+function ServiceGrid() {
+ return (
+
+ Выберите услугу
+
+
+
Экспертиза
+
Оценка
+
Юрист
+
+ {servicesData.expertise.map(({ id, title, icon, url }, i) => (
+
+
+ {title}
+
+ ))}
+
+ );
+}
+
+export { ServiceGrid };
+
+const servicesData = {
+ expertise: [
+ {
+ id: 0,
+ title: 'Строительно-техническая экспертиза',
+ icon: '/svg/service-grid/expertise/wall.svg',
+ url: ROUTES.EXPERTIZA_STROIT,
+ },
+ {
+ id: 1,
+ title: 'Автотехническая экспертиза',
+ icon: '/svg/service-grid/expertise/car.svg',
+ url: ROUTES.EXPERTIZA_AUTOTECH,
+ },
+ {
+ id: 2,
+ title: 'Кадастровая экспертиза',
+ icon: '/svg/service-grid/expertise/map.svg',
+ url: ROUTES.EXPERTIZA_KADASTR,
+ },
+ {
+ id: 3,
+ title: 'Технико-криминалистическая экспертиза',
+ icon: '/svg/service-grid/expertise/book.svg',
+ url: ROUTES.EXPERTIZA_TECH_CRIM,
+ },
+ {
+ id: 4,
+ title: 'Компьютерно-техническая экспертиза',
+ icon: '/svg/service-grid/expertise/computer-monitor-and-mouse.svg',
+ url: ROUTES.EXPERTIZA_COPMPUTER,
+ },
+ {
+ id: 5,
+ title: 'Товароведческая экспертиза',
+ icon: '/svg/service-grid/expertise/box.svg',
+ url: ROUTES.EXPERTIZA_TOVAR,
+ },
+ {
+ id: 6,
+ title: 'Трасологическая экспертиза',
+ icon: '/svg/service-grid/expertise/route.svg',
+ url: ROUTES.EXPERTIZA_TRASOLOGIA,
+ },
+ {
+ id: 7,
+ title: 'Бухгалтерская экспертиза',
+ icon: '/svg/service-grid/expertise/document.svg',
+ url: ROUTES.EXPERTIZA_BUHGALTER,
+ },
+ ],
+ ocenka: [
+ {
+ id: 0,
+ title: 'Оценка недвижимого имущества',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_NEDVIGA,
+ },
+ {
+ id: 1,
+ title: 'Оценка движимого имущества',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_RYNOCHNAYA,
+ },
+ {
+ id: 2,
+ title: 'Оценка для наследства',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_NASLEDSTVO,
+ },
+ {
+ id: 3,
+ title: 'Оценка предприятия, бизнеса',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_BUSINESS,
+ },
+ {
+ id: 4,
+ title: 'Оценка арендной платы',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_ARENDA,
+ },
+ {
+ id: 5,
+ title: 'Оценка для ипотеки',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_IPOTEKA,
+ },
+ {
+ id: 6,
+ title: 'Оценка для нотариуса',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_NOTARIUS,
+ },
+ {
+ id: 7,
+ title: 'Оценка машин и оборудования',
+ icon: '/svg/service-grid/ocenka/',
+ url: ROUTES.OCENKA_MASHINES,
+ },
+ ],
+ jurist: [
+ {
+ id: 0,
+ title: 'Представительство в суде',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_PREDSTAVITELSTVO,
+ },
+ {
+ id: 1,
+ title: 'Банкротство физических лиц',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_BANKROTSTVO,
+ },
+ {
+ id: 2,
+ title: 'Сопровождение сделок, составление договоров',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_SDELKI_DOGOVORA,
+ },
+ {
+ id: 3,
+ title: 'Споры с застройщиком',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_ZEM_SPORY,
+ },
+ {
+ id: 4,
+ title: 'Споры со страховой компанией',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_STRAHOVKA,
+ },
+ {
+ id: 5,
+ title: 'Помощь должникам',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_DOLZHNIKAM,
+ },
+ {
+ id: 6,
+ title: 'Взыскание долгов с юридических лиц',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_DOLGI,
+ },
+ {
+ id: 7,
+ title: 'Споры по ДТП',
+ icon: '/svg/service-grid/jurist/',
+ url: ROUTES.JURIST_DTP,
+ },
+ ],
+};