modified: main_dc/yalarba/easySite/easySite/app/components/layout/Header.vue

modified:   main_dc/yalarba/easySite/easySite/app/pages/index.vue
set main page tite

main_dc/yalarba/easySite/easySite/app/components/layout/Header.vue

@@ -14,6 +14,7 @@
         <div class="hamburger-nav">
           <HamburgerMenu />
         </div>
+
       </div>
     </div>
   </header>
@@ -89,16 +90,16 @@ import HamburgerMenu from '~/components/layout/HamburgerMenu.vue'
   .header-content {
     padding: 0.75rem 0;
   }
-  
+
   .logo-name {
     font-size: 1.25rem;
   }
-  
+
   .logo-icon {
     width: 2rem;
     height: 2rem;
   }
-  
+
   .logo-text {
     font-size: 1rem;
   }

main_dc/yalarba/easySite/easySite/app/pages/index.vue

@@ -8,10 +8,10 @@
       <div class="container">
         <div class="hero-content">
           <div class="hero-text">
-            <h1 class="hero-title">Создавай аккаунт</h1>
-            <h1 class="hero-title">Добавляй услуги</h1>
-            <h1 class="hero-title">Получи сайт</h1>
-            <p class="hero-subtitle">Диджитал присутвие в интернете легко и доступно</p>
+            <h1 class="hero-title T1">аккаунт</h1>
+            <h1 class="hero-title T2">услуги</h1>
+            <h1 class="hero-title T3">сайт</h1>
+            <p class="hero-subtitle T4">легко и доступно</p>
           </div>
         </div>
       </div>
@@ -26,15 +26,6 @@
 import Header from '~/components/layout/Header.vue'
 import Footer from '~/components/layout/Footer.vue'
 
-const searchQuery = ref('')
-
-const handleSearch = () => {
-  if (searchQuery.value.trim()) {
-    navigateTo(`/objects?search=${encodeURIComponent(searchQuery.value)}`)
-  } else {
-    navigateTo('/objects')
-  }
-}
 </script>
 
 <style scoped>
@@ -79,9 +70,17 @@ const handleSearch = () => {
 
 .hero-text {
   max-width: 800px;
-  margin: 0 auto;
-  text-align: center;
+  min-width: 350px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1rem;
   width: 100%;
+  border: 1px solid #ffffff50;
+  border-radius: 1rem;
+  padding: 2rem;
+  box-shadow: 2px 2px 4px #638370;
 }
 
 .hero-title {
@@ -91,6 +90,22 @@ const handleSearch = () => {
   line-height: 1.2;
 }
 
+.T1 {
+  margin-right: auto;
+}
+
+.T2 {
+  margin: 0 auto;
+}
+
+.T3 {
+  margin-left: auto;
+}
+
+.T4 {
+  margin: 0  auto;
+}
+
 .hero-subtitle {
   font-size: 1.25rem;
   opacity: 0.9;