diff --git a/begushiybashkir/bbvue/src/App.vue b/begushiybashkir/bbvue/src/App.vue
index 7dc525a..74de4ad 100644
--- a/begushiybashkir/bbvue/src/App.vue
+++ b/begushiybashkir/bbvue/src/App.vue
@@ -17,71 +17,12 @@
           </div>
         </router-link>
 
-        <!-- Бургер-меню для всех устройств -->
-        <div class="burger-menu-container">
-          <button class="burger-menu" :class="{ 'active': isMobileMenuOpen }" @click="toggleMobileMenu"
-            aria-label="Открыть меню">
-            <span></span>
-            <span></span>
-            <span></span>
-          </button>
-
-          <!-- Выпадающее меню -->
-          <div class="dropdown-menu" :class="{ 'active': isMobileMenuOpen }" ref="dropdownMenu">
-            <nav class="dropdown-nav">
-              <div class="mobile-menu-header">
-                <div class="mobile-logo">
-                  <img src="./assets/logo/Logo.png" alt="Little logo begushiy bashkir" class="little-logo">
-                  <span>Бегущий Башкир</span>
-                </div>
-                <button class="close-menu" @click="closeMobileMenu" aria-label="Закрыть меню">
-                  ×
-                </button>
-              </div>
-              
-              <div class="dropdown-nav-content">
-                <router-link to="/" class="dropdown-nav-link" @click="closeMobileMenu">
-                  🏠 Главная
-                </router-link>
-                <router-link to="/about" class="dropdown-nav-link" @click="closeMobileMenu">
-                  👥 О нас
-                </router-link>
-                <router-link to="/achievements" class="dropdown-nav-link" @click="closeMobileMenu">
-                  🏆 Достижения
-                </router-link>
-                <router-link to="/gallery" class="dropdown-nav-link" @click="closeMobileMenu">
-                  📸 Галерея
-                </router-link>
-                <router-link to="/training" class="dropdown-nav-link" @click="closeMobileMenu">
-                  📅 Тренировки
-                </router-link>
-                <router-link to="/news" class="dropdown-nav-link" @click="closeMobileMenu">
-                  📰 Новости
-                </router-link>
-                <router-link to="/members" class="dropdown-nav-link" @click="closeMobileMenu">
-                  👥 Участники
-                </router-link>
-                <router-link to="/reviews" class="dropdown-nav-link" @click="closeMobileMenu">
-                  ⭐ Отзывы
-                </router-link>
-                <div class="dropdown-divider"></div>
-                <router-link to="/register" class="dropdown-nav-link accent" @click="closeMobileMenu">
-                  📝 Регистрация
-                </router-link>
-                <router-link to="/login" class="dropdown-nav-link accent" @click="closeMobileMenu">
-                  🔐 Войти
-                </router-link>
-              </div>
-            </nav>
-          </div>
-        </div>
+        <!-- Используем компонент меню -->
+        <NavigationMenu />
       </div>
     </header>
 
-    <!-- Оверлей для мобильных -->
-    <div class="mobile-overlay" :class="{ 'active': isMobileMenuOpen }" @click="closeMobileMenu"></div>
-
-    <main class="main-content" :class="{ 'menu-open': isMobileMenuOpen }">
+    <main class="main-content">
       <router-view />
     </main>
 
@@ -95,78 +36,18 @@
 </template>
 
 <script>
+import NavigationMenu from './components/NavigationMenu.vue'
+
 export default {
   name: 'App',
-  data() {
-    return {
-      isMobileMenuOpen: false
-    }
-  },
-  methods: {
-    toggleMobileMenu() {
-      this.isMobileMenuOpen = !this.isMobileMenuOpen
-      // Блокируем скролл body когда меню открыто на мобильных
-      if (window.innerWidth <= 767) {
-        document.body.style.overflow = this.isMobileMenuOpen ? 'hidden' : ''
-      }
-    },
-    closeMobileMenu() {
-      this.isMobileMenuOpen = false
-      document.body.style.overflow = ''
-    },
-    handleClickOutside(event) {
-      if (!event.target.closest('.burger-menu-container') && 
-          !event.target.closest('.dropdown-menu') && 
-          this.isMobileMenuOpen) {
-        this.closeMobileMenu()
-      }
-    },
-    handleEscapeKey(event) {
-      if (event.key === 'Escape' && this.isMobileMenuOpen) {
-        this.closeMobileMenu()
-      }
-    },
-    handleResize() {
-      // Закрываем мобильное меню при переходе на десктоп
-      if (window.innerWidth > 767 && this.isMobileMenuOpen) {
-        this.closeMobileMenu()
-      }
-    },
-    handleTouchMove(event) {
-      // Обработка свайпа для закрытия меню на мобильных
-      if (this.isMobileMenuOpen && window.innerWidth <= 767) {
-        const touch = event.touches[0]
-        const startX = touch.clientX
-        const menu = this.$refs.dropdownMenu
-        
-        if (menu && startX < window.innerWidth * 0.3) {
-          event.preventDefault()
-          this.closeMobileMenu()
-        }
-      }
-    }
-  },
-  mounted() {
-    document.addEventListener('click', this.handleClickOutside)
-    document.addEventListener('keydown', this.handleEscapeKey)
-    document.addEventListener('touchmove', this.handleTouchMove, { passive: false })
-    window.addEventListener('resize', this.handleResize)
-    
-    this.$router.afterEach(() => {
-      this.closeMobileMenu()
-    })
-  },
-  beforeUnmount() {
-    document.removeEventListener('click', this.handleClickOutside)
-    document.removeEventListener('keydown', this.handleEscapeKey)
-    document.removeEventListener('touchmove', this.handleTouchMove)
-    window.removeEventListener('resize', this.handleResize)
-    document.body.style.overflow = '' // Восстанавливаем скролл при размонтировании
+  components: {
+    NavigationMenu
   }
 }
 </script>
 
 <style>
+/* Остальные стили остаются без изменений */
 * {
   margin: 0;
   padding: 0;
@@ -242,204 +123,10 @@ body {
   margin-bottom: 0.2rem;
 }
 
-/* Burger Menu Container */
-.burger-menu-container {
-  position: relative;
-  z-index: 1001;
-}
-
-/* Burger Menu Button */
-.burger-menu {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 30px;
-  height: 21px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  position: relative;
-  transition: transform 0.3s ease;
-}
-
-.burger-menu:hover {
-  transform: scale(1.1);
-}
-
-.burger-menu span {
-  display: block;
-  height: 3px;
-  width: 100%;
-  background-color: white;
-  border-radius: 3px;
-  transition: all 0.3s ease;
-  transform-origin: center;
-}
-
-.burger-menu.active span:nth-child(1) {
-  transform: rotate(45deg) translate(6px, 6px);
-}
-
-.burger-menu.active span:nth-child(2) {
-  opacity: 0;
-}
-
-.burger-menu.active span:nth-child(3) {
-  transform: rotate(-45deg) translate(6px, -6px);
-}
-
-/* Dropdown Menu */
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  background: white;
-  border-radius: 12px;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
-  min-width: 280px;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-10px);
-  transition: all 0.3s ease;
-  border: 1px solid #e9ecef;
-  margin-top: 10px;
-  max-height: 80vh; /* Ограничиваем высоту на десктопе */
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.dropdown-menu.active {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.dropdown-nav {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.mobile-menu-header {
-  display: none; /* Скрываем на десктопе */
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 1.5rem;
-  background: #2e8b57;
-  color: white;
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-}
-
-.mobile-logo {
-  display: flex;
-  align-items: center;
-  gap: 0.8rem;
-  font-weight: bold;
-}
-
-.mobile-logo .little-logo {
-  width: 2rem;
-  height: 2rem;
-}
-
-.close-menu {
-  display: none; /* Скрываем на десктопе */
-  background: none;
-  border: none;
-  color: white;
-  font-size: 2rem;
-  cursor: pointer;
-  width: 40px;
-  height: 40px;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  transition: background-color 0.3s ease;
-}
-
-.close-menu:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-.dropdown-nav-content {
-  flex: 1;
-  padding: 1rem 0;
-  overflow-y: auto; /* Включаем скролл при необходимости */
-}
-
-.dropdown-nav-link {
-  display: flex;
-  align-items: center;
-  padding: 1rem 1.5rem;
-  color: #333;
-  text-decoration: none;
-  transition: all 0.3s ease;
-  font-size: 1rem;
-  border-left: 3px solid transparent;
-  white-space: nowrap;
-}
-
-.dropdown-nav-link:hover {
-  background-color: #f8fff8;
-  color: #2e8b57;
-  border-left-color: #2e8b57;
-  padding-left: 2rem;
-}
-
-.dropdown-nav-link.router-link-active {
-  background-color: #f0f8f0;
-  color: #2e8b57;
-  border-left-color: #2e8b57;
-  font-weight: 600;
-}
-
-.dropdown-nav-link.accent {
-  background-color: #f8fff8;
-  color: #2e8b57;
-  font-weight: 600;
-}
-
-.dropdown-nav-link.accent:hover {
-  background-color: #2e8b57;
-  color: white;
-}
-
-.dropdown-divider {
-  height: 1px;
-  background: #e9ecef;
-  margin: 0.5rem 1.5rem;
-}
-
-/* Mobile Overlay */
-.mobile-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.5);
-  opacity: 0;
-  visibility: hidden;
-  transition: all 0.3s ease;
-  z-index: 998;
-}
-
-.mobile-overlay.active {
-  opacity: 1;
-  visibility: visible;
-}
-
 /* Main Content */
 .main-content {
   min-height: calc(100vh - 140px);
   padding: 2rem 0;
-  transition: filter 0.3s ease;
-}
-
-.main-content.menu-open {
-  filter: blur(2px);
 }
 
 /* Footer */
@@ -456,85 +143,13 @@ body {
 }
 
 /* Responsive Design */
-
-/* Desktop (1024px and above) */
-@media (min-width: 1024px) {
-  .dropdown-menu {
-    min-width: 320px;
-  }
-
-  .dropdown-nav-link {
-    padding: 1.2rem 2rem;
-    font-size: 1.1rem;
-  }
-}
-
-/* Tablet (768px - 1023px) */
 @media (max-width: 1023px) and (min-width: 768px) {
-  .dropdown-menu {
-    min-width: 300px;
-  }
-
-  .dropdown-nav-link {
-    padding: 1.1rem 1.8rem;
-    font-size: 1.05rem;
-  }
-
   .team {
     display: none;
   }
 }
 
-/* Mobile (767px and below) */
 @media (max-width: 767px) {
-  .dropdown-menu {
-    position: fixed;
-    top: 0;
-    right: -100%;
-    width: 85%;
-    max-width: 320px;
-    height: 100vh;
-    border-radius: 0;
-    margin-top: 0;
-    transition: right 0.3s ease;
-    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.3);
-    max-height: 100vh;
-    overflow: hidden;
-  }
-
-  .dropdown-menu.active {
-    right: 0;
-  }
-
-  .mobile-menu-header {
-    display: flex;
-    flex-shrink: 0;
-  }
-
-  .close-menu {
-    display: flex;
-  }
-
-  .dropdown-nav-content {
-    padding: 0;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
-  }
-
-  .dropdown-nav-link {
-    padding: 1.4rem 1.5rem;
-    font-size: 1.1rem;
-    border-left: none;
-    border-bottom: 1px solid #f0f0f0;
-  }
-
-  .dropdown-nav-link:hover,
-  .dropdown-nav-link.router-link-active {
-    border-left: none;
-    border-bottom: 1px solid #2e8b57;
-    padding-left: 1.5rem;
-  }
-
   .logo {
     font-size: 1.1rem;
   }
@@ -551,99 +166,14 @@ body {
   .container {
     padding: 0 15px;
   }
-
-  /* Отключаем скролл body когда меню открыто */
-  body.menu-open {
-    overflow: hidden;
-  }
 }
 
-/* Small Mobile (480px and below) */
-@media (max-width: 480px) {
-  .dropdown-menu {
-    width: 90%;
-    max-width: none;
-  }
-
-  .dropdown-nav-link {
-    padding: 1.3rem 1.5rem;
-    font-size: 1rem;
-  }
-
-  .logo {
-    font-size: 1rem;
-    gap: 0.3rem;
-  }
-
-  .little-logo {
-    width: 1.8rem;
-    height: 1.8rem;
-  }
-
-  .main-content {
-    padding: 1rem 0;
-  }
-
-  .mobile-menu-header {
-    padding: 1rem;
-  }
-
-  .mobile-logo {
-    font-size: 0.9rem;
-  }
-
-  .mobile-logo .little-logo {
-    width: 1.6rem;
-    height: 1.6rem;
-  }
-}
-
-/* Очень маленькие экраны (360px и меньше) */
 @media (max-width: 360px) {
-  .dropdown-menu {
-    width: 95%;
-  }
-
-  .dropdown-nav-link {
-    padding: 1.2rem 1rem;
-    font-size: 0.95rem;
-  }
-
   .logo-box:nth-child(2) {
-    display: none; /* Скрываем текст логотипа на очень маленьких экранах */
+    display: none;
   }
 }
 
-/* Large Desktop (1440px and above) */
-@media (min-width: 1440px) {
-  .dropdown-menu {
-    min-width: 350px;
-  }
-
-  .dropdown-nav-link {
-    padding: 1.3rem 2.2rem;
-    font-size: 1.15rem;
-  }
-}
-
-/* Стили для скроллбара в меню */
-.dropdown-nav-content::-webkit-scrollbar {
-  width: 4px;
-}
-
-.dropdown-nav-content::-webkit-scrollbar-track {
-  background: #f1f1f1;
-}
-
-.dropdown-nav-content::-webkit-scrollbar-thumb {
-  background: #2e8b57;
-  border-radius: 2px;
-}
-
-.dropdown-nav-content::-webkit-scrollbar-thumb:hover {
-  background: #26734a;
-}
-
 /* Button Styles */
 .btn {
   display: inline-block;
@@ -691,25 +221,4 @@ body {
   margin-bottom: 1.5rem;
   color: #666;
 }
-
-/* Анимации */
-@keyframes slideIn {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.dropdown-menu.active {
-  animation: slideIn 0.3s ease;
-}
-
-/* Поддержка свайпа */
-.dropdown-menu {
-  touch-action: pan-y;
-}
 </style>
\ No newline at end of file
diff --git a/valitovgaziz/html/images/favicon/icons8-vk-50.png b/valitovgaziz/html/images/favicon/icons8-vk-50.png
new file mode 100644
index 0000000..3081240
Binary files /dev/null and b/valitovgaziz/html/images/favicon/icons8-vk-50.png differ
diff --git a/valitovgaziz/html/images/favicon/icons8-телеграм-50.png b/valitovgaziz/html/images/favicon/icons8-телеграм-50.png
new file mode 100644
index 0000000..0318d46
Binary files /dev/null and b/valitovgaziz/html/images/favicon/icons8-телеграм-50.png differ
diff --git a/valitovgaziz/html/index.html b/valitovgaziz/html/index.html
index 1df2b5c..9610887 100644
--- a/valitovgaziz/html/index.html
+++ b/valitovgaziz/html/index.html
@@ -61,26 +61,48 @@
     ></noscript>
     <!-- /Yandex.Metrika counter -->
 
-    <header>
-      <h1>Валитов Газиз Камилевич</h1>
-      <p>Fullstack-разработчик</p>
-      <img src="" alt="" />
-      <div class="contact-info">
-        <span id="phone">+7(904)451-34-47</span>
-        <span id="email">valitovgaziz@yandex.ru</span>
-        <span id="telegram">
-          <a target="_blank" href="https://t.me/valitovgaziz">telegram</a>
-        </span>
-        <span id="city">Уфа, Россия</span>
+    <header class="hero">
+      <div class="hero-content">
+        <div class="hero-text">
+          <h1>Валитов Газиз</h1>
+          <p class="hero-subtitle">
+            Fullstack-разработчик & Основатель
+            <span class="highlight">Yalarba.ru</span>
+          </p>
+          <p class="hero-description">
+            Создаю технологические решения для туризма будущего. Ищу инвесторов
+            для масштабирования проекта <strong>Yalarba.ru</strong> — платформы,
+            которая меняет подход к путешествиям.
+          </p>
+          <div class="hero-buttons">
+            <a href="#yalarba-invest" class="btn btn-primary"
+              >Инвестировать в Yalarba</a
+            >
+            <a href="#contact" class="btn btn-secondary">Связаться со мной</a>
+          </div>
+        </div>
+      </div>
+      <div class="social_links_block">
+        <div class="social_link_block">
+          <h4>Подписывайтесь в ВК</h4>
+          <a href="https://vk.com">
+            <div class="social_link">
+              <img src="./images/favicon/icons8-vk-50.png" alt="VK - вконтакте">
+            </div>
+          </a>
+        </div>
+        <div class="social_link_block">
+          <h4>Пишите в телеграм</h4>
+          <a href="https://t.me/valitovgaziz">
+            <div class="social_link">
+              <img src="./images/favicon/icons8-телеграм-50.png" alt="телеграмм">
+            </div>
+          </a>
+        </div>
       </div>
-      <button id="saveContactBtn" onclick="saveContact()">
-        Скачать контакты
-      </button>
-      <button class="theme-toggle" onclick="toggleTheme()">
-        🌙 Темная тема
-      </button>
     </header>
 
+    <!-- ОБНОВИТЕ секцию "Обо мне" -->
     <div class="section about">
       <div class="about-valitovgaziz-photo-box">
         <img
@@ -90,40 +112,117 @@
         />
       </div>
       <div class="about-text">
-        <h2>Обо мне</h2>
+        <h2>Технический предприниматель и Fullstack-разработчик</h2>
         <p>
-          Специализируюсь на создании веб-приложений с использованием
-          современных технологий. Свой хостинг и сайты на нативном коде дают
-          преимущество в гибкой цене сайта и возможности передать исключительные
-          права владения кодом заказчику.
+          С 2017 года создаю цифровые продукты, сочетая техническую экспертизу и
+          бизнес-видение. Специализируюсь на разработке веб-приложений под ключ
+          — от идеи до масштабируемого продукта.
         </p>
 
         <p>
-          <strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
-          таланта."
+          Мой подход:
+          <strong
+            >"Технологии как инструмент для решения реальных проблем"</strong
+          >. Именно этот принцип лежит в основе моего флагманского проекта
+          <a href="https://yalarba.ru" target="_blank">Yalarba.ru</a> —
+          платформы, которая упрощает планирование путешествий и открывает новые
+          возможности для туризма.
         </p>
-        <div class="social_links_block">
-          <div class="social_link_block">
-            <h4>Подписывайтесь в ВК</h4>
-            <a href="https://vk.com">
-              <div class="social_link">
-                <span>VK</span>
-              </div>
-            </a>
+
+        <div class="entrepreneur-highlights">
+          <div class="highlight-item">
+            <h4>🎯 Техническое видение</h4>
+            <p>
+              Создаю архитектуру, которая масштабируется и адаптируется под
+              растущие потребности бизнеса
+            </p>
           </div>
-          <div class="social_link_block">
-            <h4>Пишите в телеграм</h4>
-            <a href="https://t.me/valitovgaziz">
-              <div class="social_link">
-                <span>TG</span>
-              </div>
-            </a>
+          <div class="highlight-item">
+            <h4>💡 Бизнес-ориентация</h4>
+            <p>
+              Фокусируюсь на создании ценности для пользователей и устойчивых
+              бизнес-моделях
+            </p>
           </div>
+          <div class="highlight-item">
+            <h4>🚀 Практический подход</h4>
+            <p>
+              От прототипа к продукту: быстрое тестирование гипотез и
+              итерационная разработка
+            </p>
+          </div>
+        </div>
+
+        <!-- Социальные ссылки остаются без изменений -->
+      </div>
+    </div>
+
+    <!-- ДОБАВЬТЕ эту секцию ПОСЛЕ секции "Обо мне" -->
+    <div id="yalarba-invest" class="section yalarba-section">
+      <div class="yalarba-header">
+        <h2>🚀 Yalarba.ru — Инвестиции в Travel Tech</h2>
+        <p class="yalarba-tagline">
+          Платформа для планирования путешествий нового поколения
+        </p>
+      </div>
+
+      <div class="yalarba-content">
+        <div class="yalarba-stats">
+          <div class="stat">
+            <h3>7+</h3>
+            <p>лет разработки</p>
+          </div>
+          <div class="stat">
+            <h3>3</h3>
+            <p>технологических стека</p>
+          </div>
+          <div class="stat">
+            <h3>100%</h3>
+            <p>права на код</p>
+          </div>
+        </div>
+
+        <div class="yalarba-value">
+          <h3>Почему это перспективно для инвесторов?</h3>
+          <ul>
+            <li>✅ Растущий рынок Travel Tech в России и СНГ</li>
+            <li>✅ Уникальная технологическая платформа</li>
+            <li>✅ Полные права на код и IP</li>
+            <li>✅ Опытная команда разработки</li>
+            <li>✅ Доказанная жизнеспособность концепции</li>
+          </ul>
+        </div>
+
+        <div class="investment-cta">
+          <h3>Готовы обсудить инвестиционные возможности?</h3>
+          <p>Свяжитесь для получения презентации проекта и финансовой модели</p>
+          <a href="#contact" class="btn btn-primary">Запросить презентацию</a>
         </div>
       </div>
     </div>
 
     <div class="section">
+      <div class="timeline-item">
+        <h3>Основатель и Tech Lead - Yalarba.ru</h3>
+        <p><strong>2020 — настоящее время</strong> (5+ лет)</p>
+        <p>
+          Разработка и продвижение инновационной платформы для планирования
+          путешествий с полным циклом разработки:
+        </p>
+        <ul>
+          <li>
+            Создание архитектуры микросервисов на Java Spring Boot и Golang
+          </li>
+          <li>Разработка современного фронтенда на Vue3.js</li>
+          <li>Проектирование и оптимизация баз данных PostgreSQL</li>
+          <li>Внедрение Docker и контейнеризации для масштабирования</li>
+          <li>Управление проектом, планирование развития продукта</li>
+        </ul>
+        <p>
+          <strong>Ключевое достижение:</strong> Создание работающего продукта с
+          потенциалом масштабирования на рынок Travel Tech.
+        </p>
+      </div>
       <h2>Опыт работы</h2>
       <div class="timeline">
         <div class="timeline-item">
@@ -224,7 +323,7 @@
         <div class="timeline-item">
           <h3>МТИ - Московский технлогический институт.</h3>
           <p>Разработка программиного обеспечения</p>
-          <p><strong>2025 - продаолжаю обучаться</strong></p>
+          <p><strong>2025 - ></strong></p>
         </div>
       </div>
     </div>
@@ -317,6 +416,10 @@
       </ul>
     </div>
 
+
+    <button id="backToTop" class="back-to-top">↑ddsfdf</button>
+
+
     <footer>
       <div class="footer-links">
         <div class="footer-box footer-link">Vacation</div>
diff --git a/valitovgaziz/html/scripts.js b/valitovgaziz/html/scripts.js
index a986b6d..f681a40 100644
--- a/valitovgaziz/html/scripts.js
+++ b/valitovgaziz/html/scripts.js
@@ -32,3 +32,45 @@ END:VCARD`;
     // Освобождаем память
     URL.revokeObjectURL(url);
 }
+
+// ДОБАВЬТЕ В scripts.js
+document.addEventListener('DOMContentLoaded', function() {
+    // Плавная прокрутка для якорных ссылок
+    const anchorLinks = document.querySelectorAll('a[href^="#"]');
+    
+    anchorLinks.forEach(link => {
+        link.addEventListener('click', function(e) {
+            e.preventDefault();
+            
+            const targetId = this.getAttribute('href');
+            if (targetId === '#') return;
+            
+            const targetElement = document.querySelector(targetId);
+            if (targetElement) {
+                window.scrollTo({
+                    top: targetElement.offsetTop - 20,
+                    behavior: 'smooth'
+                });
+            }
+        });
+    });
+});
+
+// ДОБАВЬТЕ В scripts.js
+// Кнопка "Наверх"
+const backToTopButton = document.getElementById('backToTop');
+
+window.addEventListener('scroll', function() {
+    if (window.pageYOffset > 300) {
+        backToTopButton.classList.add('visible');
+    } else {
+        backToTopButton.classList.remove('visible');
+    }
+});
+
+backToTopButton.addEventListener('click', function() {
+    window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+    });
+});
\ No newline at end of file
diff --git a/valitovgaziz/html/style.css b/valitovgaziz/html/style.css
index c4c8d09..3358464 100644
--- a/valitovgaziz/html/style.css
+++ b/valitovgaziz/html/style.css
@@ -2,6 +2,9 @@
 @import url("darkTheme.css");
 @import url("./style/about.css");
 @import url("./style/social_link.css");
+@import url("./style/hero_section.css");
+@import url("./style/yalarba_investmen.css");
+@import url("./style/up_button.css");
 
 :root {
   --primary: #2c3e50;
diff --git a/valitovgaziz/html/style/hero_section.css b/valitovgaziz/html/style/hero_section.css
new file mode 100644
index 0000000..426a619
--- /dev/null
+++ b/valitovgaziz/html/style/hero_section.css
@@ -0,0 +1,98 @@
+/* Hero Section Styles */
+.hero {
+    background: linear-gradient(135deg, var(--primary) 0%, #1a535c 100%);
+    color: white;
+    padding: 4rem 2rem;
+    margin-bottom: 2rem;
+    border-radius: 10px;
+}
+
+.hero-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 3rem;
+}
+
+.hero-text {
+    flex: 1;
+}
+
+.hero-subtitle {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+}
+
+.highlight {
+    color: #ffd166; /* Яркий акцентный цвет */
+}
+
+.hero-description {
+    font-size: 1.1rem;
+    margin-bottom: 2rem;
+    line-height: 1.6;
+}
+
+.hero-buttons {
+    display: flex;
+    gap: 1rem;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.btn {
+    display: inline-block;
+    padding: 0.8rem 1.5rem;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+    transition: all 0.3s ease;
+}
+
+.btn-primary {
+    background-color: var(--secondary);
+    color: white;
+}
+
+.btn-primary:hover {
+    background-color: #2980b9;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+
+.btn-secondary {
+    background-color: transparent;
+    color: white;
+    border: 2px solid white;
+}
+
+.btn-secondary:hover {
+    background-color: white;
+    color: var(--primary);
+}
+
+.hero-image {
+    flex: 0 0 300px;
+    text-align: center;
+}
+
+.hero-image img {
+    width: 100%;
+    max-width: 300px;
+    border-radius: 10px;
+    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+}
+
+/* Адаптивность для героя */
+@media (max-width: 768px) {
+    .hero-content {
+        flex-direction: column;
+        text-align: center;
+    }
+    
+    .hero-buttons {
+        justify-content: center;
+    }
+}
\ No newline at end of file
diff --git a/valitovgaziz/html/style/social_link.css b/valitovgaziz/html/style/social_link.css
index 7933d2a..c6a6927 100644
--- a/valitovgaziz/html/style/social_link.css
+++ b/valitovgaziz/html/style/social_link.css
@@ -21,14 +21,11 @@
 }
 
 .social_link {
-  border: 1px solid;
-  border-radius: 15%;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: #92e6a8;
 
   -webkit-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
diff --git a/valitovgaziz/html/style/up_button.css b/valitovgaziz/html/style/up_button.css
new file mode 100644
index 0000000..c255e6d
--- /dev/null
+++ b/valitovgaziz/html/style/up_button.css
@@ -0,0 +1,26 @@
+/* CSS для кнопки "Наверх" */
+.back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background-color: var(--secondary);
+    color: white;
+    border: none;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    font-size: 1.2rem;
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 0.3s, transform 0.3s;
+    z-index: 1000;
+}
+
+.back-to-top.visible {
+    opacity: 1; 
+}
+
+.back-to-top:hover {
+    transform: translateY(-3px);
+    background-color: #2980b9;
+}
\ No newline at end of file
diff --git a/valitovgaziz/html/style/yalarba_investmen.css b/valitovgaziz/html/style/yalarba_investmen.css
new file mode 100644
index 0000000..a1af79f
--- /dev/null
+++ b/valitovgaziz/html/style/yalarba_investmen.css
@@ -0,0 +1,53 @@
+/* Yalarba Investment Section */
+.yalarba-section {
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border-left: 5px solid var(--secondary);
+}
+
+.yalarba-header {
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.yalarba-tagline {
+    font-size: 1.2rem;
+    color: var(--primary);
+    font-style: italic;
+}
+
+.yalarba-stats {
+    display: flex;
+    justify-content: space-around;
+    margin: 2rem 0;
+    flex-wrap: wrap;
+}
+
+.stat {
+    text-align: center;
+    padding: 1rem;
+}
+
+.stat h3 {
+    font-size: 2.5rem;
+    color: var(--secondary);
+    margin: 0;
+}
+
+.yalarba-value ul {
+    list-style: none;
+    padding: 0;
+}
+
+.yalarba-value li {
+    padding: 0.5rem 0;
+    font-size: 1.1rem;
+}
+
+.investment-cta {
+    text-align: center;
+    margin-top: 2rem;
+    padding: 2rem;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
\ No newline at end of file