Новые правки страницы - Возврат прав

frontend/src/components/layout/footer/Footer.astro

@@ -1,4 +1,5 @@
 ---
+import { COMPANY } from '@constants';
 
 const sectionsLinks = [
     { label: 'Услуги', href: '/services' },
@@ -37,31 +38,31 @@ const currentYear = new Date().getFullYear().toString();
                 </p>
             </div>
 
-            <!-- Колонка 2: Разделы -->
-            <div class="footer-col">
-                <h4 class="col-title">Разделы</h4>
-                <ul class="footer-links">
-                    {sectionsLinks.map(link => (
-                            <li><a href={link.href}>{link.label}</a></li>
-                    ))}
-                </ul>
+            <!-- Колонка 2: Разделы и Разное -->
+            <div class="footer-col links-cols">
+                <div class="footer-links-group">
+                    <h4 class="col-title">Разделы</h4>
+                    <ul class="footer-links">
+                        {sectionsLinks.map(link => (
+                                <li><a href={link.href}>{link.label}</a></li>
+                        ))}
+                    </ul>
+                </div>
+                <div class="footer-links-group">
+                    <h4 class="col-title">Разное</h4>
+                    <ul class="footer-links">
+                        {otherLinks.map(link => (
+                                <li><a href={link.href}>{link.label}</a></li>
+                        ))}
+                    </ul>
+                </div>
             </div>
 
-            <!-- Колонка 3: Правовая информация -->
-            <div class="footer-col">
-                <h4 class="col-title">Разное</h4>
-                <ul class="footer-links">
-                    {otherLinks .map(link => (
-                            <li><a href={link.href}>{link.label}</a></li>
-                    ))}
-                </ul>
-            </div>
-
-            <!-- Колонка 4: Контакты -->
+            <!-- Колонка 3: Контакты -->
             <div class="footer-col">
                 <h4 class="col-title">Связь с нами</h4>
-                <p class="address">Сургут, ул. Мира, 15</p>
-                <a href="tel:+73462000000" class="footer-phone">+7 (3462) 00-00-00</a>
+                <p class="address">{COMPANY.address}</p>
+                <a href={`tel:${COMPANY.phoneClean}`} class="footer-phone">{COMPANY.phone}</a>
 
                 <!-- Иконка "Поделиться" -->
                 <button class="share-btn" aria-label="Share">
@@ -226,14 +227,6 @@ const currentYear = new Date().getFullYear().toString();
         color: #d1b06b;
     }
 
-    /* Адаптивность для планшетов */
-    @media (max-width: 1024px) {
-        .footer-top {
-            grid-template-columns: 1fr 1fr; /* 2 колонки */
-            gap: 3rem 2rem;
-        }
-    }
-
     /* Адаптивность для мобильных устройств */
     @media (max-width: 640px) {
         .footer {
@@ -243,6 +236,40 @@ const currentYear = new Date().getFullYear().toString();
         .footer-top {
             grid-template-columns: 1fr; /* 1 колонка */
             gap: 2.5rem;
+            text-align: center;
+        }
+
+        /* Разделы и Разное в одном ряду */
+        .links-cols {
+            display: flex;
+            gap: 2rem;
+            justify-content: center;
+        }
+
+        .footer-links-group {
+            flex: 1;
+        }
+
+        /* Центрируем все элементы */
+        .brand-col {
+            text-align: center;
+        }
+
+        .footer-links {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        .footer-col:last-child {
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        .share-btn {
+            margin: 0 auto;
         }
 
         .footer-bottom {
@@ -251,4 +278,28 @@ const currentYear = new Date().getFullYear().toString();
             text-align: center;
         }
     }
+
+    /* Планшет - 2 колонки */
+    @media (min-width: 641px) and (max-width: 767px) {
+        .footer-top {
+            grid-template-columns: 1fr 1fr;
+            gap: 3rem 2rem;
+        }
+
+        .links-cols {
+            display: block;
+        }
+    }
+
+    /* Десктоп (md и выше) - 4 колонки в один ряд: Бренд | Разделы | Разное | Контакты */
+    @media (min-width: 768px) {
+        .footer-top {
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 2rem;
+        }
+
+        .links-cols {
+            display: contents; /* Дочерние элементы становятся частью грида */
+        }
+    }
 </style>

frontend/src/components/layout/header/Header.astro

@@ -23,7 +23,7 @@ import { COMPANY } from "@constants";
     <!-- Phone -->
     <div class="header-column header-right animate-load" data-delay="200">
       <div class="header-actions">
-        <a href={`tel:${COMPANY.phone}`} class="header-phone">
+        <a href={`tel:${COMPANY.phoneClean}`} class="header-phone">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             width="18"