High-Performance Landing Page: Продаж квадрокоптерів GPS 100/100

Розробка "під ключ" швидкого, адаптивного та конверсійного лендінгу для продажу квадрокоптерів. Основний акцент зроблено на максимальній швидкості завантаження (Google Web Vitals), мобільній адаптації та миттєвій обробці замовлень через Telegram API.

Технічний стек:
Frontend: HTML5 (Semantic), CSS3 (Flex/Grid, Animation), Vanilla JavaScript (ES6+).
Backend: PHP (обробка форм, cURL).
Інтеграції: Telegram Bot API, Google Fonts, YouTube API.
Server: Apache (.htaccess конфігурація).

Реалізовані рішення та оптимізація:
1. Продуктивність (Google PageSpeed: 90-99+):
Pure Code: Відмова від важких бібліотек (jQuery, Bootstrap) на користь чистого JS/CSS, що забезпечило блискавичне завантаження.
Зображення: Реалізовано формат WebP з фолбеками. Використано тег для завантаження різних зображень під мобільні (400px) та десктопні пристрої, що суттєво зменшило вагу сторінки.
Critical CSS: Критичні стилі першого екрану вбудовані в HTML для миттєвого відображення (LCP optimization).
Video Facade: Реалізовано патерн "Фасад" для YouTube. Замість важкого iframe завантажується легка картинка-прев'ю (20кб). Плеєр ініціалізується тільки після кліку (економія ~800кб трафіку).
Server Side: Налаштовано GZIP-стиснення, кешування браузера (Expires Headers) та HTTPS редіректи через .htaccess.

2. UX/UI та Адаптивність:
Повністю адаптивна верстка (Mobile First), коректне відображення на iOS (Safari) та Android.
Виправлено типові помилки мобільних відео (playsinline, mute).
Реалізовано плавний скрол та анімацію появи блоків (Intersection Observer API) без навантаження на процесор.
Темна тема ("Techno Dark") з неоновими акцентами, що відповідає ніші гаджетів.

3. Функціонал та Лід-генерація:
Форма замовлення: AJAX-відправка даних без перезавантаження сторінки.
Сповіщення: Миттєва відправка заявок у Telegram (менеджеру в особисті або в канал) та дублювання на Email.
Валідація полів та захист від спаму на рівні PHP (strip_tags).

Результат:
Створено швидкий та якісний сайт