From 18ebfa734a9cab1543cfc1c60bc2c3586d70431e Mon Sep 17 00:00:00 2001
From: RedrockJS <smb.sochi@gmail.com>
Date: Wed, 3 Dec 2025 09:23:47 +0300
Subject: [PATCH] fix(footer): update styles

---
 .idea/workspace.xml                   | 81 ++++++++--------------
 src/widgets/footer/styles.module.scss | 84 ++++++++++++-----------
 src/widgets/footer/ui.tsx             | 98 ++++++++++++++++++++++-----
 3 files changed, 155 insertions(+), 108 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 138caac..2db4a96 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,33 +5,9 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="2a96f817-9dc2-4f3c-893a-c4974c750774" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/src/views/home/about/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/about/styles.module.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/about/ui.tsx" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/call-us/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/call-us/styles.module.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/call-us/ui.tsx" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/experience/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/experience/styles.module.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/experience/ui.tsx" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/main/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/main/styles.module.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/main/ui.tsx" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/partners/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/partners/styles.module.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/views/home/partners/ui.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/core/styles/variables.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/core/styles/variables.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/entities/base-menu/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/entities/base-menu/ui.tsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/shared/ui/partners-slider/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/shared/ui/partners-slider/styles.module.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/views/home/styles.module.scss" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/views/home/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/ui.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/widgets/footer/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/footer/styles.module.scss" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/widgets/footer/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/footer/ui.tsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/widgets/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/widgets/service-grid/data.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/data.tsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/widgets/service-grid/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/widgets/service-grid/styles.module.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/styles.module.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/widgets/service-grid/ui.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/home/services/ui.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -39,7 +15,7 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="DarkyenusTimeTracker">
-    <option name="totalTimeSeconds" value="180029" />
+    <option name="totalTimeSeconds" value="181981" />
     <option name="gitIntegration" value="true" />
     <option name="naggedAbout" value="1" />
   </component>
@@ -67,32 +43,32 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "ModuleVcsDetector.initialDetectionPerformed": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
-    "RunOnceActivity.git.unshallow": "true",
-    "com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1": "true",
-    "git-widget-placeholder": "dev",
-    "ignore.virus.scanning.warn.message": "true",
-    "js.debugger.nextJs.config.created.client": "true",
-    "js.debugger.nextJs.config.created.server": "true",
-    "junie.onboarding.icon.badge.shown": "true",
-    "list.type.of.created.stylesheet": "SCSS",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "npm.Next.js: server-side.executor": "Run",
-    "prettierjs.PrettierConfiguration.Package": "C:\\dev-personal\\ocenka-web\\node_modules\\prettier",
-    "settings.editor.selected.configurable": "terminal",
-    "to.speed.mode.migration.done": "true",
-    "ts.external.directory.path": "C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;ModuleVcsDetector.initialDetectionPerformed&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
+    &quot;com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1&quot;: &quot;true&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;dev&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;js.debugger.nextJs.config.created.client&quot;: &quot;true&quot;,
+    &quot;js.debugger.nextJs.config.created.server&quot;: &quot;true&quot;,
+    &quot;junie.onboarding.icon.badge.shown&quot;: &quot;true&quot;,
+    &quot;list.type.of.created.stylesheet&quot;: &quot;SCSS&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;npm.Next.js: server-side.executor&quot;: &quot;Run&quot;,
+    &quot;prettierjs.PrettierConfiguration.Package&quot;: &quot;C:\\dev-personal\\ocenka-web\\node_modules\\prettier&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;terminal&quot;,
+    &quot;to.speed.mode.migration.done&quot;: &quot;true&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\dev-personal\\ocenka-web\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\dev-personal\ocenka-web\src\views\home" />
@@ -131,7 +107,8 @@
       <workItem from="1764586916122" duration="32000" />
       <workItem from="1764590282382" duration="1201000" />
       <workItem from="1764591867512" duration="4332000" />
-      <workItem from="1764657017067" duration="21236000" />
+      <workItem from="1764657017067" duration="21490000" />
+      <workItem from="1764741053553" duration="1873000" />
     </task>
     <servers />
   </component>
diff --git a/src/widgets/footer/styles.module.scss b/src/widgets/footer/styles.module.scss
index c09e799..db7cbf7 100644
--- a/src/widgets/footer/styles.module.scss
+++ b/src/widgets/footer/styles.module.scss
@@ -15,12 +15,12 @@
 
 .Grid {
   margin: 0 auto;
-  max-width: 1540px;
-  padding: 20px 10px 20px;
+  max-width: rem(1540px);
+  padding: rem(20px) rem(10px) rem(20px);
   display: grid;
   grid-template-columns: auto;
   grid-auto-columns: 1fr;
-  gap: 40px 20px;
+  gap: rem(40px) rem(20px);
   grid-auto-flow: row;
   grid-template-areas:
     "about"
@@ -32,32 +32,32 @@
     grid-template-areas:
     "about about"
     "contacts social";
-    padding: 40px 20px 0;
-    gap: 20px 2px;
+    padding: rem(40px) rem(20px) 0;
+    gap: rem(20px) 0;
   }
   @include iflaptop {
     grid-template-columns: 1fr 1fr 1fr 1fr;
     grid-template-areas:
     "about linksa linksb linksc"
     "contacts contacts social social";
-    padding: 40px 28px 0;
-    gap: 0px 0px;
+    padding: rem(40px) rem(28px) 0;
+    gap: 0 0;
   }
   @include ifdesktop {
-    padding: 40px 40px 0;
+    padding: rem(40px) rem(40px) 0;
   }
 
   .About {
     grid-area: about;
 
     .Image {
-      margin-bottom: 20px;
+      margin-bottom: rem(20px);
     }
 
     .Description {
       font-family: $font-roboto;
-      font-weight: $font-regular;
-      font-size: 20px;
+      font-weight: 400;
+      font-size: rem(20px);
       line-height: 160%;
       color: $color-white;
     }
@@ -65,7 +65,7 @@
 
   .LinksA {
     grid-area: linksa;
-    padding: 10px;
+    padding: rem(10px);
     display: none;
     @include iftablet {
     }
@@ -90,7 +90,7 @@
 
   .LinksB {
     grid-area: linksb;
-    padding: 10px;
+    padding: rem(10px);
     display: none;
 
     @include iflaptop {
@@ -112,7 +112,7 @@
 
   .LinksC {
     grid-area: linksc;
-    padding: 10px;
+    padding: rem(10px);
     display: none;
 
     @include iflaptop {
@@ -134,6 +134,9 @@
 
   .Contacts {
     grid-area: contacts;
+    border-top: 1px solid #4da49a;
+    margin-top: rem(20px);
+    padding-top: rem(20px);
 
     .Title {
       @extend %title;
@@ -143,7 +146,7 @@
       display: flex;
       flex-direction: column;
       justify-content: center;
-      gap: 24px;
+      gap: rem(24px);
 
       @include iflaptop {
         flex-direction: row;
@@ -154,7 +157,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
-        gap: 16px;
+        gap: rem(16px);
 
         @include iftablet {
         }
@@ -167,9 +170,9 @@
 
         .Icon {
           border-radius: 50%;
-          width: 48px;
-          height: 48px;
-          padding: 8px;
+          width: rem(48px);
+          height: rem(48px);
+          padding: rem(8px);
           background: $color-white;
         }
 
@@ -182,12 +185,15 @@
 
   .Social {
     grid-area: social;
+    border-top: 1px solid #4da49a;
+    margin-top: rem(20px);
+    padding-top: rem(20px);
 
     @include iflaptop {
-      padding-left: 100px;
+      padding-left: rem(100px);
     }
     @include ifdesktop {
-      padding-left: 200px;
+      padding-left: rem(200px);
     }
 
     .Title {
@@ -198,7 +204,7 @@
       display: flex;
       flex-direction: row;
       align-items: center;
-      gap: 20px;
+      gap: rem(20px);
     }
 
     .Icon {
@@ -209,27 +215,27 @@
 
 .Bottom {
   margin: 0 auto;
-  max-width: 1540px;
+  max-width: rem(1540px);
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  padding: 16px 10px;
+  padding: rem(16px) rem(10px);
 
   font-family: $font-roboto;
-  font-weight: $font-regular;
-  font-size: 16px;
+  font-weight: 400;
+  font-size: rem(16px);
   line-height: 100%;
   color: $color-white;
 
   @include iftablet {
-    padding: 16px 20px;
+    padding: rem(16px) rem(20px);
   }
   @include iflaptop {
-    padding: 16px 28px;
+    padding: rem(16px) rem(28px);
   }
   @include ifdesktop {
-    padding: 16px 40px;
+    padding: rem(16px) rem(40px);
   }
 
   .List {
@@ -259,7 +265,7 @@
   & a {
     text-decoration: none;
     color: $color-link-hover;
-    margin: 0 8px;
+    margin: 0 rem(8px);
 
     &:hover {
       text-decoration: underline;
@@ -269,11 +275,11 @@
 
 %title {
   font-family: $font-roboto;
-  font-weight: $font-regular;
+  font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   color: $color-white;
-  margin-bottom: 20px;
+  margin-bottom: rem(20px);
 }
 
 %list {
@@ -281,22 +287,24 @@
   flex-direction: column;
   gap: 10px;
   list-style: disc;
+  margin-left: rem(40px);
 }
 
 %list-item {
   font-family: $font-roboto;
-  font-weight: $font-regular;
-  font-size: 16px;
+  font-weight: 300;
+  font-size: rem(16px);
   line-height: 130%;
   color: $color-white;
-  margin-left: 20px;
+  &:hover{
+    text-decoration: underline;
+  }
 }
 
 %icon-desc {
   font-family: $font-roboto;
-  font-weight: $font-regular;
-  font-size: 18px;
+  font-size: rem(18px);
   line-height: 100%;
   color: $color-white;
-  margin-bottom: 20px;
+  margin-bottom: rem(20px);
 }
\ No newline at end of file
diff --git a/src/widgets/footer/ui.tsx b/src/widgets/footer/ui.tsx
index 00cc19f..7d46319 100644
--- a/src/widgets/footer/ui.tsx
+++ b/src/widgets/footer/ui.tsx
@@ -22,38 +22,100 @@ function Footer() {
           <div className={s.LinksA}>
             <h3 className={s.Title}>Оценка имущества</h3>
             <ol className={s.List}>
-              <li className={s.ListItem}>Оценка жилой недвижимости</li>
-              <li className={s.ListItem}>Оценка коммерческой недвижимости</li>
-              <li className={s.ListItem}>Оценка ущерба недвижимости</li>
-              <li className={s.ListItem}>Оценка сооружений</li>
-              <li className={s.ListItem}>Оценка машин и оборудования</li>
               <li className={s.ListItem}>
-                Оценка стоимости предприятия (бизнеса)
+                <Link href={ROUTES.OCENKA_NEDVIGA}>
+                  Оценка жилой недвижимости
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.OCENKA_ZDANIE}>
+                  Оценка коммерческой недвижимости
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.OCENKA_USCHERB_NEDVIGI}>
+                  Оценка ущерба недвижимости
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.OCENKA_SOORUZHENIE}>Оценка сооружений</Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.OCENKA_MASHINES}>
+                  Оценка машин и оборудования
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.OCENKA_BUSINESS}>
+                  Оценка стоимости предприятия (бизнеса)
+                </Link>
               </li>
             </ol>
           </div>
           <div className={s.LinksB}>
             <h3 className={s.Title}>Экспертиза</h3>
             <ol className={s.List}>
-              <li className={s.ListItem}>Автотехническая экспертиза</li>
-              <li className={s.ListItem}>Товароведческая экспертиза</li>
-              <li className={s.ListItem}>Трасологическая экспертиза</li>
-              <li className={s.ListItem}>Кадастровая экспертиза</li>
-              <li className={s.ListItem}>Строительно-техническая экспертиза</li>
-              <li className={s.ListItem}>Оценочная экспертиза</li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_AUTOTECH}>
+                  Автотехническая экспертиза
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_TOVAR}>
+                  Товароведческая экспертиза
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_TRASOLOGIA}>
+                  Трасологическая экспертиза
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_KADASTR}>
+                  Кадастровая экспертиза
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_STROIT}>
+                  Строительно-техническая экспертиза
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.EXPERTIZA_OCENKI}>Оценочная экспертиза</Link>
+              </li>
             </ol>
           </div>
           <div className={s.LinksC}>
             <h3 className={s.Title}>Юриспруденция</h3>
             <ol className={s.List}>
-              <li className={s.ListItem}>Семейные и наследственные споры</li>
-              <li className={s.ListItem}>Земельные и имущественные споры</li>
-              <li className={s.ListItem}>Взыскание долгов с юридических лиц</li>
-              <li className={s.ListItem}>Страховые споры</li>
               <li className={s.ListItem}>
-                Сопровождение сделок и составление договоров
+                <Link href={ROUTES.JURIST_NASLEDSTVO}>
+                  Семейные и наследственные споры
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.JURIST_ZEMLYA_IMUSHESTVO}>
+                  Земельные и имущественные споры
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.JURIST_DOLGI}>
+                  Взыскание долгов с юридических лиц
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.JURIST_STRAHOVKA}>Страховые споры</Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.JURIST_SDELKI_DOGOVORA}>
+                  Сопровождение сделок и составление договоров
+                </Link>
+              </li>
+              <li className={s.ListItem}>
+                <Link href={ROUTES.JURIST_PREDSTAVITELSTVO}>
+                  Представительство в суде
+                </Link>
               </li>
-              <li className={s.ListItem}>Представительство в суде</li>
             </ol>
           </div>
           <div className={s.Contacts}>