Update Hero text, remove manager information from Cities, and revise Requisites details: Changed description in Hero component for clarity, removed manager field from Cities data, and updated bank account details and license descriptions in Requisites for accuracy and consistency.

Update About section images and enhance styling: Replaced image URLs with new assets, added fixed dimensions for grid images, and implemented responsive height adjustments for better layout across various screen sizes.
Add page loader and enhance loading animations: Implemented a new page loader with animated elements and progress bar for improved user experience during content loading. Updated global styles for consistency and responsiveness across various screen sizes.
2025-07-14 22:20:28 +03:00 · 2025-07-12 23:42:58 +03:00 · 2025-07-07 13:53:24 +03:00
10 changed files with 573 additions and 44 deletions
--- a/public/images/1.jpg
+++ b/public/images/1.jpg
--- a/public/images/12.jpg
+++ b/public/images/12.jpg
--- a/public/images/123.jpg
+++ b/public/images/123.jpg
--- a/public/images/1234.jpg
+++ b/public/images/1234.jpg
--- a/public/styles/global.css
+++ b/public/styles/global.css
@ -23,11 +23,13 @@
 /* Базовые стили */
 html {
  scroll-behavior: smooth;
+  background: linear-gradient(135deg, #111827, #1f2937, #111827);
+  min-height: 100vh;
 }

 body {
-  background-color: #f7f7f7;
-  color: #2c2c2c;
+  background: linear-gradient(135deg, #111827, #1f2937, #111827);
+  color: #ffffff;
 }

 /* Отступы от фиксированного хедера */
@ -303,3 +305,354 @@ body {
    font-size: 1.125rem;
  }
 }
+
+/* Стили для загрузчика страницы */
+#page-loader {
+  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
+}
+
+/* Стили для контента страницы */
+#page-content {
+  opacity: 1;
+  transition: opacity 0.3s ease-in;
+}
+
+/* Предотвращение белого фона во время загрузки */
+html, body {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #111827, #1f2937, #111827);
+}
+
+/* Анимация появления для загрузчика */
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-in {
+  animation: fade-in 0.8s ease-out;
+}
+
+/* Улучшенная анимация bounce для точек загрузки */
+@keyframes enhanced-bounce {
+  0%, 20%, 53%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40%, 43% {
+    transform: translateY(-15px);
+  }
+  70% {
+    transform: translateY(-7px);
+  }
+  90% {
+    transform: translateY(-3px);
+  }
+}
+
+.animate-enhanced-bounce {
+  animation: enhanced-bounce 1.4s ease-in-out infinite;
+}
+
+/* Анимация пульсации для логотипа */
+@keyframes logo-pulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.05);
+  }
+}
+
+.animate-logo-pulse {
+  animation: logo-pulse 2s ease-in-out infinite;
+}
+
+/* Градиентная анимация для прогресс-бара */
+@keyframes progress-shimmer {
+  0% {
+    background-position: -200px 0;
+  }
+  100% {
+    background-position: calc(200px + 100%) 0;
+  }
+}
+
+.progress-shimmer {
+  background: linear-gradient(
+    90deg,
+    #fbbf24 25%,
+    #f59e0b 50%,
+    #fbbf24 75%
+  );
+  background-size: 200px 100%;
+  animation: progress-shimmer 2s infinite;
+}
+
+/* Адаптивные стили для загрузчика */
+
+/* Очень маленькие экраны (до 320px) */
+@media (max-width: 319px) {
+  #page-loader .text-center {
+    padding: 0.5rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 1.25rem !important;
+    margin-bottom: 1rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 0.75rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 12rem !important;
+  }
+  
+  #page-loader img {
+    height: 3rem !important;
+  }
+  
+  #page-loader .w-3 {
+    width: 0.5rem !important;
+    height: 0.5rem !important;
+  }
+}
+
+/* Маленькие экраны (320px - 479px) */
+@media (min-width: 320px) and (max-width: 479px) {
+  #page-loader .text-center {
+    padding: 0.75rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 0.875rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 14rem !important;
+  }
+  
+  #page-loader img {
+    height: 4rem !important;
+  }
+}
+
+/* Средние экраны (480px - 767px) */
+@media (min-width: 480px) and (max-width: 767px) {
+  #page-loader .text-center {
+    padding: 1rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 2rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 1rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 18rem !important;
+  }
+  
+  #page-loader img {
+    height: 5rem !important;
+  }
+}
+
+/* Планшеты (768px - 1027px) */
+@media (min-width: 768px) and (max-width: 1027px) {
+  #page-loader .text-center {
+    padding: 1.5rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 2.5rem !important;
+    margin-bottom: 2rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 1.125rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 24rem !important;
+  }
+  
+  #page-loader img {
+    height: 6rem !important;
+  }
+  
+  #page-loader .w-3 {
+    width: 1rem !important;
+    height: 1rem !important;
+  }
+}
+
+/* Ноутбуки (1028px - 1439px) */
+@media (min-width: 1028px) and (max-width: 1439px) {
+  #page-loader .text-center {
+    padding: 2rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 3rem !important;
+    margin-bottom: 2rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 1.25rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 28rem !important;
+  }
+  
+  #page-loader img {
+    height: 7rem !important;
+  }
+  
+  #page-loader .w-3 {
+    width: 1.25rem !important;
+    height: 1.25rem !important;
+  }
+}
+
+/* Большие экраны (1440px+) */
+@media (min-width: 1440px) {
+  #page-loader .text-center {
+    padding: 2.5rem;
+  }
+  
+  #page-loader h1 {
+    font-size: 3.5rem !important;
+    margin-bottom: 2.5rem !important;
+  }
+  
+  #page-loader p {
+    font-size: 1.5rem !important;
+  }
+  
+  #page-loader .w-64 {
+    width: 32rem !important;
+  }
+  
+  #page-loader img {
+    height: 8rem !important;
+  }
+  
+  #page-loader .w-3 {
+    width: 1.5rem !important;
+    height: 1.5rem !important;
+  }
+}
+
+/* Дополнительные адаптивные стили для декоративных элементов */
+@media (max-width: 479px) {
+  #page-loader .absolute.top-1\/4 {
+    width: 4rem !important;
+    height: 4rem !important;
+  }
+  
+  #page-loader .absolute.bottom-1\/4 {
+    width: 5rem !important;
+    height: 5rem !important;
+  }
+  
+  #page-loader .absolute.top-1\/2 {
+    width: 3rem !important;
+    height: 3rem !important;
+  }
+}
+
+@media (min-width: 480px) and (max-width: 767px) {
+  #page-loader .absolute.top-1\/4 {
+    width: 6rem !important;
+    height: 6rem !important;
+  }
+  
+  #page-loader .absolute.bottom-1\/4 {
+    width: 7rem !important;
+    height: 7rem !important;
+  }
+  
+  #page-loader .absolute.top-1\/2 {
+    width: 4rem !important;
+    height: 4rem !important;
+  }
+}
+
+/* Адаптивные стили для прогресс-бара */
+@media (max-width: 319px) {
+  #page-loader .bg-gray-700 {
+    height: 0.375rem !important;
+  }
+}
+
+@media (min-width: 320px) and (max-width: 479px) {
+  #page-loader .bg-gray-700 {
+    height: 0.5rem !important;
+  }
+}
+
+@media (min-width: 480px) and (max-width: 767px) {
+  #page-loader .bg-gray-700 {
+    height: 0.625rem !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1027px) {
+  #page-loader .bg-gray-700 {
+    height: 0.75rem !important;
+  }
+}
+
+@media (min-width: 1028px) {
+  #page-loader .bg-gray-700 {
+    height: 1rem !important;
+  }
+}
+
+/* Адаптивные стили для отступов между элементами */
+@media (max-width: 479px) {
+  #page-loader .mb-8 {
+    margin-bottom: 1rem !important;
+  }
+  
+  #page-loader .mb-6 {
+    margin-bottom: 1rem !important;
+  }
+  
+  #page-loader .mt-4 {
+    margin-top: 0.75rem !important;
+  }
+}
+
+@media (min-width: 480px) and (max-width: 767px) {
+  #page-loader .mb-8 {
+    margin-bottom: 1.5rem !important;
+  }
+  
+  #page-loader .mb-6 {
+    margin-bottom: 1.25rem !important;
+  }
+  
+  #page-loader .mt-4 {
+    margin-top: 1rem !important;
+  }
+}
--- a/src/components/About.astro
+++ b/src/components/About.astro
@ -4,10 +4,10 @@ const about = {
  title: "О НАС",
  paragraph1: "Наша компания занимается производством продукции из драгоценных металлов.",
  imageUrls: [
-    "/images/hero.webp",
-    "/images/hero.webp",
-    "/images/hero.webp",
-    "/images/hero.webp"
+    "/images/1.jpg",
+    "/images/12.jpg",
+    "/images/123.jpg",
+    "/images/1234.jpg"
  ]
 };
 ---
@ -56,11 +56,11 @@ const about = {
    <div class="lg:w-1/2 grid grid-cols-2 gap-3 xs:gap-4 sm:gap-6">
      {
        about.imageUrls.map((imageUrl, index) => (
-          <div class="group relative overflow-hidden rounded-xl xs:rounded-2xl shadow-2xl hover:shadow-yellow-500/20 transition-all duration-500 transform hover:scale-105">
+          <div class="group relative overflow-hidden rounded-xl xs:rounded-2xl shadow-2xl hover:shadow-yellow-500/20 transition-all duration-500 transform hover:scale-105 h-32 xs:h-36 sm:h-40 md:h-44 lg:h-48 xl:h-52">
            <img
              src={imageUrl}
              alt={`О нас изображение ${index + 1}`}
-              class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
+              class="w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110"
            />
            <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
          </div>
@ -75,8 +75,55 @@ const about = {
    line-height: 1.8;
  }

-  img {
-    max-width: 100%;
-    max-height: 100%;
+  /* Фиксированные размеры для изображений в сетке */
+  .grid img {
+    aspect-ratio: 4/3;
+    object-fit: cover;
+    object-position: center;
+    width: 100%;
+    height: 100%;
+  }
+  
+  /* Дополнительные адаптивные стили для изображений */
+  @media (max-width: 320px) {
+    .grid > div {
+      height: 7rem !important;
+    }
+  }
+  
+  @media (min-width: 321px) and (max-width: 479px) {
+    .grid > div {
+      height: 8rem !important;
+    }
+  }
+  
+  @media (min-width: 480px) and (max-width: 639px) {
+    .grid > div {
+      height: 9rem !important;
+    }
+  }
+  
+  @media (min-width: 640px) and (max-width: 767px) {
+    .grid > div {
+      height: 10rem !important;
+    }
+  }
+  
+  @media (min-width: 768px) and (max-width: 1023px) {
+    .grid > div {
+      height: 11rem !important;
+    }
+  }
+  
+  @media (min-width: 1024px) and (max-width: 1279px) {
+    .grid > div {
+      height: 12rem !important;
+    }
+  }
+  
+  @media (min-width: 1280px) {
+    .grid > div {
+      height: 13rem !important;
+    }
  }
 </style>
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@ -22,7 +22,7 @@
      </h1>
      
      <p class="mt-4 xs:mt-6 sm:mt-8 lg:mt-12 text-white text-base xs:text-lg sm:text-xl md:text-2xl lg:text-3xl max-w-3xl font-gilroy leading-relaxed animate-slide-in">
-        ООО «ДМДК» — ведущий поставщик аффинированных драгоценных металлов. 
+        ООО «ДМДК» — ведущий поставщик продукции из драгоценных металлов.
        <span class="text-yellow-400 font-semibold">Блеск и надежность в каждом грамме.</span>
      </p>
      
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -121,10 +121,146 @@ const allKeywords = `${commonKeywords}, ${silverKeywords}, ${goldKeywords}`;
    <slot name="head" />
  </head>
  <body class="bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white">
+    <!-- Загрузчик страницы -->
+    <div id="page-loader" class="fixed inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-black z-50 flex items-center justify-center">
+      <div class="text-center">
+        <!-- Логотип -->
+        <div class="mb-8">
+          <img src="/logo.svg" alt="ООО «ДМДК»" class="h-16 xs:h-20 sm:h-24 md:h-28 lg:h-32 mx-auto animate-logo-pulse" />
+        </div>
+        
+        <!-- Название компании -->
+        <h1 class="text-2xl xs:text-3xl sm:text-4xl md:text-5xl font-bold text-white font-nevduplenysh mb-6 xs:mb-8 animate-fade-in">
+          ООО «ДМДК»
+        </h1>
+        
+        <!-- Подзаголовок -->
+        <p class="text-gray-300 text-sm xs:text-base lg:text-lg font-gilroy mb-8 animate-fade-in" style="animation-delay: 0.3s;">
+          Драгоценные металлы высшей пробы
+        </p>
+        
+        <!-- Анимированные точки загрузки -->
+        <div class="flex justify-center space-x-2 mb-8">
+          <div class="w-3 h-3 xs:w-4 xs:h-4 bg-yellow-400 rounded-full animate-enhanced-bounce"></div>
+          <div class="w-3 h-3 xs:w-4 xs:h-4 bg-yellow-400 rounded-full animate-enhanced-bounce" style="animation-delay: 0.1s;"></div>
+          <div class="w-3 h-3 xs:w-4 xs:h-4 bg-yellow-400 rounded-full animate-enhanced-bounce" style="animation-delay: 0.2s;"></div>
+        </div>
+        
+        <!-- Прогресс бар -->
+        <div class="w-64 xs:w-80 sm:w-96 mx-auto">
+          <div class="bg-gray-700 rounded-full h-2 xs:h-3 overflow-hidden shadow-inner">
+            <div id="progress-bar" class="progress-shimmer h-full rounded-full transition-all duration-300 ease-out" style="width: 0%"></div>
+          </div>
+          <p id="loading-text" class="text-gray-300 text-sm xs:text-base mt-4 font-gilroy">Загрузка...</p>
+        </div>
+        
+        <!-- Декоративные элементы -->
+        <div class="absolute inset-0 opacity-10 pointer-events-none">
+          <div class="absolute top-1/4 left-1/4 w-32 h-32 xs:w-48 xs:h-48 bg-yellow-500 rounded-full blur-3xl animate-pulse"></div>
+          <div class="absolute bottom-1/4 right-1/4 w-40 h-40 xs:w-60 xs:h-60 bg-yellow-400 rounded-full blur-3xl animate-pulse" style="animation-delay: 2s;"></div>
+          <div class="absolute top-1/2 left-1/3 w-24 h-24 xs:w-36 xs:h-36 bg-yellow-300 rounded-full blur-2xl animate-pulse" style="animation-delay: 1s;"></div>
+        </div>
+      </div>
+    </div>
+
+    <div id="page-content" style="display: none;">
      <Header />
      <slot />
      <FloatingFAQ />
      <Up />
      <Footer />
+    </div>
+
+    <!-- Скрипт для управления загрузчиком -->
+    <script>
+      document.addEventListener('DOMContentLoaded', function() {
+        const loader = document.getElementById('page-loader');
+        const progressBar = document.getElementById('progress-bar');
+        const loadingText = document.getElementById('loading-text');
+        let progress = 0;
+        
+        // Массив сообщений для загрузки
+        const loadingMessages = [
+          'Загрузка...',
+          'Подготовка драгоценных металлов...',
+          'Инициализация системы...',
+          'Проверка качества...',
+          'Почти готово...'
+        ];
+        
+        let messageIndex = 0;
+        
+        // Функция для скрытия загрузчика
+        function hideLoader() {
+          const pageContent = document.getElementById('page-content');
+          loadingText.textContent = 'Готово!';
+          
+          setTimeout(() => {
+            loader.style.opacity = '0';
+            loader.style.transform = 'scale(0.95)';
+            loader.style.transition = 'opacity 0.5s ease-out, transform 0.5s ease-out';
+            
+            setTimeout(() => {
+              loader.style.display = 'none';
+              pageContent.style.display = 'block';
+              document.body.style.overflow = 'auto';
+            }, 500);
+          }, 300);
+        }
+        
+        // Анимация прогресс-бара
+        const progressInterval = setInterval(() => {
+          progress += Math.random() * 12 + 3; // Случайный прирост от 3 до 15%
+          if (progress > 100) progress = 100;
+          
+          progressBar.style.width = progress + '%';
+          
+          // Обновляем сообщение в зависимости от прогресса
+          if (progress >= 20 && messageIndex === 0) {
+            messageIndex = 1;
+            loadingText.textContent = loadingMessages[messageIndex];
+          } else if (progress >= 40 && messageIndex === 1) {
+            messageIndex = 2;
+            loadingText.textContent = loadingMessages[messageIndex];
+          } else if (progress >= 60 && messageIndex === 2) {
+            messageIndex = 3;
+            loadingText.textContent = loadingMessages[messageIndex];
+          } else if (progress >= 80 && messageIndex === 3) {
+            messageIndex = 4;
+            loadingText.textContent = loadingMessages[messageIndex];
+          }
+          
+          if (progress >= 100) {
+            clearInterval(progressInterval);
+            hideLoader();
+          }
+        }, 80);
+        
+        // Блокируем прокрутку во время загрузки и скрываем контент
+        document.body.style.overflow = 'hidden';
+        const pageContent = document.getElementById('page-content');
+        pageContent.style.display = 'none';
+        
+        // Принудительно скрыть загрузчик через 4 секунды на случай медленной загрузки
+        setTimeout(() => {
+          if (loader.style.display !== 'none') {
+            progress = 100;
+            progressBar.style.width = '100%';
+            clearInterval(progressInterval);
+            hideLoader();
+          }
+        }, 4000);
+        
+        // Скрыть загрузчик когда страница полностью загружена
+        window.addEventListener('load', function() {
+          if (progress < 100) {
+            progress = 100;
+            progressBar.style.width = '100%';
+            clearInterval(progressInterval);
+            hideLoader();
+          }
+        });
+      });
+    </script>
  </body>
 </html>
--- a/src/pages/cities.astro
+++ b/src/pages/cities.astro
@ -22,7 +22,6 @@ const cities = [
    address: "г. Москва, ВН. ТЕР. Г. МУНИЦИПАЛЬНЫЙ ОКРУГ ТАГАНСКИЙ, НАБ КОТЕЛЬНИЧЕСКАЯ, Д.1/15 К.А. ПОМЕЩ. 8/1",
    phone: "+7 (925) 104-50-50",
    email: "ooo.dmdk@mail.ru",
-    manager: "Иванов Алексей Петрович",
    services: ["Аффинаж", "Торговля", "Консультации", "Логистика"],
    workingHours: "Пн-Пт: 9:00-18:00",
    isHeadOffice: true
@ -243,18 +242,6 @@ const deliveryInfo = [
                  </div>
                </div>
                
-                {city.manager && (
-                  <div class="flex items-start space-x-2 xs:space-x-3">
-                    <svg class="w-4 h-4 xs:w-5 xs:h-5 text-yellow-400 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
-                    </svg>
-                    <div>
-                      <div class="text-xs xs:text-sm text-gray-400">Менеджер</div>
-                      <div class="text-white text-sm xs:text-base">{city.manager}</div>
-                    </div>
-                  </div>
-                )}
-
                
                <div class="flex items-start space-x-2 xs:space-x-3">
                  <svg class="w-4 h-4 xs:w-5 xs:h-5 text-yellow-400 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
--- a/src/pages/requisites.astro
+++ b/src/pages/requisites.astro
@ -98,7 +98,7 @@ const breadcrumbItems = [
                    Основной счет
                  </h3>
                  <ul class="space-y-3 text-gray-300">
-                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702810338000123456</span></li>
+                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702 810 5 3871 0003743</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Банк:</span> <span class="text-white">ПАО Сбербанк</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">БИК:</span> <span class="text-white font-mono">044525225</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Корр. счет:</span> <span class="text-white font-mono">30101810400000000225</span></li>
@ -114,8 +114,8 @@ const breadcrumbItems = [
                    Дополнительный счет
                  </h3>
                  <ul class="space-y-3 text-gray-300">
-                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702810901500987654</span></li>
-                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Банк:</span> <span class="text-white">АО «Альфа-Банк»</span></li>
+                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702810701760002312</span></li>
+                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Банк:</span> <span class="text-white">АО "АЛЬФА-БАНК"</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">БИК:</span> <span class="text-white font-mono">044525593</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Корр. счет:</span> <span class="text-white font-mono">30101810200000000593</span></li>
                  </ul>
@ -167,7 +167,7 @@ const breadcrumbItems = [
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
                  </svg>
                </div>
-                Лицензии и сертификаты
+                Лицензии
              </h2>
              <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                <div class="bg-gradient-to-br from-gray-800/60 to-gray-900/60 backdrop-blur-sm border border-gray-700/40 rounded-xl p-6 hover:border-green-500/30 transition-all duration-300 group">
@ -177,13 +177,16 @@ const breadcrumbItems = [
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                      </svg>
                    </div>
-                    <h3 class="text-xl font-semibold text-green-400">Лицензия на переработку лома и отходов драгоценных металлов</h3>
+                    <div>
+                      <h3 class="text-lg font-semibold text-green-400 leading-tight">Лицензия на обработку (переработку) лома и отходов драгоценных металлов</h3>
+                      <p class="text-xs text-gray-400 mt-1">(за исключением деятельности по обработке организациями и ИП лома и отходов ДМ, образовавшихся в процессе собственного производства)</p>
+                    </div>
                  </div>
                  <ul class="space-y-2 text-gray-300 text-sm">
-                    <li class="flex justify-between"><span class="text-green-400">Номер:</span> <span class="text-white font-mono">77-ЛОМ-012345</span></li>
-                    <li class="flex justify-between"><span class="text-green-400">Дата выдачи:</span> <span class="text-white">12.02.2024</span></li>
-                    <li class="flex justify-between"><span class="text-green-400">Действует до:</span> <span class="text-white">12.02.2029</span></li>
-                    <li class="flex justify-between"><span class="text-green-400">Орган выдачи:</span> <span class="text-white text-xs">Министерство финансов РФ</span></li>
+                    <li class="flex flex-col"><span class="text-green-400 font-medium">Номер:</span> <span class="text-white font-mono">Л003-00119-77/01090939</span></li>
+                    <li class="flex flex-col"><span class="text-green-400 font-medium">Дата выдачи:</span> <span class="text-white">13.03.2024</span></li>
+                    <li class="flex flex-col"><span class="text-green-400 font-medium">Действует до:</span> <span class="text-white">бессрочно</span></li>
+                    <li class="flex flex-col"><span class="text-green-400 font-medium">Орган выдачи:</span> <span class="text-white text-xs">МЕЖРЕГИОНАЛЬНОЕ УПРАВЛЕНИЕ ФЕДЕРАЛЬНОЙ ПРОБИРНОЙ ПАЛАТЫ ПО ЦЕНТРАЛЬНОМУ ФЕДЕРАЛЬНОМУ ОКРУГУ</span></li>
                  </ul>
                </div>
                <div class="bg-gradient-to-br from-gray-800/60 to-gray-900/60 backdrop-blur-sm border border-gray-700/40 rounded-xl p-6 hover:border-purple-500/30 transition-all duration-300 group">
@ -193,13 +196,16 @@ const breadcrumbItems = [
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                      </svg>
                    </div>
-                    <h3 class="text-xl font-semibold text-purple-400">Лицензия на скупку ювелирных изделий</h3>
+                    <div>
+                      <h3 class="text-lg font-semibold text-purple-400 leading-tight">Лицензия на скупку у физических лиц ювелирных и других изделий</h3>
+                      <p class="text-xs text-gray-400 mt-1">из драгоценных металлов и драгоценных камней, лома таких изделий</p>
+                    </div>
                  </div>
                  <ul class="space-y-2 text-gray-300 text-sm">
-                    <li class="flex justify-between"><span class="text-purple-400">Номер:</span> <span class="text-white font-mono">77-ЮВ-067890</span></li>
-                    <li class="flex justify-between"><span class="text-purple-400">Дата выдачи:</span> <span class="text-white">12.02.2024</span></li>
-                    <li class="flex justify-between"><span class="text-purple-400">Действует до:</span> <span class="text-white">12.02.2029</span></li>
-                    <li class="flex justify-between"><span class="text-purple-400">Орган выдачи:</span> <span class="text-white text-xs">Министерство финансов РФ</span></li>
+                    <li class="flex flex-col"><span class="text-purple-400 font-medium">Номер:</span> <span class="text-white font-mono">Л023-00119-77/01379173</span></li>
+                    <li class="flex flex-col"><span class="text-purple-400 font-medium">Дата выдачи:</span> <span class="text-white">06.09.2024</span></li>
+                    <li class="flex flex-col"><span class="text-purple-400 font-medium">Действует до:</span> <span class="text-white">бессрочно</span></li>
+                    <li class="flex flex-col"><span class="text-purple-400 font-medium">Орган выдачи:</span> <span class="text-white text-xs">МЕЖРЕГИОНАЛЬНОЕ УПРАВЛЕНИЕ ФЕДЕРАЛЬНОЙ ПРОБИРНОЙ ПАЛАТЫ ПО ЦЕНТРАЛЬНОМУ ФЕДЕРАЛЬНОМУ ОКРУГУ</span></li>
                  </ul>
                </div>
              </div>
Author	SHA1	Message	Date
albivkt	87b08de593	Update Hero text, remove manager information from Cities, and revise Requisites details: Changed description in Hero component for clarity, removed manager field from Cities data, and updated bank account details and license descriptions in Requisites for accuracy and consistency.	2025-07-14 22:20:28 +03:00
albivkt	a4326cd16d	Update About section images and enhance styling: Replaced image URLs with new assets, added fixed dimensions for grid images, and implemented responsive height adjustments for better layout across various screen sizes.	2025-07-12 23:42:58 +03:00
albivkt	37a6373714	Add page loader and enhance loading animations: Implemented a new page loader with animated elements and progress bar for improved user experience during content loading. Updated global styles for consistency and responsiveness across various screen sizes.	2025-07-07 13:53:24 +03:00