| | <!DOCTYPE html> |
| | <html lang="ru"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>FitPower Pro - студия здорового фитнеса в Санкт-Петербурге</title> |
| | <link rel="stylesheet" href="style.css"> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | </head> |
| | <body class="bg-gray-50"> |
| | <custom-navbar></custom-navbar> |
| | |
| | <section class="sporty-gradient py-32 relative overflow-hidden"> |
| | <div class="absolute inset-0 bg-black opacity-20"></div> |
| | <div class="container mx-auto px-4 relative z-10"> |
| | <div class="text-center max-w-5xl mx-auto"> |
| | <h1 class="heading-font text-6xl md:text-8xl font-black text-white mb-6 slide-in"> |
| | FITPOWER PRO |
| | </h1> |
| | <p class="text-3xl md:text-4xl font-bold text-white mb-12 pulse-animation"> |
| | ТВОЯ СИЛА НАЧИНАЕТСЯ ЗДЕСЬ |
| | </p> |
| | <button class="sporty-btn text-2xl" onclick="openContactForm()"> |
| | <span>НАЧАТЬ ТРЕНИРОВКИ</span> |
| | </button> |
| | <div class="mt-12 flex justify-center space-x-8"> |
| | <div class="text-white text-center"> |
| | <div class="text-4xl font-black">500+</div> |
| | <div class="text-lg">КЛИЕНТОВ</div> |
| | </div> |
| | <div class="text-white text-center"> |
| | <div class="text-4xl font-black">5+</div> |
| | <div class="text-lg">ЛЕТ ОПЫТА</div> |
| | </div> |
| | <div class="text-white text-center"> |
| | <div class="text-4xl font-black">98%</div> |
| | <div class="text-lg">РЕЗУЛЬТАТ</div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="sporty-section"> |
| | <div class="container mx-auto px-4"> |
| | <div class="max-w-5xl mx-auto"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black text-center mb-12 bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent"> |
| | ЧТО ТАКОЕ FITPOWER PRO? |
| | </h2> |
| | <div class="grid md:grid-cols-2 gap-8"> |
| | <div class="space-y-6"> |
| | <p class="text-xl text-gray-800 leading-relaxed font-medium"> |
| | FITPOWER PRO - это не просто фитнес, это стиль жизни! Мы создали пространство, где каждый может раскрыть свой потенциал и стать лучшей версией себя. |
| | </p> |
| | <p class="text-xl text-gray-800 leading-relaxed font-medium"> |
| | Забудьте о скучных тренировках и строгих диетах. У нас вы найдете энергию, мотивацию и реальные результаты! |
| | </p> |
| | </div> |
| | <div class="bg-gradient-to-br from-purple-100 to-pink-100 rounded-2xl p-8"> |
| | <div class="space-y-4"> |
| | <div class="flex items-center space-x-3"> |
| | <i data-feather="check-circle" class="w-8 h-8 text-green-500 icon-animate"></i> |
| | <span class="text-lg font-semibold">Индивидуальный подход</span> |
| | </div> |
| | <div class="flex items-center space-x-3"> |
| | <i data-feather="check-circle" class="w-8 h-8 text-green-500 icon-animate"></i> |
| | <span class="text-lg font-semibold">Современное оборудование</span> |
| | </div> |
| | <div class="flex items-center space-x-3"> |
| | <i data-feather="check-circle" class="w-8 h-8 text-green-500 icon-animate"></i> |
| | <span class="text-lg font-semibold">Профессиональные тренеры</span> |
| | </div> |
| | <div class="flex items-center space-x-3"> |
| | <i data-feather="check-circle" class="w-8 h-8 text-green-500 icon-animate"></i> |
| | <span class="text-lg font-semibold">Гарантия результата</span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="sporty-section"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black text-center mb-12 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent"> |
| | НАШИ ТРЕНИРОВКИ |
| | </h2> |
| | <div class="grid md:grid-cols-3 gap-6 max-w-5xl mx-auto"> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-orange-400 to-red-500 w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-4"> |
| | <i data-feather="zap" class="w-12 h-12 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">СИЛОВЫЕ</h3> |
| | <p class="text-gray-600">Мощные тренировки с отягощениями для построения идеального тела</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-green-400 to-blue-500 w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-4"> |
| | <i data-feather="activity" class="w-12 h-12 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">КАРДИО</h3> |
| | <p class="text-gray-600">Выносливость и энергия для достижения новых высот</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-purple-400 to-pink-500 w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-4"> |
| | <i data-feather="heart" class="w-12 h-12 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-bold mb-3">ЙОГА</h3> |
| | <p class="text-gray-600">Гармония тела и духа для баланса в жизни</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="py-20 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-4xl font-bold text-center mb-12 text-gray-900">Кому подходит Vitnes?</h2> |
| | <div class="max-w-4xl mx-auto"> |
| | <div class="bg-gradient-to-r from-emerald-50 to-teal-50 rounded-2xl p-8"> |
| | <p class="text-lg text-gray-700 leading-relaxed"> |
| | Мы ориентированы на людей не обладающих высокой физической подготовкой, но которые хотели бы выглядеть и чувствовать себя хорошо без истязаний в зале. Наши клиенты часто говорят, что никогда не считали себя спортсменами и не любили физкультуру в школе, и мы их очень хорошо пониманием - неподходящая нагрузка может легко отбить любое желание тренироваться. Поэтому мы подбираем оптимальную нагрузку, после которой наши клиенты не просто достигают своих целей, но и делают фитнес частью своей жизни, оставаясь с нами надолго. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="sporty-section"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black text-center mb-12 bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent"> |
| | ТРЕНЕРСКАЯ КОМАНДА |
| | </h2> |
| | <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto"> |
| | |
| | <div class="coach-card card-hover"> |
| | <img src="https://vitnes.pro/i/malin.jpg" alt="Евгений Малин" class="w-full h-80 object-cover"> |
| | <div class="p-8"> |
| | <h3 class="text-3xl font-black mb-2">ЕВГЕНИЙ МАЛИН</h3> |
| | <p class="text-gray-600 mb-4 text-lg">Основатель и главный тренер</p> |
| | <div class="flex items-center justify-between mb-6"> |
| | <div> |
| | <p class="text-4xl font-black bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">3000₽</p> |
| | <p class="text-gray-700 font-semibold">Персональная тренировка</p> |
| | </div> |
| | <div class="text-right"> |
| | <div class="text-yellow-500">★★★★★</div> |
| | <p class="text-sm text-gray-600">5.0 (127 отзывов)</p> |
| | </div> |
| | </div> |
| | <button class="sporty-btn w-full" onclick="bookCoach('Евгений Малин')"> |
| | <span>ЗАПИСАТЬСЯ</span> |
| | </button> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="coach-card card-hover"> |
| | <img src="https://vitnes.pro/i/malina.jpg" alt="Ирина Малина" class="w-full h-80 object-cover"> |
| | <div class="p-8"> |
| | <h3 class="text-3xl font-black mb-2">ИРИНА МАЛИНА</h3> |
| | <p class="text-gray-600 mb-4 text-lg">Старший тренер</p> |
| | <div class="flex items-center justify-between mb-6"> |
| | <div> |
| | <p class="text-4xl font-black bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">2500₽</p> |
| | <p class="text-gray-700 font-semibold">Персональная тренировка</p> |
| | </div> |
| | <div class="text-right"> |
| | <div class="text-yellow-500">★★★★★</div> |
| | <p class="text-sm text-gray-600">4.9 (98 отзывов)</p> |
| | </div> |
| | </div> |
| | <button class="sporty-btn w-full" onclick="bookCoach('Ирина Малина')"> |
| | <span>ЗАПИСАТЬСЯ</span> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="text-center mt-12"> |
| | <a href="https://vk.com/market-157252920" class="inline-flex items-center text-2xl font-bold text-purple-600 hover:text-purple-700 transition-colors"> |
| | ВСЕ ТРЕНЕРЫ |
| | <i data-feather="arrow-right" class="ml-3 w-8 h-8 icon-animate"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="sporty-section"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black text-center mb-12 bg-gradient-to-r from-red-600 to-orange-600 bg-clip-text text-transparent"> |
| | ПОЧЕМУ МЫ? |
| | </h2> |
| | <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto"> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-yellow-400 to-orange-500 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6"> |
| | <i data-feather="award" class="w-14 h-14 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-black mb-3">ЭКСКЛЮЗИВНОСТЬ</h3> |
| | <p class="text-gray-700 text-lg">Максимально 5 человек в зале для полного комфорта и внимания тренера</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-blue-400 to-purple-500 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6"> |
| | <i data-feather="target" class="w-14 h-14 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-black mb-3">РЕЗУЛЬТАТ</h3> |
| | <p class="text-gray-700 text-lg">Гарантированные изменения тела уже через 4 недели тренировок</p> |
| | </div> |
| | <div class="feature-card"> |
| | <div class="bg-gradient-to-br from-green-400 to-teal-500 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6"> |
| | <i data-feather="shield" class="w-14 h-14 text-white"></i> |
| | </div> |
| | <h3 class="text-2xl font-black mb-3">БЕЗОПАСНОСТЬ</h3> |
| | <p class="text-gray-700 text-lg">Никаких рисков - платите только за посещенные тренировки</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="cta-section"> |
| | <div class="container mx-auto px-4 relative z-10"> |
| | <div class="text-center max-w-4xl mx-auto"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black mb-6">ГОТОВ К ИЗМЕНЕНИЯМ?</h2> |
| | <p class="text-3xl mb-12 font-bold">ТВОЕ НОВОЕ ТЕЛО ЖДЕТ ТЕБЯ!</p> |
| | <button class="sporty-btn text-2xl mb-12" onclick="openContactForm()"> |
| | <span>ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ</span> |
| | </button> |
| | <div class="flex flex-wrap justify-center gap-8 text-xl"> |
| | <a href="https://wa.me/79516750779" class="flex items-center hover:scale-110 transition-transform"> |
| | <i data-feather="message-circle" class="w-8 h-8 mr-3"></i> |
| | WhatsApp |
| | </a> |
| | <a href="https://t.me/evgmalin54" class="flex items-center hover:scale-110 transition-transform"> |
| | <i data-feather="send" class="w-8 h-8 mr-3"></i> |
| | Telegram |
| | </a> |
| | <a href="tel:+78127482376" class="flex items-center hover:scale-110 transition-transform"> |
| | <i data-feather="phone" class="w-8 h-8 mr-3"></i> |
| | +7 (812) 748-23-76 |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="sporty-section"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="heading-font text-5xl md:text-6xl font-black text-center mb-12 bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent"> |
| | КАК НАЧАТЬ? |
| | </h2> |
| | <div class="max-w-4xl mx-auto"> |
| | <div class="space-y-6"> |
| | <div class="process-step flex items-center space-x-6"> |
| | <div class="number-badge">1</div> |
| | <div> |
| | <h3 class="text-2xl font-black mb-2">ОСТАВЬТЕ ЗАЯВКУ</h3> |
| | <p class="text-gray-700 text-lg">Заполните форму и мы свяжемся с вами в течение 30 минут</p> |
| | </div> |
| | </div> |
| | <div class="process-step flex items-center space-x-6"> |
| | <div class="number-badge">2</div> |
| | <div> |
| | <h3 class="text-2xl font-black mb-2">БЕСПЛАТНАЯ КОНСУЛЬТАЦИЯ</h3> |
| | <p class="text-gray-700 text-lg">Обсудим ваши цели и составим индивидуальный план тренировок</p> |
| | </div> |
| | </div> |
| | <div class="process-step flex items-center space-x-6"> |
| | <div class="number-badge">3</div> |
| | <div> |
| | <h3 class="text-2xl font-black mb-2">ПЕРВАЯ ТРЕНИРОВКА</h3> |
| | <p class="text-gray-700 text-lg">Пробное занятие со скидкой 50% для знакомства с нашей методикой</p> |
| | </div> |
| | </div> |
| | <div class="process-step flex items-center space-x-6"> |
| | <div class="number-badge">4</div> |
| | <div> |
| | <h3 class="text-2xl font-black mb-2">СТАРТ ПРОГРАММЫ</h3> |
| | <p class="text-gray-700 text-lg">Начинаем путь к вашей идеальной форме!</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | <custom-footer></custom-footer> |
| |
|
| | <script src="components/navbar.js"></script> |
| | <script src="components/footer.js"></script> |
| | <script src="script.js"></script> |
| | <script>feather.replace();</script> |
| | </body> |
| | </html> |
