Попробуйте демо съеъало за хедер

index.html

@@ -51,12 +51,12 @@
                 </div>
                 
                 <div class="hidden md:flex items-center space-x-8">
-                    <a href="#features" class="text-gray-300 hover:text-violet-400 transition-colors">Features</a>
-                    <a href="#demo" class="text-gray-300 hover:text-violet-400 transition-colors">Demo</a>
-                    <a href="#pricing" class="text-gray-300 hover:text-violet-400 transition-colors">Pricing</a>
-                    <a href="#about" class="text-gray-300 hover:text-violet-400 transition-colors">About</a>
+                    <a href="#features" class="text-gray-300 hover:text-blue-400 transition-colors">Возможности</a>
+                    <a href="#demo" class="text-gray-300 hover:text-blue-400 transition-colors">Демо</a>
+                    <a href="#pricing" class="text-gray-300 hover:text-blue-400 transition-colors">Тарифы</a>
+                    <a href="#about" class="text-gray-300 hover:text-blue-400 transition-colors">О нас</a>
                     <button class="bg-gradient-to-r from-blue-500 to-blue-700 px-6 py-2 rounded-full font-medium hover:shadow-lg hover:shadow-blue-500/25 transition-all">
-Get Started
+Начать
                     </button>
                 </div>
                 
@@ -67,20 +67,20 @@ Get Started
         </div>
         
         <!-- Mobile Menu -->
-        <div x-show="mobileMenu" x-transition class="md:hidden glass-effect border-t border-violet-500/20">
+        <div x-show="mobileMenu" x-transition class="md:hidden glass-effect border-t border-blue-500/20">
             <div class="px-6 py-4 space-y-4">
-                <a href="#features" class="block text-gray-300 hover:text-violet-400">Features</a>
-                <a href="#demo" class="block text-gray-300 hover:text-violet-400">Demo</a>
-                <a href="#pricing" class="block text-gray-300 hover:text-violet-400">Pricing</a>
-                <a href="#about" class="block text-gray-300 hover:text-violet-400">About</a>
+                <a href="#features" class="block text-gray-300 hover:text-blue-400">Возможности</a>
+                <a href="#demo" class="block text-gray-300 hover:text-blue-400">Демо</a>
+                <a href="#pricing" class="block text-gray-300 hover:text-blue-400">Тарифы</a>
+                <a href="#about" class="block text-gray-300 hover:text-blue-400">О нас</a>
                 <button class="w-full bg-gradient-to-r from-blue-500 to-blue-700 px-6 py-2 rounded-full font-medium">
-Get Started
+Начать
                 </button>
             </div>
         </div>
     </nav>
     <!-- Demo Section -->
-    <section id="demo" class="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-gray-900 to-black">
+    <section id="demo" class="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-gray-900 to-black pt-20">
         <div class="absolute inset-0">
             <div class="floating absolute top-20 left-10 w-72 h-72 bg-blue-600/10 rounded-full blur-3xl"></div>
             <div class="floating absolute bottom-20 right-10 w-96 h-96 bg-blue-700/10 rounded-full blur-3xl" style="animation-delay: 3s;"></div>
@@ -167,8 +167,7 @@ Get Started
             </div>
         </div>
     </section>
-
-    <!-- Hero Section -->
+<!-- Hero Section -->
     <section class="py-20 lg:py-32">
         <div class="container mx-auto px-6">
             <div class="max-w-6xl mx-auto grid lg:grid-cols-2 gap-12 items-center">