Promote version dc460e3 to main

Promoted commit dc460e3215bcaed51a5ed83247aa2b8e5ea4296b to main branch

components/navbar.js

@@ -1,10 +1,3 @@
-
-  }
-}
-
-customElements.define('custom-navbar', CustomNavbar);
-
-
 class CustomNavbar extends HTMLElement {
   connectedCallback() {
     this.attachShadow({ mode: 'open' });
@@ -14,7 +7,7 @@ class CustomNavbar extends HTMLElement {
           transition: all 0.3s ease;
         }
         .navbar.scrolled {
-          background-color: white !important;
+          background-color: white;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
         }
         .mobile-menu {
@@ -25,90 +18,15 @@ class CustomNavbar extends HTMLElement {
         .mobile-menu.open {
           max-height: 500px;
         }
-        .menu-button {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: 40px;
-          height: 40px;
-          background: transparent;
-          border: none;
-          cursor: pointer;
-        }
-        .menu-icon {
-          width: 24px;
-          height: 24px;
-          stroke: #ef4444;
-        }
-        .desktop-menu {
-          display: none;
-        }
         @media (min-width: 768px) {
-          .menu-button {
-            display: none;
-          }
           .mobile-menu {
             max-height: none !important;
-            display: flex !important;
-          }
-          .desktop-menu {
-            display: flex;
-            gap: 1.5rem;
           }
         }
       </style>
       <nav class="navbar fixed w-full z-50 py-4 px-6 bg-white md:bg-transparent">
         <div class="container mx-auto flex justify-between items-center">
-          <a href="/" class="flex items-center">
-            <img src="/static/logo.svg" alt="Toptera Logo" class="h-8 mr-2">
-            <span class="text-2xl font-bold text-primary">Toptera</span>
-          </a>
-          
-          <div class="desktop-menu">
-            <a href="seo-spetsialist-seo-optimizator.html" class="text-zinc-700 hover:text-primary transition duration-300">
-              Вакансии
-            </a>
-          </div>
-          
-          <button class="menu-button md:hidden" id="menu-toggle">
-            <i data-feather="menu" class="menu-icon"></i>
-          </button>
+          <a href="/" class="text-2xl font-bold text-primary">Toptera</a>
           
-          <div class="mobile-menu md:flex space-y-4 md:space-y-0 md:space-x-8 flex-col md:flex-row bg-white md:bg-transparent w-full md:w-auto absolute md:relative top-full left-0 px-6 md:px-0 py-4 md:py-0">
-            <a href="/" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">Главная</a>
-            <a href="/#problem" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">Проблемы</a>
-            <a href="/#process" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">Процесс</a>
-            <a href="/#cases" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">Кейсы</a>
-            <a href="/#audit" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">Аудит</a>
-            <a href="seo-spetsialist-seo-optimizator.html" class="text-zinc-700 hover:text-primary transition duration-300 py-2 md:py-0">
-              Вакансии
-            </a>
-          </div>
-        </div>
-      </nav>
-`;
-
-    // Menu toggle functionality
-    const menuToggle = this.shadowRoot.getElementById('menu-toggle');
-    const mobileMenu = this.shadowRoot.querySelector('.mobile-menu');
-
-    menuToggle.addEventListener('click', () => {
-      mobileMenu.classList.toggle('open');
-      const icon = menuToggle.querySelector('i');
-      if (mobileMenu.classList.contains('open')) {
-        icon.setAttribute('data-feather', 'x');
-      } else {
-        icon.setAttribute('data-feather', 'menu');
-      }
-      feather.replace();
-    });
-
-    // Scroll effect
-    window.addEventListener('scroll', () => {
-      const navbar = this.shadowRoot.querySelector('.navbar');
-      if (window.scrollY > 50) {
-        navbar.classList.add('scrolled');
-      } else {
-        navbar.classList.remove('scrolled');
-      }
-    });
+          <div class="hidden md:flex space-x-8">
+            <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">

index.html

@@ -4,11 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Toptera - Контент-машины для роста трафика</title>
-    <link rel="icon" type="image/png" href="/static/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="/static/favicon.svg" />
-    <link rel="shortcut icon" href="/static/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png" />
-    <link rel="manifest" href="/static/site.webmanifest" />
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>

style.css

@@ -1,10 +1,3 @@
-
-/* Navbar styles */
-.navbar.scrolled {
-  background-color: white !important;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
 /* Custom animations */
 @keyframes fadeIn {
     from { opacity: 0; transform: translateY(20px); }