Spaces:
Running
Running
File size: 7,874 Bytes
51d89b3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 |
<!DOCTYPE html>
<html lang="ru" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Консультации - Singularity Nexus</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<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>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
cyber: {
primary: '#00ff88',
secondary: '#00a2ff',
accent: '#ff0088',
dark: '#0a0a0f',
darker: '#050508',
gray: '#1a1a2e'
}
},
fontFamily: {
'cyber': ['Orbitron', 'monospace'],
'main': ['Inter', 'sans-serif']
}
}
}
}
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap" rel="stylesheet">
</head>
<body class="bg-cyber-dark text-white font-main min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<!-- Page Header -->
<section class="mb-12">
<div class="text-center">
<h1 class="text-4xl md:text-6xl font-cyber font-bold bg-gradient-to-r from-cyber-primary to-cyber-secondary bg-clip-text text-transparent cyber-glow">
КОНСУЛЬТАЦИИ
</h1>
<p class="text-xl text-gray-300 mt-4 max-w-2xl mx-auto">
Профессиональные консультации по технологиям и цифровой трансформации
</p>
</div>
</section>
<!-- Consultation Types -->
<section class="mb-12">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="cyber-card text-center">
<i data-feather="trending-up" class="w-16 h-16 mx-auto mb-4 text-cyber-primary"></i>
<h3 class="text-xl font-cyber mb-2">Стратегия технологий</h3>
<p class="text-gray-400 mb-4">Разработка технологической стратегии для вашего бизнеса</p>
<a href="#strategy" class="cyber-link">Узнать больше →</a>
</div>
<div class="cyber-card text-center">
<i data-feather="code" class="w-16 h-16 mx-auto mb-4 text-cyber-secondary"></i>
<h3 class="text-xl font-cyber mb-2">AI и ML</h3>
<p class="text-gray-400 mb-4">Внедрение искусственного интеллекта</p>
<a href="#ai-ml" class="cyber-link">Узнать больше →</a>
</div>
<div class="cyber-card text-center">
<i data-feather="shield" class="w-16 h-16 mx-auto mb-4 text-cyber-accent"></i>
<h3 class="text-xl font-cyber mb-2">Кибербезопасность</h3>
<p class="text-gray-400 mb-4">Аудит и защита систем</p>
<a href="#security" class="cyber-link">Узнать больше →</a>
</div>
</div>
</section>
<!-- Booking Form -->
<section class="mb-16">
<h2 class="text-3xl font-cyber mb-8">Запись на консультацию</h2>
<div class="cyber-card max-w-2xl mx-auto">
<h3 class="text-xl font-cyber mb-6 text-center">Выберите удобное время</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-gray-400 mb-2">Ваше имя</label>
<input type="text" class="w-full px-4 py-2 bg-cyber-gray border border-cyber-secondary rounded-lg text-white">
</div>
<div>
<label class="block text-gray-400 mb-2">Email</label>
<input type="email" class="w-full px-4 py-2 bg-cyber-gray border border-cyber-secondary rounded-lg text-white">
</div>
<div class="md:col-span-2">
<label class="block text-gray-400 mb-2">Тема консультации</label>
<select class="w-full px-4 py-2 bg-cyber-gray border border-cyber-secondary rounded-lg text-white">
<option>Технологическая стратегия</option>
<option>AI и машинное обучение</option>
<option>Кибербезопасность</option>
<option>Облачные технологии</option>
<option>Web3 и блокчейн</option>
</select>
</div>
<div class="md:col-span-2">
<label class="block text-gray-400 mb-2">Предпочитаемая дата</label>
<input type="date" class="w-full px-4 py-2 bg-cyber-gray border border-cyber-secondary rounded-lg text-white">
</div>
<div class="md:col-span-2">
<label class="block text-gray-400 mb-2">Комментарий</label>
<textarea class="w-full px-4 py-2 bg-cyber-gray border border-cyber-secondary rounded-lg text-white"></textarea>
</div>
<div class="md:col-span-2">
<button class="cyber-button-primary w-full px-6 py-3">
Записаться на консультацию
</button>
</div>
</div>
</div>
</section>
<!-- Contact Information -->
<section class="mb-16">
<h2 class="text-3xl font-cyber mb-8">Контактная информация</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="cyber-card">
<h3 class="text-xl font-cyber mb-4 text-cyber-primary">Михаил Малышев</h3>
<div class="space-y-2 text-gray-400">
<li><i data-feather="mail" class="w-4 h-4 inline mr-2"></i>[email protected]</li>
<li><i data-feather="send" class="w-4 h-4 inline mr-2"></i>Telegram: @tsingular</li>
<li><i data-feather="phone" class="w-4 h-4 inline mr-2"></i>+7 (XXX) XXX-XX-XX</li>
</div>
</div>
<div class="cyber-card">
<h3 class="text-xl font-cyber mb-4 text-cyber-secondary">Специализация</h3>
<ul class="space-y-1 text-gray-400">
<li>✓ Искусственный интеллект</li>
<li>✓ Машинное обучение</li>
<li>✓ Кибербезопасность</li>
<li>✓ Технологическая стратегия</li>
<li>✓ Цифровая трансформация</li>
</ul>
</div>
</div>
</section>
</main>
<custom-footer></custom-footer>
<!-- AI Assistant -->
<ai-assistant></ai-assistant>
<!-- Component Scripts -->
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/ai-assistant.js"></script>
<!-- Main Script -->
<script src="script.js"></script>
<script>
feather.replace();
document.addEventListener('DOMContentLoaded', function() {
initializeAIAssistant();
});
</script>
</body>
</html> |