Переведи весь проект на русский

components/footer.js

@@ -11,7 +11,6 @@ class CustomFooter extends HTMLElement {
                 .social-icon {
                     transition: all 0.3s ease;
                 }
-                
                 .social-icon:hover {
                     transform: translateY(-3px);
                     color: #38bdf8;
@@ -37,12 +36,12 @@ class CustomFooter extends HTMLElement {
                                 </div>
                                 <div>
                                     <h3 class="text-xl font-bold">MysticVibe Explorer</h3>
-                                    <p class="text-gray-400 text-sm">Discover the Unseen</p>
+                                    <p class="text-gray-400 text-sm">Откройте для себя невидимое</p>
                                 </div>
                             </div>
                             <p class="text-gray-400 mb-6">
-                                Exploring cosmic mysteries and mystical insights since 2024. 
-                                Join us on this journey through the unknown.
+                                Исследуем космические тайны и мистические инсайты с 2024 года. 
+                                Присоединяйтесь к нашему путешествию через неизведанное.
                             </p>
                             <div class="flex space-x-4">
                                 <a href="#" class="social-icon text-gray-400 hover:text-primary-400">
@@ -62,26 +61,26 @@ class CustomFooter extends HTMLElement {
                         
                         <!-- Quick Links -->
                         <div>
-                            <h4 class="text-lg font-bold mb-6">Quick Links</h4>
+                            <h4 class="text-lg font-bold mb-6">Быстрые ссылки</h4>
                             <ul class="space-y-3">
                                 <li>
                                     <a href="#explore" class="footer-link text-gray-400 hover:text-white">
-                                        Cosmic Explorer
+                                        Космический исследователь
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#insights" class="footer-link text-gray-400 hover:text-white">
-                                        Daily Insights
+                                        Ежедневные инсайты
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        Research Library
+                                        Библиотека исследований
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        Community Forum
+                                        Форум сообщества
                                     </a>
                                 </li>
                             </ul>
@@ -89,26 +88,26 @@ class CustomFooter extends HTMLElement {
                         
                         <!-- Resources -->
                         <div>
-                            <h4 class="text-lg font-bold mb-6">Resources</h4>
+                            <h4 class="text-lg font-bold mb-6">Ресурсы</h4>
                             <ul class="space-y-3">
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        Documentation
+                                        Документация
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        API Reference
+                                        Справочник API
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        Tutorials
+                                        Учебные материалы
                                     </a>
                                 </li>
                                 <li>
                                     <a href="#" class="footer-link text-gray-400 hover:text-white">
-                                        Blog
+                                        Блог
                                     </a>
                                 </li>
                             </ul>
@@ -116,18 +115,18 @@ class CustomFooter extends HTMLElement {
                         
                         <!-- Newsletter -->
                         <div>
-                            <h4 class="text-lg font-bold mb-6">Cosmic Updates</h4>
+                            <h4 class="text-lg font-bold mb-6">Космические обновления</h4>
                             <p class="text-gray-400 mb-4">
-                                Subscribe to receive mystical insights and cosmic discoveries.
+                                Подпишитесь, чтобы получать мистические инсайты и космические открытия.
                             </p>
                             <div class="flex flex-col space-y-3">
                                 <input 
                                     type="email" 
-                                    placeholder="Your email address" 
+                                    placeholder="Ваш email адрес" 
                                     class="px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20"
                                 >
                                 <button class="px-6 py-3 bg-gradient-to-r from-primary-500 to-secondary-500 hover:from-primary-600 hover:to-secondary-600 rounded-lg font-semibold transition-all duration-300">
-                                    Subscribe
+                                    Подписаться
                                 </button>
                             </div>
                         </div>
@@ -137,24 +136,24 @@ class CustomFooter extends HTMLElement {
                     <div class="pt-8 border-t border-gray-800">
                         <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
                             <div class="text-gray-500 text-sm">
-                                © 2024 MysticVibe Explorer. All cosmic rights reserved.
+                                © 2024 MysticVibe Explorer. Все космические права защищены.
                             </div>
                             <div class="flex space-x-6 text-sm">
                                 <a href="#" class="footer-link text-gray-500 hover:text-white">
-                                    Privacy Policy
+                                    Политика конфиденциальности
                                 </a>
                                 <a href="#" class="footer-link text-gray-500 hover:text-white">
-                                    Terms of Service
+                                    Условия использования
                                 </a>
                                 <a href="#" class="footer-link text-gray-500 hover:text-white">
-                                    Cookie Policy
+                                    Политика cookie
                                 </a>
                             </div>
                         </div>
                     </div>
                 </div>
             </footer>
-        `;
+`;
         
         // Initialize Feather Icons in shadow DOM
         setTimeout(() => {

components/navigation.js

@@ -28,7 +28,6 @@ class CustomNavigation extends HTMLElement {
                     background: linear-gradient(to right, #0ea5e9, #d946ef);
                     transition: width 0.3s ease;
                 }
-                
                 .nav-link:hover::after {
                     width: 100%;
                 }
@@ -36,8 +35,7 @@ class CustomNavigation extends HTMLElement {
                 .mobile-menu {
                     transition: all 0.3s ease;
                 }
-                
-                @media (max-width: 768px) {
+@media (max-width: 768px) {
                     .mobile-menu {
                         position: fixed;
                         top: 0;
@@ -70,26 +68,26 @@ class CustomNavigation extends HTMLElement {
                         <div class="hidden md:flex items-center space-x-6">
                             <a href="#explore" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-200">
                                 <i data-feather="compass" class="w-4 h-4 inline mr-2"></i>
-                                Explore
+                                Исследовать
                             </a>
                             <a href="#insights" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-200">
                                 <i data-feather="eye" class="w-4 h-4 inline mr-2"></i>
-                                Insights
+                                Инсайты
                             </a>
                             <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-200">
                                 <i data-feather="book" class="w-4 h-4 inline mr-2"></i>
-                                Research Papers
+                                Научные статьи
                             </a>
                             <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-200">
                                 <i data-feather="users" class="w-4 h-4 inline mr-2"></i>
-                                Research Team
+                                Команда исследователей
                             </a>
                             <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-lg hover:bg-gray-800/50 transition-all duration-200">
                                 <i data-feather="bar-chart-2" class="w-4 h-4 inline mr-2"></i>
-                                Data Portal
+                                Портал данных
                             </a>
 <button class="px-5 py-2 bg-gradient-to-r from-primary-500 to-secondary-500 hover:from-primary-600 hover:to-secondary-600 rounded-full font-medium text-sm transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-primary-500/30">
-                                Join Exploration
+                                Присоединиться к исследованию
                             </button>
                         </div>
                         <!-- Mobile Menu Button -->
@@ -108,28 +106,28 @@ class CustomNavigation extends HTMLElement {
                         <div class="flex flex-col items-center space-y-6 w-full px-6">
                             <a href="#explore" class="text-xl font-medium text-gray-300 hover:text-white transition-colors w-full py-4 border-b border-gray-800 text-center">
                                 <i data-feather="compass" class="w-5 h-5 inline mr-3"></i>
-                                Explore
+                                Исследовать
                             </a>
                             <a href="#insights" class="text-xl font-medium text-gray-300 hover:text-white transition-colors w-full py-4 border-b border-gray-800 text-center">
                                 <i data-feather="eye" class="w-5 h-5 inline mr-3"></i>
-                                Insights
+                                Инсайты
                             </a>
                             <a href="#" class="text-xl font-medium text-gray-300 hover:text-white transition-colors w-full py-4 border-b border-gray-800 text-center">
                                 <i data-feather="book" class="w-5 h-5 inline mr-3"></i>
-                                Library
+                                Библиотека
                             </a>
                             <a href="#" class="text-xl font-medium text-gray-300 hover:text-white transition-colors w-full py-4 border-b border-gray-800 text-center">
                                 <i data-feather="users" class="w-5 h-5 inline mr-3"></i>
-                                Community
+                                Сообщество
                             </a>
                             <button class="w-full mt-4 px-6 py-3 bg-gradient-to-r from-primary-500 to-secondary-500 hover:from-primary-600 hover:to-secondary-600 rounded-lg font-medium transition-all duration-300">
-                                Join Exploration
+                                Присоединиться к исследованию
                             </button>
                         </div>
 </div>
                 </div>
             </nav>
-        `;
+`;
         
         // Initialize Feather Icons in shadow DOM
         setTimeout(() => {

index.html

@@ -3,11 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MysticVibe Explorer 🌀 - Discover the Unseen</title>
+    <title>MysticVibe Explorer 🌀 - Откройте для себя невидимое</title>
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <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>
+<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script>
         tailwind.config = {
@@ -48,7 +48,6 @@
     <!-- Navigation Component -->
     <script src="components/navigation.js"></script>
     <custom-navigation></custom-navigation>
-
     <!-- Hero Section -->
     <main class="container mx-auto px-4 py-12 md:py-20">
         <div class="max-w-6xl mx-auto">
@@ -57,15 +56,15 @@
                         MysticVibe Explorer 🌀
                     </h1>
                     <p class="text-xl md:text-2xl text-gray-300 mb-10 max-w-3xl mx-auto">
-                        Unlock the secrets of the cosmos with our interactive exploration tools. 
-                        Discover celestial patterns, quantum phenomena, and mystical energies.
+                        Раскройте тайны космоса с помощью наших интерактивных инструментов исследования. 
+                        Откройте для себя небесные узоры, квантовые явления и мистические энергии.
                     </p>
 <div class="flex flex-wrap justify-center gap-4">
                     <a href="#explore" class="px-8 py-4 bg-gradient-to-r from-primary-500 to-secondary-500 hover:from-primary-600 hover:to-secondary-600 rounded-full font-semibold text-lg transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-xl">
-                        <i data-feather="compass" class="inline mr-2"></i> Start Exploring
+                        <i data-feather="compass" class="inline mr-2"></i> Начать исследование
                     </a>
                     <a href="#insights" class="px-8 py-4 bg-gray-800 hover:bg-gray-700 border border-gray-700 rounded-full font-semibold text-lg transition-all duration-300 transform hover:scale-105">
-                        <i data-feather="eye" class="inline mr-2"></i> View Insights
+                        <i data-feather="eye" class="inline mr-2"></i> Просмотр инсайтов
                     </a>
                 </div>
             </div>
@@ -74,7 +73,7 @@
             <section id="explore" class="mb-20">
                 <h2 class="text-3xl md:text-4xl font-bold mb-10 text-center">
                     <i data-feather="star" class="inline mr-3 text-yellow-400"></i>
-                    Cosmic Insights of the Day
+                    Космические инсайты дня
                 </h2>
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                     <!-- Insight Card 1 -->
@@ -84,16 +83,16 @@
                                     <i data-feather="moon" class="w-6 h-6"></i>
                                 </div>
                                 <div class="ml-4">
-                                    <h3 class="text-xl font-bold">Lunar Alignments</h3>
-                                    <p class="text-gray-400 text-sm">Celestial Synchronization</p>
+                                    <h3 class="text-xl font-bold">Лунные выравнивания</h3>
+                                    <p class="text-gray-400 text-sm">Небесная синхронизация</p>
                                 </div>
                             </div>
                             <p class="text-gray-300 mb-6">
-                                Explore how lunar phases influence energy fields and spiritual connections. 
-                                Our research reveals 8 distinct patterns of lunar impact.
+                                Исследуйте, как лунные фазы влияют на энергетические поля и духовные связи. 
+                                Наши исследования выявляют 8 различных паттернов лунного влияния.
                             </p>
 <div class="flex justify-between items-center">
-                            <span class="text-primary-400 font-semibold">Active Research</span>
+                            <span class="text-primary-400 font-semibold">Активное исследование</span>
                             <button class="text-secondary-400 hover:text-secondary-300 transition-colors">
                                 <i data-feather="arrow-right" class="w-5 h-5"></i>
                             </button>
@@ -107,16 +106,16 @@
                                     <i data-feather="wind" class="w-6 h-6"></i>
                                 </div>
                                 <div class="ml-4">
-                                    <h3 class="text-xl font-bold">Quantum Resonance</h3>
-                                    <p class="text-gray-400 text-sm">Interdimensional Phenomena</p>
+                                    <h3 class="text-xl font-bold">Квантовый резонанс</h3>
+                                    <p class="text-gray-400 text-sm">Межпространственные явления</p>
                                 </div>
                             </div>
                             <p class="text-gray-300 mb-6">
-                                Our quantum sensors detect multidimensional vibrations across 12 frequencies. 
-                                These form the foundation of our reality's holographic nature.
+                                Наши квантовые датчики обнаруживают многомерные вибрации по 12 частотам. 
+                                Они формируют основу голографической природы нашей реальности.
                             </p>
 <div class="flex justify-between items-center">
-                            <span class="text-secondary-400 font-semibold">New Discovery</span>
+                            <span class="text-secondary-400 font-semibold">Новое открытие</span>
                             <button class="text-primary-400 hover:text-primary-300 transition-colors">
                                 <i data-feather="arrow-right" class="w-5 h-5"></i>
                             </button>
@@ -130,16 +129,16 @@
                                     <i data-feather="zap" class="w-6 h-6"></i>
                                 </div>
                                 <div class="ml-4">
-                                    <h3 class="text-xl font-bold">Plasma Vortices</h3>
-                                    <p class="text-gray-400 text-sm">Energy Dynamics</p>
+                                    <h3 class="text-xl font-bold">Плазменные вихри</h3>
+                                    <p class="text-gray-400 text-sm">Динамика энергии</p>
                                 </div>
                             </div>
                             <p class="text-gray-300 mb-6">
-                                Cosmic plasma formations create energy vortices that influence consciousness. 
-                                We've mapped over 200 active vortex points globally.
+                                Космические плазменные образования создают энергетические вихри, влияющие на сознание. 
+                                Мы нанесли на карту более 200 активных точек вихрей по всему миру.
                             </p>
 <div class="flex justify-between items-center">
-                            <span class="text-primary-300 font-semibold">Ongoing Study</span>
+                            <span class="text-primary-300 font-semibold">Текущее исследование</span>
                             <button class="text-secondary-300 hover:text-secondary-200 transition-colors">
                                 <i data-feather="arrow-right" class="w-5 h-5"></i>
                             </button>
@@ -154,46 +153,46 @@
                     <div class="flex flex-col lg:flex-row items-center justify-between gap-8">
                         <div class="lg:w-1/2">
                             <h2 class="text-3xl md:text-4xl font-bold mb-6">
-                                Interactive Cosmic Explorer
+                                Интерактивный космический исследователь
                             </h2>
                             <p class="text-gray-300 mb-8 text-lg">
-                                Our advanced algorithms analyze cosmic energy patterns in real-time. 
-                                Receive personalized mystical insights based on planetary alignments and quantum fluctuations.
+                                Наши передовые алгоритмы анализируют космические энергетические паттерны в реальном времени. 
+                                Получайте персонализированные мистические инсайты на основе планетарных выравниваний и квантовых флуктуаций.
 </p>
                             <div class="space-y-4">
                                 <div class="flex items-center">
                                     <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3"></i>
-                                    <span class="text-gray-200">Real-time cosmic data analysis</span>
+                                    <span class="text-gray-200">Анализ космических данных в реальном времени</span>
                                 </div>
                                 <div class="flex items-center">
                                     <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3"></i>
-                                    <span class="text-gray-200">Personalized mystical insights</span>
+                                    <span class="text-gray-200">Персонализированные мистические инсайты</span>
                                 </div>
                                 <div class="flex items-center">
                                     <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3"></i>
-                                    <span class="text-gray-200">Interactive 3D visualizations</span>
+                                    <span class="text-gray-200">Интерактивные 3D визуализации</span>
                                 </div>
                             </div>
                             <button id="generateInsight" class="mt-8 px-8 py-4 bg-gradient-to-r from-primary-600 to-secondary-600 hover:from-primary-700 hover:to-secondary-700 rounded-full font-semibold text-lg transition-all duration-300 transform hover:scale-105">
-                                <i data-feather="refresh-cw" class="inline mr-2"></i> Generate New Insight
+                                <i data-feather="refresh-cw" class="inline mr-2"></i> Сгенерировать новый инсайт
                             </button>
                         </div>
                         <div class="lg:w-1/2">
                             <div class="bg-gray-900 rounded-2xl p-6 border border-gray-700">
                                 <div class="flex justify-between items-center mb-6">
-                                    <h3 class="text-xl font-bold">Current Insight</h3>
-                                    <span class="text-xs px-3 py-1 bg-primary-500/20 text-primary-300 rounded-full">Live</span>
+                                    <h3 class="text-xl font-bold">Текущий инсайт</h3>
+                                    <span class="text-xs px-3 py-1 bg-primary-500/20 text-primary-300 rounded-full">В реальном времени</span>
                                 </div>
                                 <div id="insightDisplay" class="text-center py-8">
                                     <div class="text-6xl mb-4">🌀</div>
                                     <p class="text-gray-300 text-lg">
-                                    Current cosmic alignment indicates peak manifestation energy (87% intensity). 
-                                    The Jupiter-Pluto conjunction amplifies transformation potential.
+                                    Текущее космическое выравнивание указывает на пиковую энергию проявления (87% интенсивности). 
+                                    Соединение Юпитера и Плутона усиливает потенциал трансформации.
 </p>
                                 </div>
                                 <div class="text-center text-gray-400 text-sm">
                                     <i data-feather="clock" class="inline w-4 h-4 mr-1"></i>
-                                    Updated just now
+                                    Обновлено только что
                                 </div>
                             </div>
                         </div>
@@ -205,55 +204,55 @@
             <section class="mb-20">
                 <h2 class="text-3xl md:text-4xl font-bold mb-10 text-center">
                     <i data-feather="image" class="inline mr-3 text-purple-400"></i>
-                    Mystical Visual Gallery
+                    Мистическая визуальная галерея
                 </h2>
                 <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/abstract/640x360/1" alt="Quantum Field Pattern" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/abstract/640x360/1" alt="Квантовое поле" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Torus Field (Type-3)</span>
+                            <span class="text-white font-semibold">Тороидальное поле (Тип-3)</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/blue/640x360/2" alt="Plasma Vortex" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/blue/640x360/2" alt="Плазменный вихрь" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Ionized Plasma Vortex</span>
+                            <span class="text-white font-semibold">Ионизированный плазменный вихрь</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/gradient/640x360/3" alt="Ley Lines" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/gradient/640x360/3" alt="Лей-линии" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Earth Energy Grid</span>
+                            <span class="text-white font-semibold">Энергетическая сетка Земли</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/black/640x360/4" alt="Dark Matter Web" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/black/640x360/4" alt="Сеть темной материи" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Dark Matter Network</span>
+                            <span class="text-white font-semibold">Сеть темной материи</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/space/640x360/5" alt="Nebula Formation" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/space/640x360/5" alt="Формирование туманности" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Stellar Nursery</span>
+                            <span class="text-white font-semibold">Звездная колыбель</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/energy/640x360/6" alt="Energy Portal" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/energy/640x360/6" alt="Энергетальный портал" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Dimensional Gateway</span>
+                            <span class="text-white font-semibold">Межпространственные врата</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/quantum/640x360/7" alt="Quantum Strings" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/quantum/640x360/7" alt="Квантовые струны" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Quantum Strings</span>
+                            <span class="text-white font-semibold">Квантовые струны</span>
                         </div>
                     </div>
                     <div class="relative overflow-hidden rounded-xl group cursor-pointer">
-                        <img src="http://static.photos/light/640x360/8" alt="Light Codes" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
+                        <img src="http://static.photos/light/640x360/8" alt="Световые коды" class="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-500">
                         <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                            <span class="text-white font-semibold">Sacred Geometry</span>
+                            <span class="text-white font-semibold">Священная геометрия</span>
                         </div>
                     </div>
                 </div>
@@ -265,38 +264,37 @@
         <div class="container mx-auto px-4">
             <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center">
                 <i data-feather="users" class="inline mr-3 text-primary-400"></i>
-                Our Cosmic Research Team
+                Наша космическая исследовательская команда
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                 <div class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 border border-gray-700 hover:border-primary-500 transition-all duration-300 text-center">
-                    <img src="http://static.photos/people/200x200/1" alt="Dr. Elena Marquez" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-primary-500">
-                    <h3 class="text-xl font-bold mb-1">Dr. Elena Marquez</h3>
-                    <p class="text-primary-400 text-sm mb-4">Quantum Physicist</p>
-                    <p class="text-gray-300 text-sm">Specializes in interdimensional quantum field theory and consciousness studies.</p>
+                    <img src="http://static.photos/people/200x200/1" alt="Д-р Элена Маркес" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-primary-500">
+                    <h3 class="text-xl font-bold mb-1">Д-р Элена Маркес</h3>
+                    <p class="text-primary-400 text-sm mb-4">Квантовый физик</p>
+                    <p class="text-gray-300 text-sm">Специализируется на межпространственной квантовой теории поля и исследованиях сознания.</p>
                 </div>
                 <div class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 border border-gray-700 hover:border-secondary-500 transition-all duration-300 text-center">
-                    <img src="http://static.photos/people/200x200/2" alt="Prof. Arjun Patel" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-secondary-500">
-                    <h3 class="text-xl font-bold mb-1">Prof. Arjun Patel</h3>
-                    <p class="text-secondary-400 text-sm mb-4">Astrophysicist</p>
-                    <p class="text-gray-300 text-sm">Studies cosmic plasma formations and their effects on human biofields.</p>
+                    <img src="http://static.photos/people/200x200/2" alt="Проф. Арджун Патель" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-secondary-500">
+                    <h3 class="text-xl font-bold mb-1">Проф. Арджун Патель</h3>
+                    <p class="text-secondary-400 text-sm mb-4">Астрофизик</p>
+                    <p class="text-gray-300 text-sm">Изучает космические плазменные образования и их влияние на биополя человека.</p>
                 </div>
                 <div class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 border border-gray-700 hover:border-primary-500 transition-all duration-300 text-center">
-                    <img src="http://static.photos/people/200x200/3" alt="Dr. Sofia Chen" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-primary-500">
-                    <h3 class="text-xl font-bold mb-1">Dr. Sofia Chen</h3>
-                    <p class="text-primary-400 text-sm mb-4">Mystical Anthropologist</p>
-                    <p class="text-gray-300 text-sm">Researches ancient cosmic knowledge and its modern applications.</p>
+                    <img src="http://static.photos/people/200x200/3" alt="Д-р София Чен" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-primary-500">
+                    <h3 class="text-xl font-bold mb-1">Д-р София Чен</h3>
+                    <p class="text-primary-400 text-sm mb-4">Мистический антрополог</p>
+                    <p class="text-gray-300 text-sm">Исследует древние космические знания и их современные применения.</p>
                 </div>
                 <div class="bg-gray-800/50 backdrop-blur-sm rounded-2xl p-6 border border-gray-700 hover:border-secondary-500 transition-all duration-300 text-center">
-                    <img src="http://static.photos/people/200x200/4" alt="Dr. Kwame Johnson" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-secondary-500">
-                    <h3 class="text-xl font-bold mb-1">Dr. Kwame Johnson</h3>
-                    <p class="text-secondary-400 text-sm mb-4">Bioenergetics Specialist</p>
-                    <p class="text-gray-300 text-sm">Studies human energy fields in relation to cosmic phenomena.</p>
+                    <img src="http://static.photos/people/200x200/4" alt="Д-р Кваме Джонсон" class="w-24 h-24 rounded-full mx-auto mb-4 border-2 border-secondary-500">
+                    <h3 class="text-xl font-bold mb-1">Д-р Кваме Джонсон</h3>
+                    <p class="text-secondary-400 text-sm mb-4">Специалист по биоэнергетике</p>
+                    <p class="text-gray-300 text-sm">Изучает энергетические поля человека в связи с космическими явлениями.</p>
                 </div>
             </div>
         </div>
     </section>
-
-    <!-- Footer Component -->
+<!-- Footer Component -->
     <script src="components/footer.js"></script>
     <custom-footer></custom-footer>
 <!-- Scripts -->