Лендінг з Figma — Next.js і TypeScript

⏱ Тривалість: 20 годин (з правками й оновленнями контенту)

🛠 Стек: Next.js, Tailwind CSS, TypeScript, Mailgun, Swiper

Процес:

1. Верстка з Figma: макет відтворений детально. Додав анімацію завантаження і слайдер на Swiper.js.

2. Mobile-first: сітки від мобільного до десктопа. Окремі зображення для десктопа, планшета й телефона.

3. SEO: метатеги, ієрархія заголовків, alt та інші практики, 100% у SEO-аудиті.

4. Доступність (WCAG): семантичні теги, підписи й структура.

5. Форма: Mailgun, валідація, помилки й повідомлення про успіх.

6. Швидкість: адаптивні зображення і lazy loading для некритичних ресурсів.

💡 Результат:

Швидкий, SEO-оптимізований і доступний лендінг із плавною мобільною версією і надійними заявками — відповідно до бачення клієнта.

📩 Потрібна швидка якісна розробка? Напишіть мені.