1 Добавь футер, в футере 3 пункта Минск , Москва , Алматы

При нажатии , адреса соответсвующие:
Адрес: ул. Толстого 10, Минск, Минская область, Беларусь
Адрес: Романов пер., 4 2, Москва, Россия, 125009
Адрес: улица Желтоксан 115, Алматы 050000, Казахстан

2. Создай новую страниwe с разметкой JobPosting
url /seo-spetsialist-seo-optimizator
title: Работа для SEO-специалиста удалённо. Вакансия СЕО-специалиста в TOPTERA
Description: Вакансия SEO-специалиста в digital-команде TOPTERA. Работа с SEO оптимизацией контента, рост до методолога.

h1 Вакансия для SEO-специалиста (SEO-оптимизатора) удаленно

TOPTERA – Молодая гибкая digital-команда без корпоративной инерции. Реальный рост, а не бюрократический стаж.
Мы не агентство и не предоставляем “полный комплекс” маркетинговых услуг — мы сосредоточены исключительно на стратегическом SEO продвижении и системной работе с данными. Мы растим собственные сайты и строим контент-машины под Google.

Мы ищем не просто SEO-специалиста / SEO оптимизатора а того, кто готов стать частью машины роста начинать с рутинных задач, но вырасти в методолога, управленца другими .
h2 Что нужно делать:
— Генерировать через ИИ 2–3 статьи в день и проверять тексты через SEO-инструмент, устранять недочёты с помощью ИИ, повторять цикл до нужного качества. Всё это объясняется на обучении.
— Подбирать темы, составлять планы статей, адаптировать структуру под SEO
— Подбирать сайты для размещения, вести переписку и контролировать публикации.
— Собирать, группировать и анализировать в Excel/Google Sheets. (поисковые запросы, url и т.п) .
— Постинг, AI‑копирайтинг
— Другие смежные задачи

h3 Требования / что важно:
• Опыт в одном из направлений: PPC, SEO, копирайтинг, контент-менеджмент, аналитика, продукт-менеджмент или были ассистентом в digital-проектах
• Если опыта нет, но есть жёсткая дисциплина и системное мышление — шанс есть. Но будет сложно.
Будет плюсом:
Опыт вывода сайтов в ТОП 3–5 в Google или Яндекс;
Умение работать с HTML/CSS/PHP на базовом уровне;
Навыки по работе с формулами Excel/Google Sheets;
Опыт с SEO-инструментами (Screaming Frog, Ahrefs, Semrush, SeRanking и т.д.).

h3 Предлагаем:
• 55 000 ₽ в месяц,.
• Рост ставки и премии — за статьи, вышедшие в ТОП и дающие трафик
• Основной рабочий слот — 13:00–19:00 МСК.
• Обучение и методология за наш счёт.
• Доступ к топовой системе обучения от специалистов с опытом в SEO
• Удалённая работа без ограничений. Сами выбираете страну, режим, ритм.
• Рост: от исполнителя → до методолога и управленца.
• Никаких бесполезных созвонов и тимбилдингов — мы ценим твоё время и фокус.
• У нас “корпоративная культура” это чёткие цели, обратная связь и свобода работать так, как ты считаешь правильным

h3 Как откликнуться на вакансию :
📩 Заполни короткую анкету → https://docs.google.com/forms/d/1n0AjahelcH3rq3vhDUp8tSEqcYKOicYEuLV0JxxtcrQ/edit#responses
Мы ответим кандидатам в течение 48 часов.

Часто задаваемые вопросы


Сколько времени рассматривается анкета?
Обычно от 1 до 3 рабочих дней.
Если вы подходите получите сообщение с тестовым заданием.

Нужно ли платить за обучение?
Нет. Обучение и методология — бесплатно, от нас.

Что, если я не умею писать статьи?
Это не критично. Мы даём чёткую пошаговую методику. Главное — уметь думать, проверять результат.

Будет ли испытательный срок?
Да. 1 месяц— тестовый. Во время испытательного периода ЗП 35000Р Мы смотрим на качество исполнения, скорость и вовлечённость.

Я из Казахстана / Беларуси/ другой страны. Как вы будете платить?
У нас нет жесткой привязки к стране. Мы найдем удобный способ оплатить твою работу. Чаще всего используем криптовалюту в таких случаях (USDT и др)

У вас есть тестовое задание?
Да есть. Это базовый этап: 5 заданий.
В среднем уходит от 30-50 минут, в зависимости от вашего уровня и фокуса. Некоторые кандидаты справляются за 25-35 минут.

components/footer.js

@@ -0,0 +1,95 @@
+class CustomFooter extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = `
+      <style>
+        footer {
+          background-color: #f8fafc;
+          padding: 2rem 1rem;
+          border-top: 1px solid #e5e7eb;
+        }
+        .container {
+          max-width: 1200px;
+          margin: 0 auto;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+        }
+        .locations {
+          display: flex;
+          gap: 2rem;
+          margin-bottom: 1.5rem;
+          flex-wrap: wrap;
+          justify-content: center;
+        }
+        .location-btn {
+          background: white;
+          border: 1px solid #e5e7eb;
+          padding: 0.75rem 1.5rem;
+          border-radius: 0.5rem;
+          cursor: pointer;
+          transition: all 0.3s ease;
+        }
+        .location-btn:hover {
+          background: #f3f4f6;
+          border-color: #d1d5db;
+        }
+        .address {
+          max-width: 600px;
+          text-align: center;
+          padding: 1rem;
+          background: white;
+          border-radius: 0.5rem;
+          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+          display: none;
+        }
+        .address.active {
+          display: block;
+        }
+        .copyright {
+          margin-top: 1.5rem;
+          color: #6b7280;
+          font-size: 0.875rem;
+        }
+      </style>
+      <footer>
+        <div class="container">
+          <div class="locations">
+            <button class="location-btn" data-city="minsk">Минск</button>
+            <button class="location-btn" data-city="moscow">Москва</button>
+            <button class="location-btn" data-city="almaty">Алматы</button>
+          </div>
+          <div class="address" id="minsk-address">
+            Адрес: ул. Толстого 10, Минск, Минская область, Беларусь
+          </div>
+          <div class="address" id="moscow-address">
+            Адрес: Романов пер., 4 2, Москва, Россия, 125009
+          </div>
+          <div class="address" id="almaty-address">
+            Адрес: улица Желтоксан 115, Алматы 050000, Казахстан
+          </div>
+          <div class="copyright">
+            © ${new Date().getFullYear()} TOPTERA. Все права защищены.
+          </div>
+        </div>
+      </footer>
+    `;
+
+    // Add click handlers for location buttons
+    const buttons = this.shadowRoot.querySelectorAll('.location-btn');
+    buttons.forEach(button => {
+      button.addEventListener('click', () => {
+        const city = button.getAttribute('data-city');
+        const addresses = this.shadowRoot.querySelectorAll('.address');
+        
+        // Hide all addresses
+        addresses.forEach(addr => addr.classList.remove('active'));
+        
+        // Show selected address
+        this.shadowRoot.getElementById(`${city}-address`).classList.add('active');
+      });
+    });
+  }
+}
+
+customElements.define('custom-footer', CustomFooter);

components/navbar.js

@@ -29,4 +29,7 @@ class CustomNavbar extends HTMLElement {
           <a href="/" class="text-2xl font-bold text-primary">Toptera</a>
           
           <div class="hidden md:flex space-x-8">
-            <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">
+            <a href="/seo-spetsialist-seo-optimizator" class="text-zinc-700 hover:text-primary transition duration-300">
+              Вакансии
+            </a>
+            <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">

seo-spetsialist-seo-optimizator.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Работа для SEO-специалиста удалённо. Вакансия СЕО-специалиста в TOPTERA</title>
+    <meta name="description" content="Вакансия SEO-специалиста в digital-команде TOPTERA. Работа с SEO оптимизацией контента, рост до методолога.">
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="bg-white text-zinc-900 font-sans">
+    <custom-navbar></custom-navbar>
+    
+    <main class="container mx-auto px-6 py-12 max-w-4xl">
+        <article class="prose lg:prose-xl">
+            <h1>Вакансия для SEO-специалиста (SEO-оптимизатора) удаленно</h1>
+            
+            <p class="lead">TOPTERA – Молодая гибкая digital-команда без корпоративной инерции. Реальный рост, а не бюрократический стаж.</p>
+            
+            <p>Мы не агентство и не предоставляем "полный комплекс" маркетинговых услуг — мы сосредоточены исключительно на стратегическом SEO продвижении и системной работе с данными. Мы растим собственные сайты и строим контент-машины под Google.</p>
+            
+            <p>Мы ищем не просто SEO-специалиста / SEO оптимизатора а того, кто готов стать частью машины роста начинать с рутинных задач, но вырасти в методолога, управленца другими.</p>
+            
+            <h2>Что нужно делать:</h2>
+            <ul>
+                <li>Генерировать через ИИ 2–3 статьи в день и проверять тексты через SEO-инструмент, устранять недочёты с помощью ИИ, повторять цикл до нужного качества. Всё это объясняется на обучении.</li>
+                <li>Подбирать темы, составлять планы статей, адаптировать структуру под SEO</li>
+                <li>Подбирать сайты для размещения, вести переписку и контролировать публикации.</li>
+                <li>Собирать, группировать и анализировать в Excel/Google Sheets. (поисковые запросы, url и т.п).</li>
+                <li>Постинг, AI‑копирайтинг</li>
+                <li>Другие смежные задачи</li>
+            </ul>
+            
+            <h3>Требования / что важно:</h3>
+            <ul>
+                <li>Опыт в одном из направлений: PPC, SEO, копирайтинг, контент-менеджмент, аналитика, продукт-менеджмент или были ассистентом в digital-проектах</li>
+                <li>Если опыта нет, но есть жёсткая дисциплина и системное мышление — шанс есть. Но будет сложно.</li>
+            </ul>
+            
+            <h4>Будет плюсом:</h4>
+            <ul>
+                <li>Опыт вывода сайтов в ТОП 3–5 в Google или Яндекс;</li>
+                <li>Умение работать с HTML/CSS/PHP на базовом уровне;</li>
+                <li>Навыки по работе с формулами Excel/Google Sheets;</li>
+                <li>Опыт с SEO-инструментами (Screaming Frog, Ahrefs, Semrush, SeRanking и т.д.).</li>
+            </ul>
+            
+            <h3>Предлагаем:</h3>
+            <ul>
+                <li>55 000  ₽ в месяц.</li>
+                <li>Рост ставки и премии — за статьи, вышедшие в ТОП и дающие трафик</li>
+                <li>Основной рабочий слот — 13:00–19:00 МСК.</li>
+                <li>Обучение и методология за наш счёт.</li>
+                <li>Доступ к топовой системе обучения от специалистов с опытом в SEO</li>
+                <li>Удалённая работа без ограничений. Сами выбираете страну, режим, ритм.</li>
+                <li>Рост: от исполнителя → до методолога и управленца.</li>
+                <li>Никаких бесполезных созвонов и тимбилдингов — мы ценим твоё время и фокус.</li>
+                <li>У нас "корпоративная культура" это чёткие цели, обратная связь и свобода работать так, как ты считаешь правильным</li>
+            </ul>
+            
+            <h3>Как откликнуться на вакансию:</h3>
+            <p>📩 Заполни короткую анкету → <a href="https://docs.google.com/forms/d/1n0AjahelcH3rq3vhDUp8tSEqcYKOicYEuLV0JxxtcrQ/edit#responses" target="_blank" rel="noopener">https://docs.google.com/forms/d/1n0AjahelcH3rq3vhDUp8tSEqcYKOicYEuLV0JxxtcrQ/edit#responses</a></p>
+            <p>Мы ответим кандидатам в течение 48 часов.</p>
+            
+            <h3>Часто задаваемые вопросы</h3>
+            
+            <h4>Сколько времени рассматривается анкета?</h4>
+            <p>Обычно от 1 до 3 рабочих дней. Если вы подходите получите сообщение с тестовым заданием.</p>
+            
+            <h4>Нужно ли платить за обучение?</h4>
+            <p>Нет. Обучение и методология — бесплатно, от нас.</p>
+            
+            <h4>Что, если я не умею писать статьи?</h4>
+            <p>Это не критично. Мы даём чёткую пошаговую методику. Главное — уметь думать, проверять результат.</p>
+            
+            <h4>Будет ли испытательный срок?</h4>
+            <p>Да. 1 месяц— тестовый. Во время испытательного периода ЗП 35000Р. Мы смотрим на качество исполнения, скорость и вовлечённость.</p>
+            
+            <h4>Я из Казахстана / Беларуси/ другой страны. Как вы будете платить?</h4>
+            <p>У нас нет жесткой привязки к стране. Мы найдем удобный способ оплатить твою работу. Чаще всего используем криптовалюту в таких случаях (USDT и др)</p>
+            
+            <h4>У вас есть тестовое задание?</h4>
+            <p>Да есть. Это базовый этап: 5 заданий. В среднем уходит от 30-50 минут, в зависимости от вашего уровня и фокуса. Некоторые кандидаты справляются за 25-35 минут.</p>
+        </article>
+    </main>
+
+    <custom-footer></custom-footer>
+
+    <script src="components/navbar.js"></script>
+    <script src="components/footer.js"></script>
+    <script src="script.js"></script>
+</body>
+</html>