## Основне завдання

### Фон завдання

У сучасному світі пошуку роботи, персоналізовані веб-сайти особистих профілів для різних посад можуть значно покращити професійний імідж та конкурентоспроможність шукача роботи. Традиційні резюме часто не мають чіткої спрямованості та не повністю демонструють відповідність між шукачем роботи цільовій посаді. Ця навичка спрямована на використання можливостей штучного інтелекту для автоматичного аналізу вимог до роботи, оптимізації представлення особистої інформації та створення високоякісних веб-сайтів для особистого пошуку роботи.

### Конкретні цілі

1. Зберіть повну основну особисту інформацію про шукачів роботи (основна інформація, освіта, досвід роботи, перелік навичок, особисте фото).

2. Проведіть поглиблений аналіз галузевого профілю цільової вакансії, вимог до навичок та уподобань, отримуючи уявлення щонайменше за 5-8 ключовими вимірами.

3. Інтелектуально зіставте особисті резюме з вимогами до вакансії, створивши щонайменше 3-5 цільових пропозицій щодо оптимізації.

4. Створіть візуально привабливий, чітко структурований та міжгалузевий інтерактивний персональний вебсайт.

5. Забезпечте відстеження вмісту веб-сайту; усі пропозиції щодо оптимізації базуються на реальних даних аналізу роботи.

### Ключові обмеження

Персональна інформація має бути правдивою та повною, і не може бути вигаданою або перебільшеною.

Аналіз вакансії має базуватися на реальних результатах пошуку в Інтернеті, з посиланнями щонайменше на три джерела.

- Стиль дизайну веб-сайту повинен відповідати стандартам «універсальної естетики, елегантного мінімалізму, а також професійного та незабутнього враження».

- Кінцевий веб-сайт повинен повністю відображати всю ключову інформацію на одній сторінці та підтримувати адаптивний макет.

### Крок 1: Зберіть та структуруйте інформацію про особисте резюме

**Мета:** Отримати всю необхідну інформацію про шукачів роботи та упорядкувати її у структуровані дані для підготовки до подальшого аналізу та створення веб-сайту.

**дія**:

- Вимагає від користувачів завантаження особистої інформації або:

- Допоможіть користувачам надати або відредагувати таку обов’язкову інформацію в YouMind:

- **Основна інформація**: Ім'я, вік, контактна інформація (електронна пошта, номер телефону, LinkedIn/GitHub тощо)

- **Особисте фото:** Будь ласка, завантажте особисте фото професійного вигляду (бажано формат JPG/PNG).

- **Освіта**: Назва навчального закладу, спеціальність, ступінь, тривалість навчання, основні курси або відзнаки (якщо є)

- **Досвід роботи**: Назва компанії, посада, стаж роботи, основні обов'язки та досягнення (рекомендовано 3-5 абзаців)

- **Список навичок**: Професійні навички, володіння інструментами/платформами, мовні навички, комунікативні навички тощо.

- **Інші важливі моменти** (необов’язково): досвід роботи в проектах, нагороди, публікації, досвід волонтерства тощо.

- Упорядкуйте зібрану інформацію у чіткому, структурованому форматі (рекомендується використовувати Markdown або таблиці).

- Перевірте повноту інформації: переконайтеся, що всі обов'язкові поля заповнені, а фотографія завантажена та має правильний формат.

- Збережіть організовану особисту інформацію як матеріал або нотатку в YouMind для зручного використання пізніше.

**Стандарти якості**:

- Усі обов'язкові поля (ім'я, вік, контактна інформація, освіта, професія, навички, фото) заповнені на 100%.

- Детально та кількісно опишіть свій досвід роботи та освіту (наприклад, «Відповідальний за проект XX, покращив показник ефективності YY на 30%)»

- Чіткі, професійні особисті фотографії з простим фоном.

### Стиль мови документа

**Тон**: Будьте професійними, прямолінійними та організованими; уникайте надмірної розмовності чи академічності.

**Твердження**: Використовуйте активний стан та речення, що починаються з дієслів (наприклад, «відповідальний за XX», «керівник XX», «досягнення XX»), щоб виділити дії та результати.

**Дані:** Якомога точніше виміряйте результати (наприклад, «Збільшити коефіцієнт конверсії на 30%», «Керувати бюджетом у розмірі 500 000 доларів США», «Керувати командою з 10 осіб»).

**Ключові слова**: Природно включайте високочастотні ключові слова з аналізу вакансії в описи вашого досвіду роботи та навичок, але уникайте нав'язливого або штучного перевантаження ключовими словами.

### Крок 2: Проаналізуйте профіль галузі та вимоги до цільової посади

**Мета:** Завдяки комплексному онлайн-пошуку отримати глибоке розуміння типового профілю, вимог до основних навичок, галузевих уподобань та неявних очікувань щодо цільових посад, забезпечуючи підтримку даних для оптимізації резюме.

**дія**:

- Отримати цільову посаду, введену користувачем (наприклад, «Менеджер із закордонного зростання компанії зі штучного інтелекту», «Експерт з операцій з продуктами» тощо)

- Використовуйте інструмент `googleSearch` для виконання багатовимірного пошуку, включаючи щонайменше такі запити:

- "[Цільова посада] Опис вакансії та вимоги"

- "Навички та кваліфікація [Цільова посада]"

- «Запитання на співбесіді [Цільова посада]» (питання на співбесіді, що відображають спеціалізацію роботодавця)

- "[Цільова посада] Кар'єрний шлях" (Кар'єрний шлях, розуміння галузевої історії)

- Для певних галузей (таких як штучний інтелект, SaaS) включіть ключові слова галузі у свій пошук.

- Витягніть та узагальніть наступну ключову інформацію з результатів пошуку:

- **Вимоги до складних навичок**: Основні професійні навички, інструменти, платформи та технологічний стек (перелічіть 5-8 часто використовуваних навичок)

- **Уподобання щодо м’яких навичок**: комунікативні навички, лідерство, міжкультурна співпраця тощо (перелічіть 3-5 пунктів)

- **Освіта та досвід**: Вимоги до освіти, роки досвіду роботи та галузеві уподобання.

- **Обов'язки**: Основна робота, яку зазвичай виконує особа на цій посаді (3-5 пунктів)

- **Тенденції галузі**: Ця роль користується високим попитом або має нові вимоги на сучасному ринку (такі як використання інструментів штучного інтелекту, прийняття рішень на основі даних тощо).

- **Уподобання щодо культури компанії:** Якщо можливо, запишіть культурні характеристики цільової галузі/типу компанії (такі як підприємницький дух, орієнтований на результат підхід тощо).

- Зберіть результати аналізу у структурований звіт із посиланнями на першоджерела для кожного виміру (принаймні 3 різні джерела).

- Створіть «Короткий опис цільового профілю роботи» (200-300 слів), у якому коротко викладено основні характеристики роботи.

**Стандарти якості**:

- Отримайте інформацію щонайменше з 3 різних авторитетних джерел (таких як LinkedIn, Glassdoor, галузеві звіти та веб-сайти з вакансіями).

- Список hard skills (твердих навичок) повинен містити щонайменше 5 пунктів, а список soft skills - щонайменше 3 пункти.

- Кожна ключова знахідка супроводжується оригінальним посиланням для забезпечення можливості відстеження.

- Короткий опис вакансії є чітким та конкретним, без розпливчастих узагальнень.

# Звіт про аналіз цільового завдання

## Цільова позиція

[Назва посади, наприклад, «Менеджер із закордонного розвитку в компанії зі штучного інтелекту»]

## Короткий опис вакансії

[Короткий виклад на 200-300 слів, що описує основні характеристики, обов'язки та галузевий досвід цієї посади]

## Вимоги до складних навичок

1. [Навичка 1] - Джерело: [посилання]

2. [Навичка 2] - Джерело: [посилання]

3. [Навичка 3] - Джерело: [посилання]

...

## Перевага м’яких навичок

1. [Навичка 1] - Джерело: [посилання]

2. [Навичка 2] - Джерело: [посилання]

...

## Типові обов'язки

1. [Відповідальність 1]

2. [Відповідальність 2]

...

## Вимоги до освіти та досвіду

- Освіта: [Обов'язково]

- Роки досвіду роботи: [Обов'язково]

- Галузевий досвід: [Перевага]

## Тенденції галузі та нові вимоги

[Опишіть останні тенденції для цієї ролі, такі як використання інструментів штучного інтелекту та підходів, заснованих на даних.]

## Посилання

1. [Джерело 1 Назва] - [Посилання]

2. [Джерело 2 Назва] - [Посилання]

3. [Джерело 3 Назва] - [Посилання]

### Крок 3: Розумно оптимізуйте особисті резюме відповідно до вимог вакансії

**Мета:** Тщательно зіставити особисту інформацію з вимогами до вакансії, виявити сильні та прогалини, а також створити цільові пропозиції з оптимізації контенту, щоб зробити резюме більш адаптованими.

**дія**:

- Порівняйте особисту інформацію з кроку 1 з профілем роботи з кроку 2 та виконайте покроковий аналіз зіставлення:

- **Відповідність навичок**: Які навички з вашого особистого набору навичок перетинаються з вимогами до роботи? Яких бракує?

- **Актуальність досвіду**: Які аспекти вашого досвіду роботи мають найбільше значення для ваших посадових обов'язків? Як ви можете перефразувати ці пункти, щоб підкреслити їхню актуальність?

- **Вирівнювання ключових слів:** Чи відображаються у вашому особистому профілі високочастотні ключові слова з опису вакансії (такі як «growth hacking», «data-driven» та «транскордонні операції»)?

- **Демонстрація м’яких навичок**: Чи є конкретні приклади з вашого особистого досвіду, які демонструють м’які навички (такі як лідерство, комунікативні навички), необхідні для цієї посади?

- Згенеруйте 3-5 конкретних пропозицій щодо оптимізації, кожна з яких включає:

- **Точки оптимізації**: Конкретні деталі, які потребують коригування (наприклад, «приклади додавання навичок аналізу даних до досвіду роботи»).

- **Причини оптимізації**: Чому було внесено це коригування (наприклад, «Цільова позиція вимагає «прийняття рішень на основі даних», але в поточному описі бракує кількісних даних»).

- **Приклад оптимізації**: Надайте конкретні пропозиції щодо переписування або додатковий контент.

- Визначте 2-3 «сильні сторони», що відрізняють людину (тобто риси або досвід, якими вона володіє, але які прямо не згадані в описі посади, але можуть бути перевагою).

- Якщо ви виявите суттєвий розрив у навичках або досвіді, чесно вкажіть на це та запропонуйте, як представити це на вебсайті як показник «мотивації до навчання» або «передачі відповідного досвіду».

- На основі пропозицій щодо оптимізації створюється версія «оптимізованої особистої інформації», яка зберігає автентичність оригінальної інформації, але коригує формулювання та порядок вмісту, щоб підкреслити релевантність.

**Стандарти якості**:

- Надайте щонайменше 3 конкретні, практичні пропозиції щодо оптимізації.

- Кожна пропозиція містить чітке порівняння «до оптимізації – після оптимізації» або конкретний приклад.

- Оптимізований контент має базуватися на правдивій інформації та не повинен бути вигаданим чи перебільшеним.

- Визначте принаймні дві відмінні переваги

# Пропозиції щодо оптимізації резюме

## Аналіз відповідності

- **Зіставлення навичок**: [Зіставлені навички] / [Відсутні навички]

- **Релевантність досвіду**: [Дуже релевантний досвід] / [Сфери, що потребують покращення]

- **Вирівнювання ключових слів**: [Включені ключові слова] / [Ключові слова, які потрібно додати]

## Пропозиції щодо оптимізації

### Пропозиція 1: [Точки оптимізації]

- **Причина:** [Чому потрібна оптимізація]

- **До оптимізації**: [Оригінальне формулювання]

- **Оптимізовано**: [Покращено формулювання]

### Пропозиція 2: [Точки оптимізації]

...

## Перевага диференціації

1. [Перевага 1]: [Детальний опис]

2. [Перевага 2]: [Детальний опис]

## Оптимізована особиста інформація

[Повна оптимізована особиста інформація, відформатована так само, як і «Структурований документ з особистою інформацією»]

### Стиль мови документа

**Тон**: Будьте професійними, прямолінійними та організованими; уникайте надмірної розмовності чи академічності.

**Твердження**: Використовуйте активний стан та речення, що починаються з дієслів (наприклад, «відповідальний за XX», «керівник XX», «досягнення XX»), щоб виділити дії та результати.

**Дані:** Якомога точніше виміряйте результати (наприклад, «Збільшити коефіцієнт конверсії на 30%», «Керувати бюджетом у розмірі 500 000 доларів США», «Керувати командою з 10 осіб»).

**Ключові слова**: Природним чином інтегруйте високочастотні ключові слова з аналізу вакансії в описи вашого досвіду роботи та навичок, але уникайте нав'язливого або штучного перевантаження ключовими словами.

### Крок 4: Створіть персональний веб-сайт для пошуку роботи в постмодерністському стилі

**Мета:** За допомогою інструмента `generateWebpage` від YouMind створіть постмодерністський, візуально вражаючий та нетрадиційний односторінковий веб-сайт для пошуку роботи, який повністю представляє вашу оптимізовану особисту інформацію.

**дія**:

- Викличте інструмент `generateWebpage`, передавши наступні команди та параметри:

- **Інструкція**: «Створіть односторінковий персональний веб-сайт для пошуку роботи, який відображає повну інформацію про резюме шукача роботи. Веб-сайт має відповідати таким вимогам:»

- **Стиль дизайну:** Постмодернізм. Акцент робиться на порушенні правил, змішуванні стилів, деконструктивізмі, іронії, колажі, асиметрії, сміливих кольорах та зіткненні естетики. Мета полягає у створенні візуально запам'ятовуваного, самобутнього та складного веб-сайту, уникаючи будь-якого консервативного чи шаблонного дизайну.

- **Структура макета**: Відійдіть від фрагментованого, асиметричного макета звичайних сіток. Елементи можуть перекриватися та обертатися, створюючи глибину та відчуття хаосу. Порядок модулів можна перетасувати або представляти нелінійно. Рекомендується ієрархія осі Z. Включає наступні модулі, але представлення може бути нетрадиційним:

1. **Розділ героя** (перший екран): Візуально вражаючий вступ, який може використовувати такі ефекти, як колаж, перекриття тексту та зображень, а також глітч-арт.

2. **Про мене**: Цей текст можна розділити на різні області сторінки або відформатувати за допомогою комбінації шрифтів.

3. **Досвід**: Відмовтеся від традиційної часової шкали та використовуйте картки різного розміру, неправильної форми або паралакс-прокрутку для відображення кожного досвіду.

4. **Освіта**: Як декоративний або структурний елемент у загальному макеті, а не як незалежний, структурований модуль.

5. **Навички:** Використовуйте хаотичні хмари тегів, текст як графічні елементи для розсіювання або візуалізуйте нетрадиційними способами.

6. **Контакти**: Значки та посилання можна зробити величезними або крихітними та розмістити в неочікуваних кутках сторінки.

- **Кольорова схема**: Яскраві, контрастні та дуже насичені комбінації кольорів. Використовуйте флуоресцентні кольори, дисонансні суміжні кольори та сильні градієнти. Наприклад, поєднайте яскраво-рожевий (#FF00FF) із лаймово-зеленим (#00FF00) або використовуйте ефект розбиття кольорів у стилі глітч-арту. Фони можуть бути різнокольоровими колажами або мати шумові/сітчасті візерунки.

- **Система шрифтів**: поєднання шрифтів з різними стилями, таких як жирні шрифти із засічками та геометричні шрифти без засічок. Допускаються екстремальні контрасти розмірів шрифту; заголовки можуть бути величезними, тоді як основний текст може бути дуже маленьким. Текст можна повертати, нахиляти, перекривати та навіть частково використовувати як суто декоративні графічні елементи.

- **Дизайн взаємодії**: Перебільшені та неочікувані інтерактивні ефекти. Наведення курсора миші може викликати глюки, інверсію кольорів або зміщення елементів. Прокручування може бути стрибкоподібним або мати сильний паралаксний ефект. Навігаційні посилання можуть відображати неочікувану анімацію під час натискання.

**Адаптивний дизайн**: Зберігайте постмодерністське, «фрагментоване» відчуття на різних пристроях, забезпечуючи при цьому читабельність основної інформації. Мобільні версії можуть спростити певні ефекти, але стилістична узгодженість має бути збережена.

- **посилання**: Передайте посилання на матеріали/нотатки з «оптимізованої особистої інформації», згенерованої на кроці 3, та URL-адресу вашої особистої фотографії.

- Після створення веб-сайту перевірте такі пункти якості:

- Чи вся особиста інформація представлена ​​повністю та точно (навіть якщо макет неохайний)?

Чи відповідає візуальний стиль вимогам «постмодернізму»? Чи він сміливий та ефектний?

- Чи можна знайти та зрозуміти інформацію в кожному модулі?

- Чи працюють інтерактивні ефекти належним чином, навіть якщо вони «несподівані»?

- Якщо згенерований веб-сайт не відповідає очікуванням, запишіть конкретні проблеми та використовуйте параметр `webpage_id` функції `generateWebpage` для ітеративної оптимізації.

**Стандарти якості**:

- Вебсайт містить усі необхідні модулі (Герой, Про нас, Досвід, Освіта, Навички, Контакти), але формат не обмежений.

- Візуальний дизайн сміливий та відповідає постмодернізму, володіє сильною індивідуальністю та запам'ятовується.

- Уся особиста інформація є точною та відповідає оптимізованому контенту.

- Основна інформація веб-сайту читабельна як на комп’ютерах, так і на мобільних пристроях, а стиль є однаковим.

- Загальне враження «сміливе, авангардне та сповнене креативності», що допомагає їм виділитися з численних резюме.

## Стиль та презентація

### Візуальний стиль веб-сайту (базовий стандарт)

**Естетика дизайну**: Постмодернізм. Його суттю є «бунт проти модернізму та його деконструкція». Він охоплює хаос, суперечність, іронію та грайливий дух. Дизайн має бути яскравим, еклектичним і навіть трохи провокаційним. Він поєднує високе мистецтво з масовою культурою, порушуючи традиційні правила «гарного дизайну».

**Кольорова схема**:

- **Основні принципи**: Сміливість, конфлікт та висока насиченість. Відмовтеся від гармонії та прагніть візуальної напруги.

- **Кольорові комбінації**: Використовуйте флуоресцентні кольори, неонові кольори та суміжні кольори, що не гармоніюють. Наприклад: блискітки (#FF00FF) + яскраво-жовтий (#FFFF00) + блакитний (#00FFFF).

- **Фон:** Уникайте чисто білого кольору. Використовуйте фони з шумом, сіткою, геометричними візерунками або різнокольоровими блоками. Також можна спробувати яскраві градієнтні фони.

- **Додаткові кольори**: Немає чіткого поняття вторинних кольорів; будь-який колір може стати основним. Ви можете навмисно використовувати «негарні» колірні комбінації, щоб створити іронічний ефект.

**Система шрифтів**:

**Основний принцип:** Протиставляйте одноманітність та сингулярність. Ключовими є змішаність, конфлікт та контраст.

- **Змішані шрифти**: Використання кількох шрифтів з різними стилями на одній сторінці, наприклад, поєднання класичних шрифтів із засічками (наприклад, Times New Roman) із жирними шрифтами без засічок (наприклад, Arial Black) або рукописними шрифтами.

- **Контраст розмірів**: Крайні значення. Заголовки можуть бути настільки величезними, що займають половину екрана, тоді як основний текст може бути настільки малим, що для його читання потрібно докладати зусиль (як дизайнерський вибір).

- **Обробка тексту**: Обробка тексту як графіки. Поворот, нахил, вирівнювання по вертикалі, дзеркальне відображення та перекриття. Текст можна розташувати вздовж контурів або розбити на окремі літери, розкидані по сторінці.

**Принципи макетування**:

- **Зруйнуйте сітку:** Повністю відмовтеся від традиційної системи сітки. Елементи розташовані асиметрично, на перший погляд випадково.

- **Колаж та перекриття**: Завдяки широкому використанню шарів та осі Z, зображення, текст і кольорові блоки перекриваються для створення ефекту колажу.

- **Фрагментація**: Розбиття цілісного елемента дизайну (наприклад, зображення або текстового блоку) на кілька частин та їх розпорошення в різних місцях.

- **Білий простір**: Нерегулярний та динамічний білий простір, де сам білий простір стає елементом форми та дизайну, а не просто «простором для дихання».

**Деталі взаємодії**:

- **Ефекти наведення курсора**: Перебільшені та підривні. Коли миша наводиться на елемент, він може різко зміщуватися, інвертувати кольори, демонструвати ефект глюка або відтворювати неочікуваний GIF.

- **Прокрутка**: Сильна паралакс-прокрутка, при якій різні шари рухаються з різною швидкістю, створюючи відчуття глибини та психоделічний ефект.

- **Анімації**: Різкі, нелінійні анімації. Елементи можуть з'являтися з неочікуваних напрямків або завантажуватися «неправильним» чином.

- **Курсор**: Ви можете використовувати власні, величезні або постійно змінювані курсори, щоб підвищити інтерактивність.

**Специфікації конструкції модуля**:

1. **Розділ героя** (перший екран):

- Використовуйте стиль колажу, щоб поєднати особисті фотографії (які можна фільтрувати або обробляти за допомогою глітч-ефекту), величезні ініціали імен, обертовий текст цільової роботи та геометричні фігури.

- Фоном може бути динамічний шум або швидкозмінні кольорові блоки.

2. **Про мене**:

Текст розділено на кілька невеликих блоків, використаних з використанням різних шрифтів та розмірів, розкиданих по певній області сторінки. Деякий текст може зливатися з фоном, що вимагатиме від користувача ретельного пошуку.

3. **Досвід** (Досвід роботи):

Кожен досвід — це яскраво забарвлена ​​«картка» неправильної форми, складена одна на одну з перекриттям та під нахилом. Коли миша наводиться на картку, вона «піднімається» вгору та відображає детальну інформацію.

4. **Освіта** (Освітній рівень):

Інформацію можна інтегрувати в декоративні рамки на сторінці або використовувати як частину фонової текстури дуже дрібним шрифтом.

5. **Навички**

- Хаотична, динамічна хмара слів, де слова, що описують навички, відрізняються розміром, шрифтом і кольором. Слова можуть збільшуватися або тремтіти, коли на них наводиться курсор миші.

6. **Контактна інформація:**

- Використовуйте завеликі або пікселізовані значки та розміщуйте їх на краю або в кутку сторінки. Посилання можуть бути приховані за неочікуваними графічними елементами.

**Адаптивний дизайн**:

- **Основне**: Підтримка «впорядкованого хаосу» на різних пристроях.

- **Версія для настільних комп’ютерів** (>1200 пікселів): Повністю відображає складні макети з перекриттям та кількома колонками.

- **Плоска панель** (768-1200 пікселів): Зменшення перекриття елементів, зберігаючи при цьому асиметрію та відчуття фрагментації.

- **Мобільна версія** (<768 пікселів): Перетворено на одностовпцевий макет, але збережено постмодерністський стиль завдяки перебільшеному контрасту розміру шрифту, жирним кольоровим блокам та нелінійній прокрутці.

###

### Крок 5: Перевірка якості та доставка

**Мета:** Провести комплексну перевірку якості створеного веб-сайту, щоб забезпечити точність інформації, елегантний дизайн, зручний користувацький досвід та надати посібник користувача.

**дія**:

- Проводити перевірку якості кожної окремої позиції:

- **Точність інформації**: Ми ретельно перевірили кожне ім'я, контактну інформацію, досвід роботи, освіту та навички на веб-сайті, щоб забезпечити відповідність оригінальній інформації.

- **Візуальна узгодженість**: Перевірте узгодженість шрифту, кольору, інтервалів та вирівнювання; знайдіть будь-які візуальні недоліки.

- **Плавність взаємодії:** Перевірте, чи правильно працюють переходи навігації, ефекти прокручування та анімація при наведенні курсора.

- **Адаптивна адаптація:** Моделює різні розміри пристроїв, щоб перевірити, чи є макет доцільним.

- **Читабельність**: Забезпечте відповідний розмір тексту, достатню контрастність та чітку ієрархію інформації.

- Створити «Посібник користувача веб-сайту», що містить:

- Посилання для доступу до веб-сайту (URL-адреса веб-сторінки, згенерована YouMind)

- Як поділитися своїм веб-сайтом (скопіювати посилання, згенерувати QR-код тощо)

- Як швидко налаштувати контент відповідно до різних посад (наприклад, змінити цільову посаду, оновити досвід роботи тощо)

- Пропозиції щодо майбутньої оптимізації (наприклад, регулярне оновлення контенту, додавання прикладів проектів тощо)

Покажіть користувачеві остаточний вигляд веб-сайту та запитайте, чи потрібні якісь корективи.

- Якщо користувачі пропонують зміни, запишіть їх та використовуйте `generateWebpage` для ітеративної оптимізації.

**Стандарти якості**:

- Вся інформація на 100% точна, без друкарських помилок чи помилок форматування.

- Вебсайт пройшов тестування щонайменше на двох пристроях (комп'ютер + мобільний).

- Надає чіткі інструкції для користувачів, дозволяючи їм самостійно ділитися веб-сайтом та підтримувати його.

- Користувач задоволений кінцевим результатом або завершив оптимізацію на основі відгуків.