1. Загальні вимоги

Мета:

Верстка односторінкового лендингу сайту (та додаткових сторінок з політиками) на WordPress з використанням конструктора Elementor.

Тема: використовувати легку тему, оптимізовану під Elementor (наприклад, Hello Elementor або аналогічну мінімалістичну тему).

Кросбраузерність: сумісність з останніми версіями Chrome, Firefox, Safari та Edge.

Адаптивність: коректне відображення на всіх пристроях:

• Десктоп (1440 px+)

• Планшет (768–1024 px)

• Смартфон (320–768 px)

Структура сайту:

• Header (шапка) та Footer (подвал) — глобальні, налаштовані через Elementor.

• Контент головної сторінки — побудований через секції та віджети Elementor.

• Всі секції мають бути збережені як Reusable Sections для можливості повторного використання.

Редагованість:

• Всі тексти, кнопки, зображення мають бути легко редагованими через інтерфейс Elementor без коду.

2. Структура головної сторінки

2.1. Header (Шапка)

• Логотип (іконка + текст "1001 Question") — змінювані елементи.

• Меню: Home, About, How It Works, Reviews, FAQ.

• Окрема кнопка "купити" — посилання.

• Мобільне меню (бургер) — обов’язково адаптувати.

• Міні-анімація наведення на меню (наприклад, зміна кольору).

2.2. Hero Section (Головний екран)

• Анімація появи тексту та кнопки (наприклад, fade-in).

2.3. About the Author

2.4. How to Use the Book

2.5. About the Book

2.6. Pricing Section (Вартість)

2.7. Reviews Section (Відгуки)

2.8. FAQ Section.

2.9. Footer (Подвал)

3. Додаткові сторінки

• Користувацька угода

• Політика конфіденційності

• при потраплянні на 404 сторінку — редірект на головну

Тексти можуть бути заповнювачами. Оформлення в одному стилі з сайтом. Підключити до футеру.

5. Динамічні блоки / Reusable Sections

• Header та Footer — глобальні через Theme Builder Elementor.

• Hero, About the Author, How to Use, About the Book, Pricing, Reviews, FAQ — збережені секції (Reusable)

6. Анімації

• Hover-анімації на кнопках, карточках та меню.

• Анімації появи блоків при прокрутці (Elementor Entrance Animations).

• Плавні переходи між секціями.

7. Функціональні вимоги

• Встановити WordPress + тему, налаштувати Elementor та всі плагіни.

• Сайт має бути повністю редагованим через Elementor без коду.

• Швидкість завантаження: оптимізація зображень та мінімізація скриптів.

Результат

• Повністю верстаний односторінковий сайт на WordPress + Elementor.

• Модальне вікно оформлення замовлення.

• Адаптивність на всіх пристроях.

• Додаткові сторінки з політиками.

• Легка можливість редагування всіх елементів через Elementor.