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

modified: main_dc/yalarba/easySite/easySite/app/components/layout/Footer.vue add emogy into Open Vocation link in footer layout
2025-11-01 04:32:50 +05:00
parent 0b53761192
commit 511dc100a9
2 changed files with 68 additions and 104 deletions
@@ -278,42 +278,6 @@
                        <p>В стартап-среде мы ценим <strong>универсальность и способность работать на стыке
                                специальностей</strong>. Если вы чувствуете силу в нескольких направлениях — это
                            огромное преимущество!</p>
-
-                        <div class="combination-examples">
-                            <h4>🎭 Возможные комбинации:</h4>
-                            <div class="combination-grid">
-                                <div class="combination-item">
-                                    <div class="combination-badges">
-                                        <span class="badge badge-success">SEO</span>
-                                        <span class="badge badge-secondary">Copy</span>
-                                    </div>
-                                    <p>SEO + Копирайтинг</p>
-                                </div>
-                                <div class="combination-item">
-                                    <div class="combination-badges">
-                                        <span class="badge badge-primary">SMM</span>
-                                        <span class="badge badge-secondary">Copy</span>
-                                    </div>
-                                    <p>SMM + Копирайтинг</p>
-                                </div>
-                                <div class="combination-item">
-                                    <div class="combination-badges">
-                                        <span class="badge badge-primary">SMM</span>
-                                        <span class="badge badge-success">SEO</span>
-                                    </div>
-                                    <p>SMM + SEO</p>
-                                </div>
-                                <div class="combination-item">
-                                    <div class="combination-badges">
-                                        <span class="badge badge-primary">SMM</span>
-                                        <span class="badge badge-success">SEO</span>
-                                        <span class="badge badge-secondary">Copy</span>
-                                    </div>
-                                    <p>Digital Marketing Generalist</p>
-                                </div>
-                            </div>
-                        </div>
-
                        <div class="explanation-grid">
                            <div class="explanation-item">
                                <div class="explanation-icon">🔄</div>
@@ -578,7 +542,7 @@ const submitForm = async () => {
 // SEO мета-теги
 useSeoMeta({
    title: 'Присоединиться к команде - ЯЛ АРБА',
-    description: 'Станьте частью команды, создающей digital-будущее через open-source. Frontend, Backend, Design, Analytics вакансии.',
+    description: 'Станьте частью команды, создающей цифровое-будущее через open-source создание SaaS сервисов. Frontend, Backend, Design, Analytics вакансии.',
    ogTitle: 'Вакансии в стартап ЯЛ АРБА',
    ogDescription: 'Ищем тимейтов для роста и прорыва. Создаем будущее вместе.'
 })
@@ -1144,120 +1108,120 @@ useSeoMeta({

 /* Стили для обновленной секции вакансий */
 .roles-explanation {
-  margin-top: var(--space-2xl);
+    margin-top: var(--space-2xl);
 }

 .explanation-card {
-  background: var(--bg-secondary);
-  border-radius: var(--radius-lg);
-  padding: var(--space-2xl);
-  border: 1px solid var(--border-light);
+    background: var(--bg-secondary);
+    border-radius: var(--radius-lg);
+    padding: var(--space-2xl);
+    border: 1px solid var(--border-light);
 }

 .explanation-card h3 {
-  margin-bottom: var(--space-lg);
-  color: var(--primary-600);
-  text-align: center;
+    margin-bottom: var(--space-lg);
+    color: var(--primary-600);
+    text-align: center;
 }

 .combination-examples {
-  margin: var(--space-xl) 0;
-  padding: var(--space-lg);
-  background: var(--bg-primary);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border-light);
+    margin: var(--space-xl) 0;
+    padding: var(--space-lg);
+    background: var(--bg-primary);
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--border-light);
 }

 .combination-examples h4 {
-  margin-bottom: var(--space-lg);
-  color: var(--text-primary);
-  text-align: center;
+    margin-bottom: var(--space-lg);
+    color: var(--text-primary);
+    text-align: center;
 }

 .combination-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: var(--space-lg);
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--space-lg);
 }

 .combination-item {
-  text-align: center;
-  padding: var(--space-lg);
-  background: var(--gray-50);
-  border-radius: var(--radius-md);
-  border: 1px solid var(--border-light);
+    text-align: center;
+    padding: var(--space-lg);
+    background: var(--gray-50);
+    border-radius: var(--radius-md);
+    border: 1px solid var(--border-light);
 }

 .combination-badges {
-  display: flex;
-  justify-content: center;
-  gap: var(--space-xs);
-  margin-bottom: var(--space-sm);
-  flex-wrap: wrap;
+    display: flex;
+    justify-content: center;
+    gap: var(--space-xs);
+    margin-bottom: var(--space-sm);
+    flex-wrap: wrap;
 }

 .combination-item p {
-  margin: 0;
-  font-weight: var(--font-medium);
-  color: var(--text-primary);
+    margin: 0;
+    font-weight: var(--font-medium);
+    color: var(--text-primary);
 }

 .explanation-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: var(--space-lg);
-  margin: var(--space-xl) 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: var(--space-lg);
+    margin: var(--space-xl) 0;
 }

 .explanation-item {
-  text-align: center;
-  padding: var(--space-lg);
+    text-align: center;
+    padding: var(--space-lg);
 }

 .explanation-icon {
-  font-size: 2rem;
-  margin-bottom: var(--space-md);
+    font-size: 2rem;
+    margin-bottom: var(--space-md);
 }

 .explanation-item h4 {
-  margin-bottom: var(--space-sm);
-  color: var(--primary-600);
+    margin-bottom: var(--space-sm);
+    color: var(--primary-600);
 }

 .explanation-item p {
-  color: var(--text-secondary);
-  line-height: var(--leading-relaxed);
+    color: var(--text-secondary);
+    line-height: var(--leading-relaxed);
 }

 .cta-note {
-  background: var(--primary-50);
-  border-radius: var(--radius-md);
-  padding: var(--space-lg);
-  text-align: center;
-  border-left: 4px solid var(--primary-500);
+    background: var(--primary-50);
+    border-radius: var(--radius-md);
+    padding: var(--space-lg);
+    text-align: center;
+    border-left: 4px solid var(--primary-500);
 }

 .cta-note p {
-  margin: 0;
-  color: var(--primary-700);
+    margin: 0;
+    color: var(--primary-700);
 }

 /* Адаптивность */
@media (max-width: 768px) {
-  .combination-grid {
-    grid-template-columns: 1fr;
-  }
-  
-  .explanation-grid {
-    grid-template-columns: 1fr;
-  }
-  
-  .explanation-card {
-    padding: var(--space-lg);
-  }
-  
-  .combination-examples {
-    padding: var(--space-md);
-  }
+    .combination-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .explanation-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .explanation-card {
+        padding: var(--space-lg);
+    }
+
+    .combination-examples {
+        padding: var(--space-md);
+    }
 }
 </style>
@@ -78,7 +78,7 @@
        <div class="footer-section">
          <h3 class="footer-title">Карьера</h3>
          <div class="footer-links">
-            <NuxtLink to="/vacations" class="footer-link">Открытые вакансии</NuxtLink>
+            <NuxtLink to="/vacations" class="footer-link">💼 Открытые вакансии</NuxtLink>
            <a href="#" class="footer-link">👥 Стать партнером</a>
            <nuxt-link class="footer-link" href="/about">🏢 О компании</nuxt-link>
            <a href="#" class="footer-link">📰 Новости</a>