122vi's picture
Лендинг эксперта по визамт талантов США: Сверху расположено меню по блокам Слева: Виталий Савинский - эксперт по визам талантов ЕВ-1 и О-1 США. Комплексное сопровождение подготовки кейса. Более 3 лет опыта 35 одобренных кейсов Слева: Фото с экспертом Вокруг фото с экспертом надписи: Сопровождение по сбору документов для визы талантов Собственная AI платформа для клиентов Написание кейса Вертска кейса Кнопка: Получить бесплатную консультацию с оценкой шансов Следующий блок: Обращаясь к нам, вы получите весь спектр услуг в одном месте: Комплексный подход к подготовке кейса Консультация и реальная оценка шансов на получение визы талантов США Полное сопровождение в сборе документов Круглосуточный доступ к собственной AI-платформе для оценки документов Кнопка: Получить бесплатную консультацию Отзывы клиентов, подтвержденные рекомендательными письмами: Кандидат технических наук, Казахстан: Место для вставки картинки Инженер, Россия: Место для вставки картинки Художник-иллюстратор, Казахстан: Место для вставки картинки Получить оценку шансов Следующий экран: Тарифы: Тариф "Стандарт" Доступ к платформе TalentVisaAI - для анализа документов и получения рекомендаций на 6 месяцев 10 консультаций с экспертом (консультация 1 час) 5 проверок собранных документов Персональный телеграм чат Стоимость 99 000 рублей Акция: При покупке тарифа до 15 сентября получаете написание 3 рекомендательных писем для кейса в подарок Срок действия тарифа "Стандарт" 6 месяцев Кнопка: Купить тариф "Стандарт" Тариф "Премиум": Доступ к платформе TalentVisaAI - для анализа документов и получения рекомендаций на 12 месяцев 15 консультаций с экспертом Помощь в сборе материалов из открытых источников Написание 7 рекомендательных писем Написание кейса Верстка кейса Стоимость 300 000 рублей перечеркнута и указано Акция: при покупке до 15 сентября стоимость 245 000 рублей Срок действия тарифа "Премиум" 18 месяцев Кнопка: Купить тариф "Премиум" Последний блок: Получите бесплатную консультацию эксперта и узнайте шансы на получение визы талантов США - Изучим имеющиеся документы - Дадим реальную оценку шансов - Разработаем персональную стратегию Окно для оставления имени и номера телефона Кнопка: Оставить заявку на бесплатную консультацию - Initial Deployment
f16ad31 verified
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Виталий Савинский - Эксперт по визам талантов США EB-1 и O-1</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.hero-gradient {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}
.testimonial-card {
transition: all 0.3s ease;
}
.testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.pricing-card {
transition: all 0.3s ease;
}
.pricing-card:hover {
transform: scale(1.02);
}
.feature-bubble {
position: absolute;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
.bubble-1 {
width: 100px;
height: 100px;
top: -20px;
left: -20px;
animation-delay: 0s;
}
.bubble-2 {
width: 80px;
height: 80px;
top: 30%;
right: -30px;
animation-delay: 1s;
}
.bubble-3 {
width: 90px;
height: 90px;
bottom: 20px;
left: 10%;
animation-delay: 2s;
}
.bubble-4 {
width: 70px;
height: 70px;
bottom: -20px;
right: 20%;
animation-delay: 3s;
}
</style>
</head>
<body class="font-sans bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-md sticky top-0 z-50">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<div class="text-xl font-bold text-blue-800">TalentVisaExpert</div>
<div class="hidden md:flex space-x-8">
<a href="#services" class="text-gray-700 hover:text-blue-600 transition">Услуги</a>
<a href="#about" class="text-gray-700 hover:text-blue-600 transition">Обо мне</a>
<a href="#reviews" class="text-gray-700 hover:text-blue-600 transition">Отзывы</a>
<a href="#pricing" class="text-gray-700 hover:text-blue-600 transition">Тарифы</a>
<a href="#consultation" class="text-gray-700 hover:text-blue-600 transition">Консультация</a>
</div>
<button class="md:hidden text-gray-700">
<i class="fas fa-bars text-xl"></i>
</button>
</div>
</nav>
<!-- Hero Section -->
<section id="about" class="hero-gradient text-white py-16 md:py-24">
<div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
<h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6">Виталий Савинский</h1>
<h2 class="text-xl md:text-2xl lg:text-3xl font-semibold mb-6">Эксперт по визам талантов EB-1 и O-1 США</h2>
<p class="text-lg mb-8">Комплексное сопровождение подготовки кейса для получения визы талантов в США</p>
<div class="mb-8">
<div class="flex items-center mb-3">
<div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-check"></i>
</div>
<span>Более 3 лет опыта</span>
</div>
<div class="flex items-center">
<div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center mr-3">
<i class="fas fa-check"></i>
</div>
<span>35 одобренных кейсов</span>
</div>
</div>
<button class="bg-white text-blue-800 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition transform hover:scale-105 shadow-lg">
Получить бесплатную консультацию с оценкой шансов
</button>
</div>
<div class="md:w-1/2 relative">
<div class="relative">
<img src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=760&q=80"
alt="Виталий Савинский"
class="rounded-lg shadow-2xl w-full max-w-md mx-auto">
<!-- Feature Bubbles -->
<div class="feature-bubble bubble-1 hidden md:block">
<div class="text-center p-2">
<i class="fas fa-file-alt text-blue-600 text-2xl mb-1"></i>
<p class="text-xs font-semibold text-gray-700">Сопровождение по сбору документов</p>
</div>
</div>
<div class="feature-bubble bubble-2 hidden md:block">
<div class="text-center p-2">
<i class="fas fa-robot text-blue-600 text-2xl mb-1"></i>
<p class="text-xs font-semibold text-gray-700">AI платформа для клиентов</p>
</div>
</div>
<div class="feature-bubble bubble-3 hidden md:block">
<div class="text-center p-2">
<i class="fas fa-pen-fancy text-blue-600 text-2xl mb-1"></i>
<p class="text-xs font-semibold text-gray-700">Написание кейса</p>
</div>
</div>
<div class="feature-bubble bubble-4 hidden md:block">
<div class="text-center p-2">
<i class="fas fa-laptop-code text-blue-600 text-2xl mb-1"></i>
<p class="text-xs font-semibold text-gray-700">Верстка кейса</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Обращаясь к нам, вы получите весь спектр услуг в одном месте</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-project-diagram text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2 text-gray-800">Комплексный подход</h3>
<p class="text-gray-600">Полная подготовка кейса с учетом всех требований USCIS</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-chart-line text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2 text-gray-800">Оценка шансов</h3>
<p class="text-gray-600">Реальная оценка ваших шансов на получение визы талантов</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-folder-open text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2 text-gray-800">Сбор документов</h3>
<p class="text-gray-600">Полное сопровождение в сборе и подготовке документов</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-brain text-blue-600 text-xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2 text-gray-800">AI-платформа</h3>
<p class="text-gray-600">Круглосуточный доступ к платформе для оценки документов</p>
</div>
</div>
<div class="text-center mt-12">
<button class="bg-blue-600 text-white font-bold py-3 px-8 rounded-full hover:bg-blue-700 transition transform hover:scale-105 shadow-lg">
Получить бесплатную консультацию
</button>
</div>
</div>
</section>
<!-- Reviews Section -->
<section id="reviews" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Отзывы клиентов</h2>
<p class="text-center text-gray-600 mb-12 max-w-2xl mx-auto">Подтвержденные рекомендательными письмами от наших клиентов, успешно получивших визы талантов США</p>
<div class="grid md:grid-cols-3 gap-8">
<!-- Review 1 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-center mb-4">
<img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
alt="Кандидат технических наук"
class="w-16 h-16 rounded-full object-cover mr-4">
<div>
<h4 class="font-semibold">Кандидат технических наук</h4>
<p class="text-gray-500 text-sm">Казахстан</p>
</div>
</div>
<p class="text-gray-700 mb-4">"Благодаря Виталию получил визу EB-1 с первого раза. Профессиональный подход к сбору документов и подготовке кейса."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Review 2 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-center mb-4">
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
alt="Инженер"
class="w-16 h-16 rounded-full object-cover mr-4">
<div>
<h4 class="font-semibold">Инженер</h4>
<p class="text-gray-500 text-sm">Россия</p>
</div>
</div>
<p class="text-gray-700 mb-4">"Очень доволен результатом. Виза O-1 одобрена без запросов дополнительных документов. Особенно полезной была AI-платформа."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<!-- Review 3 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-center mb-4">
<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5cd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=688&q=80"
alt="Художник-иллюстратор"
class="w-16 h-16 rounded-full object-cover mr-4">
<div>
<h4 class="font-semibold">Художник-иллюстратор</h4>
<p class="text-gray-500 text-sm">Казахстан</p>
</div>
</div>
<p class="text-gray-700 mb-4">"Как творческому человеку мне было сложно систематизировать достижения. Виталий помог представить мои работы в выгодном свете."</p>
<div class="flex text-yellow-400">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
<div class="text-center mt-12">
<button class="bg-blue-600 text-white font-bold py-3 px-8 rounded-full hover:bg-blue-700 transition transform hover:scale-105 shadow-lg">
Получить оценку шансов
</button>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Тарифы</h2>
<div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
<!-- Standard Plan -->
<div class="pricing-card bg-gray-50 border border-gray-200 rounded-lg p-8 relative overflow-hidden">
<div class="absolute top-0 right-0 bg-blue-600 text-white px-4 py-1 text-sm font-bold">
САМЫЙ ВЫГОДНЫЙ
</div>
<h3 class="text-2xl font-bold mb-4 text-gray-800">Тариф "Стандарт"</h3>
<div class="mb-6">
<span class="text-3xl font-bold text-blue-600">99 000 ₽</span>
</div>
<ul class="space-y-3 mb-8">
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Доступ к TalentVisaAI на 6 месяцев</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>10 консультаций с экспертом (по 1 часу)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>5 проверок собранных документов</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Персональный Telegram-чат</span>
</li>
</ul>
<div class="bg-blue-50 border border-blue-100 rounded-lg p-4 mb-6">
<div class="flex items-center">
<i class="fas fa-gift text-blue-600 mr-2"></i>
<span class="font-semibold">Акция до 15 сентября:</span>
</div>
<p class="mt-1 text-sm">Написание 3 рекомендательных писем для кейса в подарок</p>
</div>
<p class="text-gray-500 text-sm mb-6">Срок действия тарифа: 6 месяцев</p>
<button class="w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition">
Купить тариф "Стандарт"
</button>
</div>
<!-- Premium Plan -->
<div class="pricing-card bg-gray-50 border border-gray-200 rounded-lg p-8">
<h3 class="text-2xl font-bold mb-4 text-gray-800">Тариф "Премиум"</h3>
<div class="mb-6">
<span class="text-gray-500 line-through mr-2">300 000 ₽</span>
<span class="text-3xl font-bold text-blue-600">245 000 ₽</span>
</div>
<ul class="space-y-3 mb-8">
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Доступ к TalentVisaAI на 12 месяцев</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>15 консультаций с экспертом</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Помощь в сборе материалов</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Написание 7 рекомендательных писем</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Написание и верстка кейса</span>
</li>
</ul>
<div class="bg-blue-50 border border-blue-100 rounded-lg p-4 mb-6">
<div class="flex items-center">
<i class="fas fa-gift text-blue-600 mr-2"></i>
<span class="font-semibold">Акция до 15 сентября:</span>
</div>
<p class="mt-1 text-sm">Скидка 55 000 рублей</p>
</div>
<p class="text-gray-500 text-sm mb-6">Срок действия тарифа: 18 месяцев</p>
<button class="w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition">
Купить тариф "Премиум"
</button>
</div>
</div>
</div>
</section>
<!-- Consultation Section -->
<section id="consultation" class="py-16 bg-blue-600 text-white">
<div class="container mx-auto px-4 max-w-4xl">
<h2 class="text-3xl font-bold text-center mb-6">Получите бесплатную консультацию эксперта</h2>
<p class="text-center text-blue-100 mb-12 text-xl">Узнайте свои шансы на получение визы талантов США</p>
<div class="grid md:grid-cols-3 gap-8 mb-12">
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-file-alt text-2xl"></i>
</div>
<p>Изучим имеющиеся документы</p>
</div>
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-chart-pie text-2xl"></i>
</div>
<p>Дадим реальную оценку шансов</p>
</div>
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-chess text-2xl"></i>
</div>
<p>Разработаем персональную стратегию</p>
</div>
</div>
<form class="bg-white rounded-lg shadow-lg p-6">
<div class="grid md:grid-cols-2 gap-6 mb-6">
<div>
<label for="name" class="block text-gray-700 font-medium mb-2">Ваше имя</label>
<input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Иван Иванов">
</div>
<div>
<label for="phone" class="block text-gray-700 font-medium mb-2">Номер телефона</label>
<input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="+7 (999) 123-45-67">
</div>
</div>
<button type="submit" class="w-full bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition transform hover:scale-105 shadow-lg">
Оставить заявку на бесплатную консультацию
</button>
</form>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<div class="text-xl font-bold mb-2">TalentVisaExpert</div>
<p class="text-gray-400">Экспертная помощь в получении виз талантов США</p>
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-white transition">
<i class="fab fa-telegram text-2xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i class="fab fa-whatsapp text-2xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i class="fab fa-instagram text-2xl"></i>
</a>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
<p>© 2023 Виталий Савинский. Все права защищены.</p>
</div>
</div>
</footer>
<script>
// Simple form submission handler
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById('name').value;
const phone = document.getElementById('phone').value;
if(name && phone) {
alert(`Спасибо, ${name}! Мы свяжемся с вами по номеру ${phone} в ближайшее время.`);
document.getElementById('name').value = '';
document.getElementById('phone').value = '';
} else {
alert('Пожалуйста, заполните все поля формы.');
}
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=122vi/https-huggingface-co-spaces-122vi-visa-expert" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>