Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>VR Academy - Learn VR Development in VR</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> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #6e00ff 0%, #3a00ba 50%, #001aff 100%); | |
| } | |
| .vr-card { | |
| transform-style: preserve-3d; | |
| transition: all 0.5s ease; | |
| } | |
| .vr-card:hover { | |
| transform: translateY(-10px) rotateX(5deg); | |
| box-shadow: 0 25px 50px -12px rgba(0, 0, 255, 0.25); | |
| } | |
| .language-selector { | |
| transition: all 0.3s ease; | |
| } | |
| .language-selector:hover { | |
| transform: scale(1.1); | |
| } | |
| .glow { | |
| animation: glow 2s infinite alternate; | |
| } | |
| @keyframes glow { | |
| from { | |
| box-shadow: 0 0 5px -5px #3a86ff; | |
| } | |
| to { | |
| box-shadow: 0 0 20px 5px #3a86ff; | |
| } | |
| } | |
| .vr-headset { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Language Selector --> | |
| <div class="fixed top-4 right-4 z-50 flex space-x-2"> | |
| <button onclick="changeLanguage('ru')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">RU</button> | |
| <button onclick="changeLanguage('en')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">EN</button> | |
| <button onclick="changeLanguage('fi')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">FI</button> | |
| </div> | |
| <!-- Header --> | |
| <header class="hero-gradient text-white"> | |
| <div class="container mx-auto px-6 py-12"> | |
| <nav class="flex items-center justify-between"> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-10 h-10 bg-white rounded-full flex items-center justify-center"> | |
| <i class="fas fa-vr-cardboard text-blue-600 text-xl"></i> | |
| </div> | |
| <span class="text-xl font-bold">VR Academy</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#about" class="hover:text-blue-200 transition" data-i18n="nav_about">О проекте</a> | |
| <a href="#benefits" class="hover:text-blue-200 transition" data-i18n="nav_benefits">Преимущества</a> | |
| <a href="#program" class="hover:text-blue-200 transition" data-i18n="nav_program">Программа</a> | |
| <a href="#investors" class="hover:text-blue-200 transition" data-i18n="nav_investors">Инвесторам</a> | |
| <a href="#contact" class="hover:text-blue-200 transition" data-i18n="nav_contact">Контакты</a> | |
| </div> | |
| <button class="bg-white text-blue-600 px-6 py-2 rounded-full font-medium hover:bg-blue-50 transition glow" data-i18n="nav_signup">Записаться</button> | |
| </nav> | |
| <div class="mt-20 md:mt-32 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6" data-i18n="hero_title">Изучай VR разработку в виртуальной реальности</h1> | |
| <p class="text-xl mb-8 text-blue-100" data-i18n="hero_subtitle">Революционный образовательный проект в Meta Horizon и VR Chat</p> | |
| <div class="flex space-x-4"> | |
| <button class="bg-white text-blue-600 px-8 py-3 rounded-full font-medium hover:bg-blue-50 transition" data-i18n="hero_cta">Начать обучение</button> | |
| <button class="border-2 border-white text-white px-8 py-3 rounded-full font-medium hover:bg-white hover:text-blue-600 transition" data-i18n="hero_demo">Демо-версия</button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative vr-headset"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/5968/5968252.png" alt="VR Headset" class="w-64 h-64 md:w-80 md:h-80"> | |
| <div class="absolute -bottom-6 -right-6 bg-blue-500 text-white px-4 py-2 rounded-full text-sm font-bold" data-i18n="hero_badge">Новое поколение обучения</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="about_title">О проекте VR Academy</h2> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1589254065878-42a9c0f1f07a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="VR Learning" class="rounded-xl shadow-xl w-full"> | |
| <div class="absolute -top-6 -left-6 bg-white p-4 rounded-xl shadow-lg"> | |
| <div class="text-blue-600 text-4xl font-bold">100%</div> | |
| <div class="text-gray-600 text-sm" data-i18n="about_stat1">практики в VR</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 md:pl-16"> | |
| <h3 class="text-2xl font-bold mb-6" data-i18n="about_subtitle">Революция в образовании</h3> | |
| <p class="text-gray-600 mb-6" data-i18n="about_text1">VR Academy - это первый в мире образовательный проект, где вы изучаете разработку VR-приложений непосредственно в виртуальной реальности. Наши студенты получают уникальный опыт обучения, работая с кодом и 3D-моделями в интерактивной VR-среде.</p> | |
| <p class="text-gray-600 mb-8" data-i18n="about_text2">Мы создали специальные образовательные пространства в Meta Horizon и VR Chat, где студенты могут не только учиться, но и сразу тестировать свои разработки, общаться с преподавателями и другими студентами в режиме реального времени.</p> | |
| <div class="flex flex-wrap gap-4"> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> | |
| <i class="fas fa-check text-blue-600"></i> | |
| </div> | |
| <span data-i18n="about_feature1">Безграничные возможности</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> | |
| <i class="fas fa-check text-blue-600"></i> | |
| </div> | |
| <span data-i18n="about_feature2">Интерактивное обучение</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> | |
| <i class="fas fa-check text-blue-600"></i> | |
| </div> | |
| <span data-i18n="about_feature3">Глобальное сообщество</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Benefits Section --> | |
| <section id="benefits" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="benefits_title">Преимущества обучения в VR</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="benefits_subtitle">Почему наша методика эффективнее традиционных курсов</p> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-hands-helping text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit1_title">Интерактивные лекции</h3> | |
| <p class="text-gray-600" data-i18n="benefit1_text">Преподаватели проводят занятия в VR, где можно наглядно демонстрировать концепции и сразу применять их на практике.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-code text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit2_title">VR-кодинг</h3> | |
| <p class="text-gray-600" data-i18n="benefit2_text">Пишите код в виртуальной среде с помощью специальных VR-инструментов, визуализируя структуры данных и алгоритмы.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-users text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit3_title">Совместная работа</h3> | |
| <p class="text-gray-600" data-i18n="benefit3_text">Работайте над проектами вместе с другими студентами в виртуальных рабочих пространствах в режиме реального времени.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-vr-cardboard text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit4_title">Тестирование в VR</h3> | |
| <p class="text-gray-600" data-i18n="benefit4_text">Сразу тестируйте свои приложения в виртуальной реальности без необходимости переключаться между средами.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-graduation-cap text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit5_title">Персональные наставники</h3> | |
| <p class="text-gray-600" data-i18n="benefit5_text">Получайте индивидуальные консультации от преподавателей, которые появляются рядом с вами в VR.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg vr-card"> | |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-briefcase text-blue-600 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4" data-i18n="benefit6_title">Карьерные возможности</h3> | |
| <p class="text-gray-600" data-i18n="benefit6_text">Доступ к эксклюзивным вакансиям от наших партнеров - ведущих VR-студий мира.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Program Section --> | |
| <section id="program" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="program_title">Программа обучения</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="program_subtitle">6-месячный интенсивный курс с полным погружением в VR</p> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="relative"> | |
| <!-- Timeline line --> | |
| <div class="hidden md:block absolute left-1/2 h-full w-1 bg-blue-100 transform -translate-x-1/2"></div> | |
| <!-- Timeline items --> | |
| <div class="relative z-10 space-y-12"> | |
| <!-- Month 1 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month1_title">Основы VR разработки</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month1_item1">• Введение в VR технологии</li> | |
| <li data-i18n="month1_item2">• Основы Unity/Unreal Engine</li> | |
| <li data-i18n="month1_item3">• VR-интерфейсы и UX</li> | |
| </ul> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">1</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month1_project">Проект: Создание простой VR-сцены</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Month 2 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month2_project">Проект: Интерактивная VR-галерея</p> | |
| </div> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">2</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month2_title">3D моделирование для VR</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month2_item1">• Основы 3D моделирования</li> | |
| <li data-i18n="month2_item2">• Оптимизация для VR</li> | |
| <li data-i18n="month2_item3">• Анимации в VR</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Month 3 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month3_title">Программирование в VR</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month3_item1">• C# для Unity</li> | |
| <li data-i18n="month3_item2">• Blueprints в Unreal</li> | |
| <li data-i18n="month3_item3">• Физика в VR</li> | |
| </ul> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">3</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month3_project">Проект: VR-игра с физикой</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Month 4 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month4_project">Проект: Мультиплеерный VR-чат</p> | |
| </div> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">4</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month4_title">Мультиплеер и социальные VR</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month4_item1">• Сетевые технологии</li> | |
| <li data-i18n="month4_item2">• Аватары и жесты</li> | |
| <li data-i18n="month4_item3">• Пространственный звук</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Month 5 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month5_title">Продвинутые техники</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month5_item1">• Оптимизация VR-приложений</li> | |
| <li data-i18n="month5_item2">• ИИ в виртуальной реальности</li> | |
| <li data-i18n="month5_item3">• Дополненная реальность</li> | |
| </ul> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">5</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month5_project">Проект: Оптимизированное VR-приложение</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Month 6 --> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right"> | |
| <div class="bg-blue-100 p-4 rounded-lg"> | |
| <p class="text-blue-800" data-i18n="month6_project">Дипломный проект: Полноценное VR-приложение</p> | |
| </div> | |
| </div> | |
| <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">6</div> | |
| <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none"> | |
| <h3 class="text-xl font-bold mb-2" data-i18n="month6_title">Дипломный проект</h3> | |
| <ul class="text-gray-600 space-y-1"> | |
| <li data-i18n="month6_item1">• Разработка собственного проекта</li> | |
| <li data-i18n="month6_item2">• Тестирование и отладка</li> | |
| <li data-i18n="month6_item3">• Презентация в VR</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Investors Section --> | |
| <section id="investors" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="investors_title">Для инвесторов</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="investors_subtitle">Инвестируйте в будущее образования и виртуальной реальности</p> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <div class="bg-white p-8 rounded-xl shadow-lg"> | |
| <h3 class="text-2xl font-bold mb-6" data-i18n="investors_opportunity">Бизнес-возможности</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-chart-line text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="investors_point1_title">Рост рынка VR-образования</h4> | |
| <p class="text-gray-600 text-sm" data-i18n="investors_point1_text">Ожидается рост рынка VR в образовании до $12.6 млрд к 2026 году с CAGR 42.9%.</p> | |
| </div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-users text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="investors_point2_title">Глобальная аудитория</h4> | |
| <p class="text-gray-600 text-sm" data-i18n="investors_point2_text">Более 200 млн активных пользователей VR-платформ к 2025 году.</p> | |
| </div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-lightbulb text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="investors_point3_title">Уникальная технология</h4> | |
| <p class="text-gray-600 text-sm" data-i18n="investors_point3_text">Запатентованные методы обучения в VR с доказанной эффективностью.</p> | |
| </div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-handshake text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="investors_point4_title">Партнерства</h4> | |
| <p class="text-gray-600 text-sm" data-i18n="investors_point4_text">Сотрудничество с Meta, Valve, HTC и другими лидерами индустрии.</p> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 md:pl-12"> | |
| <div class="bg-blue-600 text-white p-8 rounded-xl shadow-lg"> | |
| <h3 class="text-2xl font-bold mb-6" data-i18n="investors_numbers">Ключевые показатели</h3> | |
| <div class="grid grid-cols-2 gap-6 mb-8"> | |
| <div class="bg-blue-700 p-4 rounded-lg text-center"> | |
| <div class="text-3xl font-bold mb-2">87%</div> | |
| <div class="text-sm" data-i18n="metric1">Успешных выпускников</div> | |
| </div> | |
| <div class="bg-blue-700 p-4 rounded-lg text-center"> | |
| <div class="text-3xl font-bold mb-2">5x</div> | |
| <div class="text-sm" data-i18n="metric2">Рост выручки за год</div> | |
| </div> | |
| <div class="bg-blue-700 p-4 rounded-lg text-center"> | |
| <div class="text-3xl font-bold mb-2">$2.4M</div> | |
| <div class="text-sm" data-i18n="metric3">Годовая выручка</div> | |
| </div> | |
| <div class="bg-blue-700 p-4 rounded-lg text-center"> | |
| <div class="text-3xl font-bold mb-2">120%</div> | |
| <div class="text-sm" data-i18n="metric4">ROI для инвесторов</div> | |
| </div> | |
| </div> | |
| <button class="w-full bg-white text-blue-600 py-3 rounded-lg font-bold hover:bg-gray-100 transition" data-i18n="investors_cta">Получить инвестиционное предложение</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="testimonials_title">Отзывы наших студентов</h2> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="max-w-5xl mx-auto"> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Анна К.</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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> | |
| </div> | |
| <p class="text-gray-600 italic" data-i18n="testimonial1">"Обучение в VR Academy полностью изменило мой подход к разработке. Теперь я вижу код и 3D-модели в пространстве, что делает процесс намного более интуитивным."</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Максим П.</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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> | |
| </div> | |
| <p class="text-gray-600 italic" data-i18n="testimonial2">"После курса я получил оффер от ведущей VR-студии. Работодатели ценят уникальный опыт разработки непосредственно в виртуальной реальности."</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Елена С.</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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> | |
| <p class="text-gray-600 italic" data-i18n="testimonial3">"Сообщество VR Academy - это невероятно поддерживающая среда. Мы продолжаем сотрудничать над проектами даже после окончания курса."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="contact_title">Готовы начать?</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="contact_subtitle">Оставьте заявку, и мы свяжемся с вами для консультации</p> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 bg-blue-600 text-white p-12"> | |
| <h3 class="text-2xl font-bold mb-6" data-i18n="contact_info_title">Контакты</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="mr-4 mt-1"> | |
| <i class="fas fa-map-marker-alt"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="contact_address_title">Адрес</h4> | |
| <p data-i18n="contact_address">Хельсинки, Финляндия</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="mr-4 mt-1"> | |
| <i class="fas fa-envelope"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="contact_email_title">Email</h4> | |
| <p>hello@vracademy.com</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="mr-4 mt-1"> | |
| <i class="fas fa-phone-alt"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold" data-i18n="contact_phone_title">Телефон</h4> | |
| <p>+358 40 123 4567</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12"> | |
| <h4 class="font-bold mb-4" data-i18n="contact_social_title">Мы в соцсетях</h4> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition"> | |
| <i class="fab fa-linkedin-in"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition"> | |
| <i class="fab fa-discord"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 p-12"> | |
| <form class="space-y-6"> | |
| <div> | |
| <label for="name" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_name">Имя</label> | |
| <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_email">Email</label> | |
| <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div> | |
| <label for="phone" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_phone">Телефон</label> | |
| <input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div> | |
| <label for="message" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_message">Сообщение</label> | |
| <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition" data-i18n="form_submit">Отправить заявку</button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="faq_title">Часто задаваемые вопросы</h2> | |
| <div class="w-20 h-1 bg-blue-600 mx-auto"></div> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="space-y-4"> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(1)"> | |
| <h3 class="font-bold" data-i18n="faq1_question">Какое оборудование мне понадобится для обучения?</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-1"></i> | |
| </button> | |
| <div class="px-6 pb-6 hidden" id="faq-answer-1"> | |
| <p class="text-gray-600" data-i18n="faq1_answer">Для обучения вам потребуется VR-гарнитура Meta Quest 2, 3 или Pro, либо любая другая PCVR гарнитура (Valve Index, HTC Vive и т.д.). Мы предоставляем рекомендации по выбору оборудования и специальные скидки для наших студентов.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(2)"> | |
| <h3 class="font-bold" data-i18n="faq2_question">Нужны ли предварительные знания программирования?</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-2"></i> | |
| </button> | |
| <div class="px-6 pb-6 hidden" id="faq-answer-2"> | |
| <p class="text-gray-600" data-i18n="faq2_answer">Наш курс подходит как для начинающих, так и для опытных разработчиков. Мы начинаем с основ и постепенно переходим к сложным концепциям. Если у вас совсем нет опыта в программировании, мы рекомендуем пройти наш подготовительный модуль.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(3)"> | |
| <h3 class="font-bold" data-i18n="faq3_question">Как проходит процесс обучения?</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-3"></i> | |
| </button> | |
| <div class="px-6 pb-6 hidden" id="faq-answer-3"> | |
| <p class="text-gray-600" data-i18n="faq3_answer">Обучение проходит в виртуальных классах в Meta Horizon и VR Chat. Вы посещаете лекции, работаете над проектами в VR-среде, получаете индивидуальные консультации от преподавателей и участвуете в групповых обсуждениях. Все материалы также доступны на нашей платформе.</p> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(4)"> | |
| <h3 class="font-bold" data-i18n="faq4_question">Есть ли возможность трудоустройства после курса?</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-4"></i> | |
| </button> | |
| <div class="px-6 pb-6 hidden" id="faq-answer-4"> | |
| <p class="text-gray-600" data-i18n="faq4_answer">Да, мы сотрудничаем с ведущими VR-студиями и помогаем нашим выпускникам с трудоустройством. Лучшие студенты получают приглашения на собеседования от наших партнеров. Также мы проводим VR-ярмарки вакансий, где вы можете пообщаться с потенциальными работодателями в виртуальной реальности.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 hero-gradient text-white"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6" data-i18n="cta_title">Готовы погрузиться в мир VR-разработки?</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto text-blue-100" data-i18n="cta_subtitle">Присоединяйтесь к первому в мире образовательному проекту, где вы изучаете VR-разработку непосредственно в виртуальной реальности</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <button class="bg-white text-blue-600 px-8 py-3 rounded-full font-medium hover:bg-blue-50 transition" data-i18n="cta_button1">Записаться на курс</button> | |
| <button class="border-2 border-white text-white px-8 py-3 rounded-full font-medium hover:bg-white hover:text-blue-600 transition" data-i18n="cta_button2">Запросить презентацию</button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-12"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-6"> | |
| <div class="w-10 h-10 bg-white rounded-full flex items-center justify-center"> | |
| <i class="fas fa-vr-cardboard text-blue-600 text-xl"></i> | |
| </div> | |
| <span class="text-xl font-bold">VR Academy</span> | |
| </div> | |
| <p class="text-gray-400 mb-6" data-i18n="footer_about">Первый в мире образовательный проект по обучению VR-разработке в виртуальной реальности.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-linkedin-in"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-discord"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-6" data-i18n="footer_links1">Навигация</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#about" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav1">О проекте</a></li> | |
| <li><a href="#benefits" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav2">Преимущества</a></li> | |
| <li><a href="#program" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav3">Программа</a></li> | |
| <li><a href="#investors" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav4">Инвесторам</a></li> | |
| <li><a href="#contact" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav5">Контакты</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-6" data-i18n="footer_links2">Курсы</h3> | |
| <ul class="space-y-3"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course1">Основы VR-разработки</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course2">Продвинутый Unity</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course3">Unreal Engine для VR</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course4">Мультиплеерные VR-приложения</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course5">Оптимизация VR</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-6" data-i18n="footer_contact">Контакты</h3> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-map-marker-alt text-gray-400 mr-3 mt-1"></i> | |
| <span class="text-gray-400" data-i18n="footer_address">Хельсинки, Финляндия</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-envelope text-gray-400 mr-3 mt-1"></i> | |
| <span class="text-gray-400">hello@vracademy.com</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-phone-alt text-gray-400 mr-3 mt-1"></i> | |
| <span class="text-gray-400">+358 40 123 4567</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 mb-4 md:mb-0" data-i18n="footer_copyright">© 2023 VR Academy. Все права защищены.</p> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_link1">Политика конфиденциальности</a> | |
| <a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_link2">Условия использования</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Language translations | |
| const translations = { | |
| ru: { | |
| // Navigation | |
| "nav_about": "О проекте", | |
| "nav_benefits": "Преимущества", | |
| "nav_program": "Программа", | |
| "nav_investors": "Инвесторам", | |
| "nav_contact": "Контакты", | |
| "nav_signup": "Записаться", | |
| // Hero section | |
| "hero_title": "Изучай VR разработку в виртуальной реальности", | |
| "hero_subtitle": "Революционный образовательный проект в Meta Horizon и VR Chat", | |
| "hero_cta": "Начать обучение", | |
| "hero_demo": "Демо-версия", | |
| "hero_badge": "Новое поколение обучения", | |
| // About section | |
| "about_title": "О проекте VR Academy", | |
| "about_stat1": "практики в VR", | |
| "about_subtitle": "Революция в образовании", | |
| "about_text1": "VR Academy - это первый в мире образовательный проект, где вы изучаете разработку VR-приложений непосредственно в виртуальной реальности. Наши студенты получают уникальный опыт обучения, работая с кодом и 3D-моделями в интерактивной VR-среде.", | |
| "about_text2": "Мы создали специальные образовательные пространства в Meta Horizon и VR Chat, где студенты могут не только учиться, но и сразу тестировать свои разработки, общаться с преподавателями и другими студентами в режиме реального времени.", | |
| "about_feature1": "Безграничные возможности", | |
| "about_feature2": "Интерактивное обучение", | |
| "about_feature3": "Глобальное сообщество", | |
| // Benefits section | |
| "benefits_title": "Преимущества обучения в VR", | |
| "benefits_subtitle": "Почему наша методика эффективнее традиционных курсов", | |
| "benefit1_title": "Интерактивные лекции", | |
| "benefit1_text": "Преподаватели проводят занятия в VR, где можно наглядно демонстрировать концепции и сразу применять их на практике.", | |
| "benefit2_title": "VR-кодинг", | |
| "benefit2_text": "Пишите код в виртуальной среде с помощью специальных VR-инструментов, визуализируя структуры данных и алгоритмы.", | |
| "benefit3_title": "Совместная работа", | |
| "benefit3_text": "Работайте над проектами вместе с другими студентами в виртуальных рабочих пространствах в режиме реального времени.", | |
| "benefit4_title": "Тестирование в VR", | |
| "benefit4_text": "Сразу тестируйте свои приложения в виртуальной реальности без необходимости переключаться между средами.", | |
| "benefit5_title": "Персональные наставники", | |
| "benefit5_text": "Получайте индивидуальные консультации от преподавателей, которые появляются рядом с вами в VR.", | |
| "benefit6_title": "Карьерные возможности", | |
| "benefit6_text": "Доступ к эксклюзивным вакансиям от наших партнеров - ведущих VR-студий мира.", | |
| // Program section | |
| "program_title": "Программа обучения", | |
| "program_subtitle": "6-месячный интенсивный курс с полным погружением в VR", | |
| "month1_title": "Основы VR разработки", | |
| "month1_item1": "• Введение в VR технологии", | |
| "month1_item2": "• Основы Unity/Unreal Engine", | |
| "month1_item3": "• VR-интерфейсы и UX", | |
| "month1_project": "Проект: Создание простой VR-сцены", | |
| "month2_title": "3D моделирование для VR", | |
| "month2_item1": "• Основы 3D моделирования", | |
| "month2_item2": "• Оптимизация для VR", | |
| "month2_item3": "• Анимации в VR", | |
| "month2_project": "Проект: Интерактивная VR-галерея", | |
| "month3_title": "Программирование в VR", | |
| "month3_item1": "• C# для Unity", | |
| "month3_item2": "• Blueprints в Unreal", | |
| "month3_item3": "• Физика в VR", | |
| "month3_project": "Проект: VR-игра с физикой", | |
| "month4_title": "Мультиплеер и социальные VR", | |
| "month4_item1": "• Сетевые технологии", | |
| "month4_item2": "• Аватары и жесты", | |
| "month4_item3": "• Пространственный звук", | |
| "month4_project": "Проект: Мультиплеерный VR-чат", | |
| "month5_title": "Продвинутые техники", | |
| "month5_item1": "• Оптимизация VR-приложений", | |
| "month5_item2": "• ИИ в виртуальной реальности", | |
| "month5_item3": "• Дополненная реальность", | |
| "month5_project": "Проект: Оптимизированное VR-приложение", | |
| "month6_title": "Дипломный проект", | |
| "month6_item1": "• Разработка собственного проекта", | |
| "month6_item2": "• Тестирование и отладка", | |
| "month6_item3": "• Презентация в VR", | |
| "month6_project": "Дипломный проект: Полноценное VR-приложение", | |
| // Investors section | |
| "investors_title": "Для инвесторов", | |
| "investors_subtitle": "Инвестируйте в будущее образования и виртуальной реальности", | |
| "investors_opportunity": "Бизнес-возможности", | |
| "investors_point1_title": "Рост рынка VR-образования", | |
| "investors_point1_text": "Ожидается рост рынка VR в образовании до $12.6 млрд к 2026 году с CAGR 42.9%.", | |
| "investors_point2_title": "Глобальная аудитория", | |
| "investors_point2_text": "Более 200 млн активных пользователей VR-платформ к 2025 году.", | |
| "investors_point3_title": "Уникальная технология", | |
| "investors_point3_text": "Запатентованные методы обучения в VR с доказанной эффективностью.", | |
| "investors_point4_title": "Партнерства", | |
| "investors_point4_text": "Сотрудничество с Meta, Valve, HTC и другими лидерами индустрии.", | |
| "investors_numbers": "Ключевые показатели", | |
| "metric1": "Успешных выпускников", | |
| "metric2": "Рост выручки за год", | |
| "metric3": "Годовая выручка", | |
| "metric4": "ROI для инвесторов", | |
| "investors_cta": "Получить инвестиционное предложение", | |
| // Testimonials | |
| "testimonials_title": "Отзывы наших студентов", | |
| "testimonial1": "\"Обучение в VR Academy полностью изменило мой подход к разработке. Теперь я вижу код и 3D-модели в пространстве, что делает процесс намного более интуитивным.\"", | |
| "testimonial2": "\"После курса я получил оффер от ведущей VR-студии. Работодатели ценят уникальный опыт разработки непосредственно в виртуальной реальности.\"", | |
| "testimonial3": "\"Сообщество VR Academy - это невероятно поддерживающая среда. Мы продолжаем сотрудничать над проектами даже после окончания курса.\"", | |
| // Contact section | |
| "contact_title": "Готовы начать?", | |
| "contact_subtitle": "Оставьте заявку, и мы свяжемся с вами для консультации", | |
| "contact_info_title": "Контакты", | |
| "contact_address_title": "Адрес", | |
| "contact_address": "Хельсинки, Финляндия", | |
| "contact_email_title": "Email", | |
| "contact_phone_title": "Телефон", | |
| "contact_social_title": "Мы в соцсетях", | |
| "form_name": "Имя", | |
| "form_email": "Email", | |
| "form_phone": "Телефон", | |
| "form_message": "Сообщение", | |
| "form_submit": "Отправить заявку", | |
| // FAQ section | |
| "faq_title": "Часто задаваемые вопросы", | |
| "faq1_question": "Какое оборудование мне понадобится для обучения?", | |
| "faq1_answer": "Для обучения вам потребуется VR-гарнитура Meta Quest 2, 3 или Pro, либо любая другая PCVR гарнитура (Valve Index, HTC Vive и т.д.). Мы предоставляем рекомендации по выбору оборудования и специальные скидки для наших студентов.", | |
| "faq2_question": "Нужны ли предварительные знания программирования?", | |
| "faq2_answer": "Наш курс подходит как для начинающих, так и для опытных разработчиков. Мы начинаем с основ и постепенно переходим к сложным концепциям. Если у вас совсем нет опыта в программировании, мы рекомендуем пройти наш подготовительный модуль.", | |
| "faq3_question": "Как проходит процесс обучения?", | |
| "faq3_answer": "Обучение проходит в виртуальных классах в Meta Horizon и VR Chat. Вы посещаете лекции, работаете над проектами в VR-среде, получаете индивидуальные консультации от преподавателей и участвуете в групповых обсуждениях. Все материалы также доступны на нашей платформе.", | |
| "faq4_question": "Есть ли возможность трудоустройства после курса?", | |
| "faq4_answer": "Да, мы сотрудничаем с ведущими VR-студиями и помогаем нашим выпускникам с трудоустройством. Лучшие студенты получают приглашения на собеседования от наших партнеров. Также мы проводим VR-ярмарки вакансий, где вы можете пообщаться с потенциальными работодателями в виртуальной реальности.", | |
| // CTA section | |
| "cta_title": "Готовы погрузиться в мир VR-разработки?", | |
| "cta_subtitle": "Присоединяйтесь к первому в мире образовательному проекту, где вы изучаете VR-разработку непосредственно в виртуальной реальности", | |
| "cta_button1": "Записаться на курс", | |
| "cta_button2": "Запросить презентацию", | |
| // Footer | |
| "footer_about": "Первый в мире образовательный проект по обучению VR-разработке в виртуальной реальности.", | |
| "footer_links1": "Навигация", | |
| "footer_nav1": "О проекте", | |
| "footer_nav2": "Преимущества", | |
| "footer_nav3": "Программа", | |
| "footer_nav4": "Инвесторам", | |
| "footer_nav5": "Контакты", | |
| "footer_links2": "Курсы", | |
| "footer_course1": "Основы VR-разработки", | |
| "footer_course2": "Продвинутый Unity", | |
| "footer_course3": "Unreal Engine для VR", | |
| "footer_course4": "Мультиплеерные VR-приложения", | |
| "footer_course5": "Оптимизация VR", | |
| "footer_contact": "Контакты", | |
| "footer_address": "Хельсинки, Финляндия", | |
| "footer_copyright": "© 2023 VR Academy. Все права защищены.", | |
| "footer_link1": "Политика конфиденциальности", | |
| "footer_link2": "Условия использования" | |
| }, | |
| en: { | |
| // Navigation | |
| "nav_about": "About", | |
| "nav_benefits": "Benefits", | |
| "nav_program": "Program", | |
| "nav_investors": "For Investors", | |
| "nav_contact": "Contact", | |
| "nav_signup": "Sign Up", | |
| // Hero section | |
| "hero_title": "Learn VR Development in Virtual Reality", | |
| "hero_subtitle": "Revolutionary educational project in Meta Horizon and VR Chat", | |
| "hero_cta": "Start Learning", | |
| "hero_demo": "Demo Version", | |
| "hero_badge": "Next-gen Education", | |
| // About section | |
| "about_title": "About VR Academy", | |
| "about_stat1": "practice in VR", | |
| "about_subtitle": "Education Revolution", | |
| "about_text1": "VR Academy is the world's first educational project where you learn VR development directly in virtual reality. Our students gain a unique learning experience by working with code and 3D models in an interactive VR environment.", | |
| "about_text2": "We've created special educational spaces in Meta Horizon and VR Chat where students can not only learn but also immediately test their developments, communicate with instructors and other students in real time.", | |
| "about_feature1": "Limitless possibilities", | |
| "about_feature2": "Interactive learning", | |
| "about_feature3": "Global community", | |
| // Benefits section | |
| "benefits_title": "Benefits of VR Learning", | |
| "benefits_subtitle": "Why our method is more effective than traditional courses", | |
| "benefit1_title": "Interactive Lectures", | |
| "benefit1_text": "Instructors conduct classes in VR where concepts can be visually demonstrated and immediately applied in practice.", | |
| "benefit2_title": "VR Coding", | |
| "benefit2_text": "Write code in a virtual environment using special VR tools, visualizing data structures and algorithms.", | |
| "benefit3_title": "Collaboration", | |
| "benefit3_text": "Work on projects with other students in virtual workspaces in real time.", | |
| "benefit4_title": "VR Testing", | |
| "benefit4_text": "Immediately test your applications in virtual reality without switching between environments.", | |
| "benefit5_title": "Personal Mentors", | |
| "benefit5_text": "Get individual consultations from instructors who appear next to you in VR.", | |
| "benefit6_title": "Career Opportunities", | |
| "benefit6_text": "Access to exclusive job offers from our partners - leading VR studios worldwide.", | |
| // Program section | |
| "program_title": "Curriculum", | |
| "program_subtitle": "6-month intensive course with full VR immersion", | |
| "month1_title": "VR Development Basics", | |
| "month1_item1": "• Introduction to VR technologies", | |
| "month1_item2": "• Unity/Unreal Engine basics", | |
| "month1_item3": "• VR interfaces and UX", | |
| "month1_project": "Project: Simple VR scene", | |
| "month2_title": "3D Modeling for VR", | |
| "month2_item1": "• 3D modeling basics", | |
| "month2_item2": "• Optimization for VR", | |
| "month2_item3": "• Animations in VR", | |
| "month2_project": "Project: Interactive VR gallery", | |
| "month3_title": "Programming in VR", | |
| "month3_item1": "• C# for Unity", | |
| "month3_item2": "• Unreal Blueprints", | |
| "month3_item3": "• Physics in VR", | |
| "month3_project": "Project: VR game with physics", | |
| "month4_title": "Multiplayer & Social VR", | |
| "month4_item1": "• Networking technologies", | |
| "month4_item2": "• Avatars and gestures", | |
| "month4_item3": "• Spatial audio", | |
| "month4_project": "Project: Multiplayer VR chat", | |
| "month5_title": "Advanced Techniques", | |
| "month5_item1": "• VR app optimization", | |
| "month5_item2": "• AI in virtual reality", | |
| "month5_item3": "• Augmented reality", | |
| "month5_project": "Project: Optimized VR app", | |
| "month6_title": "Capstone Project", | |
| "month6_item1": "• Developing your own project", | |
| "month6_item2": "• Testing and debugging", | |
| "month6_item3": "• Presentation in VR", | |
| "month6_project": "Capstone: Full VR application", | |
| // Investors section | |
| "investors_title": "For Investors", | |
| "investors_subtitle": "Invest in the future of education and virtual reality", | |
| "investors_opportunity": "Business Opportunities", | |
| "investors_point1_title": "VR Education Market Growth", | |
| "investors_point1_text": "The VR in education market is expected to grow to $12.6 billion by 2026 with a CAGR of 42.9%.", | |
| "investors_point2_title": "Global Audience", | |
| "investors_point2_text": "Over 200 million active users of VR platforms by 2025.", | |
| "investors_point3_title": "Unique Technology", | |
| "investors_point3_text": "Patented VR learning methods with proven effectiveness.", | |
| "investors_point4_title": "Partnerships", | |
| "investors_point4_text": "Collaboration with Meta, Valve, HTC and other industry leaders.", | |
| "investors_numbers": "Key Metrics", | |
| "metric1": "Successful graduates", | |
| "metric2": "Revenue growth YoY", | |
| "metric3": "Annual revenue", | |
| "metric4": "Investor ROI", | |
| "investors_cta": "Get Investment Proposal", | |
| // Testimonials | |
| "testimonials_title": "Student Testimonials", | |
| "testimonial1": "\"VR Academy completely changed my approach to development. Now I see code and 3D models in space, which makes the process much more intuitive.\"", | |
| "testimonial2": "\"After the course, I received an offer from a leading VR studio. Employers value the unique experience of developing directly in virtual reality.\"", | |
| "testimonial3": "\"The VR Academy community is an incredibly supportive environment. We continue to collaborate on projects even after completing the course.\"", | |
| // Contact section | |
| "contact_title": "Ready to Start?", | |
| "contact_subtitle": "Leave your application and we will contact you for consultation", | |
| "contact_info_title": "Contact Information", | |
| "contact_address_title": "Address", | |
| "contact_address": "Helsinki, Finland", | |
| "contact_email_title": "Email", | |
| "contact_phone_title": "Phone", | |
| "contact_social_title": "Follow Us", | |
| "form_name": "Name", | |
| "form_email": "Email", | |
| "form_phone": "Phone", | |
| "form_message": "Message", | |
| "form_submit": "Submit Application", | |
| // FAQ section | |
| "faq_title": "Frequently Asked Questions", | |
| "faq1_question": "What equipment do I need for training?", | |
| "faq1_answer": "For training, you will need a Meta Quest 2, 3 or Pro VR headset, or any other PCVR headset (Valve Index, HTC Vive, etc.). We provide equipment recommendations and special discounts for our students.", | |
| "faq2_question": "Do I need prior programming knowledge?", | |
| "faq2_answer": "Our course is suitable for both beginners and experienced developers. We start with the basics and gradually move to complex concepts. If you have no programming experience at all, we recommend taking our preparatory module.", | |
| "faq3_question": "How does the learning process work?", | |
| "faq3_answer": "Learning takes place in virtual classrooms in Meta Horizon and VR Chat. You attend lectures, work on projects in a VR environment, receive individual consultations from instructors and participate in group discussions. All materials are also available on our platform.", | |
| "faq4_question": "Is there job placement after the course?", | |
| "faq4_answer": "Yes, we collaborate with leading VR studios and help our graduates with employment. The best students receive interview invitations from our partners. We also hold VR job fairs where you can meet potential employers in virtual reality.", | |
| // CTA section | |
| "cta_title": "Ready to Dive into VR Development?", | |
| "cta_subtitle": | |
| </html> |