fix: add icons

src/views/home/ui.tsx

@@ -3,8 +3,7 @@ import Image from 'next/image';
 import { Button, Icons, PartnersSlider } from '@shared/ui';
 import bg from '@public/images/bg-main.jpg';
 import lines from '@public/images/bg-lines.png';
-import clsx from 'clsx';
-import { ROUTES } from '@shared/const/route';
+import { ServiceGrid } from '@/widgets';
 
 export default function Main() {
   return (
@@ -47,23 +46,7 @@ export default function Main() {
         </div>
       </section>
 
-      <section className={s.Service}>
-        <h2 className={s.Title}>Выберите услугу</h2>
-
-        <div className={s.Switcher}>
-          <div className={clsx(s.Button, s.Button_active)}>Экспертиза</div>
-          <div className={s.Button}>Оценка</div>
-          <div className={s.Button}>Юрист</div>
-        </div>
-
-        <div className={s.Grid}>
-          {servicesData.expertise.map(({ id, title, icon, url }, i) => (
-            <div key={id} className={s.Tile}>
-              {title}
-            </div>
-          ))}
-        </div>
-      </section>
+      <ServiceGrid />
 
       <section className={s.BottomRow}>
         <div className={s.LeftBlock}>
@@ -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 },
-  ],
-};