Update index.html

Author: AleksMi

index.html

@@ -1049,35 +1049,46 @@ <h3 class="text-lg font-semibold mb-4">Контакты</h3>
 
     <!-- Кнопка быстрой связи -->
     <div class="fixed bottom-6 right-6 z-50">
-        <div class="relative group">
-            <button class="w-16 h-16 bg-primary text-white rounded-full shadow-lg flex items-center justify-center hover:bg-blue-600 transition-colors">
-                <i class="ri-chat-1-line ri-xl"></i>
-            </button>
-            <div class="absolute bottom-full right-0 mb-3 hidden group-hover:block">
-                <div class="bg-white rounded-lg shadow-lg p-3 flex flex-col space-y-2 w-48">
-                    <a href="https://wa.me/79268663539" class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
-                        <i class="ri-whatsapp-line ri-lg text-green-500 mr-3"></i>
-                        <span>WhatsApp</span>
-                    </a>
-                    <a href="https://t.me/antistatus" class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
-                        <i class="ri-telegram-line ri-lg text-blue-500 mr-3"></i>
-                        <span>Telegram</span>
-                    </a>
-                    <a href="https://max.ru/u/f9LHodD0cOKDmIyPGGYPpzGZIua2Lulu3jNPgRNXXiujfevlfPjtIidATj8" class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" 
-                             class="w-6 h-6 text-blue-500 mr-3 fill-current">
-                            <path d="M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.785 0 375.947 171.001 375.947 381.604.707 207.346-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574Z" clip-rule="evenodd"/>
-                        </svg>
-                        <span>MAX</span>
-                    </a>
-                    <a href="tel:+79268663539" class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
-                        <i class="ri-phone-line ri-lg text-gray-700 mr-3"></i>
-                        <span>Позвонить</span>
-                    </a>
-                </div>
+    <div class="relative group">
+        <!-- Кнопка -->
+        <button class="w-16 h-16 bg-primary text-white rounded-full shadow-lg 
+                       flex items-center justify-center 
+                       hover:bg-blue-600 transition-all duration-300">
+            <i class="ri-chat-1-line ri-xl"></i>
+        </button>
+        <!-- Меню -->
+        <div class="absolute bottom-full right-0 pb-3
+                    opacity-0 invisible translate-y-2
+                    group-hover:opacity-100 
+                    group-hover:visible 
+                    group-hover:translate-y-0
+                    transition-all duration-300">
+
+            <div class="bg-white rounded-lg shadow-xl p-3 
+                        flex flex-col space-y-2 w-48">
+                
+                <a href="https://wa.me/79268663539"
+                   class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
+                    <i class="ri-whatsapp-line ri-lg text-green-500 mr-3"></i>
+                    <span>WhatsApp</span>
+                </a>
+
+                <a href="https://t.me/antistatus"
+                   class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
+                    <i class="ri-telegram-line ri-lg text-blue-500 mr-3"></i>
+                    <span>Telegram</span>
+                </a>
+
+                <a href="tel:+79268663539"
+                   class="flex items-center px-4 py-2 rounded hover:bg-gray-100 transition-colors">
+                    <i class="ri-phone-line ri-lg text-gray-700 mr-3"></i>
+                    <span>Позвонить</span>
+                </a>
+
             </div>
         </div>
     </div>
+</div>
 
     <script>
         document.addEventListener('DOMContentLoaded', function() {
@@ -1364,3 +1375,4 @@ <h2 id="modalTitle">Заголовок проекта</h2>
 
 
 
+