Spaces:
Running
Running
File size: 23,021 Bytes
5423328 0a185ac 2b838b9 5423328 2b838b9 3e0bad7 2b838b9 3e0bad7 efc394c 632d4c1 efc394c 632d4c1 5423328 605cf66 5423328 17e94d8 5423328 17e94d8 5423328 17e94d8 5423328 17e94d8 5423328 826e814 5423328 1a475cf 5423328 1a475cf 5423328 1a475cf 826e814 5423328 826e814 1a475cf 5423328 1a475cf 5423328 826e814 5423328 ed681e3 605cf66 ed681e3 5423328 826e814 605cf66 ed681e3 5423328 826e814 5423328 605cf66 ed681e3 5423328 64ded4c 826e814 64ded4c 6e1992c fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 c68c5d3 fe6a4e7 53df972 293fdf1 53df972 fe6a4e7 6e1992c fe6a4e7 f47a2d0 a24c967 ae30966 a24c967 ae30966 a24c967 3382081 218bc0c 3382081 218bc0c e76d2bd 64ded4c 5423328 64ded4c 5423328 2f5abb9 5423328 0b5fa84 5423328 2b838b9 5423328 | 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 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Amplify</title>
<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 src="https://www.360cities.net/lib/embed.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');
.hero-gradient {
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #3a0000 100%);
}
.glow-text {
text-shadow: 0 0 10px rgba(212, 175, 55, 0.7);
}
.value-card {
transition: all 0.3s ease;
}
.value-card:hover {
transform: translateY(-5px);
}
</style>
</head>
<body class="bg-black text-white font-['Montserrat']">
<!-- Vanta.js Background -->
<div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
<!-- Navigation -->
<nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
<div class="container mx-auto px-6 py-4">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-2">
<i data-feather="zap" class="text-yellow-500"></i>
<span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
<a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
<a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
<a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About</a>
<a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
<a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
<a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
</div>
<div class="flex items-center space-x-4">
<a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
<i data-feather="user" class="mr-2"></i> Login
</a>
</div>
</div>
</div>
</nav>
<!-- About Hero Section -->
<section class="relative z-10 hero-gradient py-32">
<div class="container mx-auto px-6 text-center">
<h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-8 tracking-wider">
<span class="text-yellow-500 glow-text">OUR STORY</span>
</h1>
<p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
Empowering minds through innovative technology and performance psychology
</p>
</div>
</section>
<!-- About Content -->
<section class="relative z-10 py-20 bg-black bg-opacity-90">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row items-center mb-20">
<div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
<img src="http://static.photos/education/640x360/42" alt="Amplify Team" class="rounded-lg border-2 border-yellow-500 shadow-xl">
</div>
<div class="md:w-1/2">
<h2 class="text-4xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">WHO</span> <span class="text-white">WE ARE</span>
</h2>
<p class="text-lg mb-6 text-gray-300">
Amplify is a platform for mental fitness that allows users to train their minds in the same way as they train their bodies. Our goal is to support users in maintaining resilience, focus, and confidence during stressful situations, such as a big presentation, a job interview, or the first day of a new position.
</p>
<p class="text-lg mb-6 text-gray-300">
Through immersive VR and AR experiences, Amplify places users in realistic situations to practice performance under pressure. While optional one-on-one sessions with trained coaches offer additional, individualized assistance, the integrated AI Coach offers immediate feedback and encouragement.
</p>
<p class="text-lg text-gray-300">
Amplify makes mental training available to everyone by fusing human interaction with modern technology. We think that confidence is something you can develop rather than something you are born with. Amplify gives you the ability to provide your best effort whenever and wherever you choose.
</p>
</div>
</div>
<!-- Core Values -->
<div class="py-16">
<h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-red-500">VALUES</span>
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Value 1 -->
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col">
<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
<i data-feather="target" class="text-black text-2xl"></i>
</div>
<h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Excellence</h3>
<p class="text-gray-300 text-center flex-grow">
We strive for excellence in everything we do, from our technology to our customer support.
</p>
</div>
<!-- Value 2 -->
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card h-full flex flex-col">
<div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
<i data-feather="heart" class="text-black text-2xl"></i>
</div>
<h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3>
<p class="text-gray-300 text-center flex-grow">
We understand our users' challenges and design solutions that truly meet their needs.
</p>
</div>
<!-- Value 3 -->
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col">
<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
<i data-feather="zap" class="text-black text-2xl"></i>
</div>
<h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Innovation</h3>
<p class="text-gray-300 text-center">
We constantly push boundaries to create cutting-edge mental performance solutions.
</p>
</div>
</div>
</div>
<!-- Meet the Team -->
<div class="py-16">
<h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">MEET</span> <span class="text-white">THE</span> <span class="text-red-500">TEAM</span>
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Team Member 1 -->
<div class="group">
<div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
<img src="http://static.photos/education/640x360/124" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
<div class="absolute bottom-0 left-0 p-4">
<h3 class="text-xl font-bold text-white">Alex Johnson</h3>
<p class="text-yellow-500">CEO & Founder</p>
</div>
</div>
<p class="text-gray-300">
Former sports psychologist turned tech entrepreneur, Alex founded Amplify to bridge the gap between mental training and technology.
</p>
</div>
<!-- Team Member 2 -->
<div class="group">
<div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
<img src="http://static.photos/education/640x360/125" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
<div class="absolute bottom-0 left-0 p-4">
<h3 class="text-xl font-bold text-white">Sarah Chen</h3>
<p class="text-red-500">CTO</p>
</div>
</div>
<p class="text-gray-300">
VR/AR expert with a passion for human-computer interaction, Sarah leads our technical innovation efforts.
</p>
</div>
<!-- Team Member 3 -->
<div class="group">
<div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
<img src="http://static.photos/education/640x360/126" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
<div class="absolute bottom-0 left-0 p-4">
<h3 class="text-xl font-bold text-white">Marcus Wright</h3>
<p class="text-yellow-500">Head of Coaching</p>
</div>
</div>
<p class="text-gray-300">
Former professional athlete who brings real-world performance experience to our training programs.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
<div class="container mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-6 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span>
</h2>
<p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
Select the level of access that fits your mental training needs. All plans include our VR and AR technology.
</p>
<div class="flex justify-center">
<div class="grid grid-cols-1 gap-8 max-w-4xl">
<!-- Free Trial -->
<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-green-500 transform hover:scale-105 transition mx-auto hovered-element">
<h3 class="text-2xl font-bold text-center mb-4 text-green-500">7-Day Free Trial</h3>
<div class="text-center mb-6 hovered-element">
<span class="text-4xl font-bold text-green-500">$0</span>
<span class="text-gray-400">for 7 days</span>
</div>
<ul class="space-y-3 mb-8">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span>Full access to all features</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span>Unlimited VR/AR scenarios</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
<span>Basic biometric analysis</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
<span class="text-gray-400">No custom scenarios</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
<span class="text-gray-400">No coaching sessions</span>
</li>
</ul>
<a href="https://portal.veinternational.org/buybuttons/us0110243/btn/free-trial-2/" class="w-full bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap mr-2"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg> Start Free Trial
</a>
</div>
<!-- Core Plan -->
<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
<h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Amplify Core</h3>
<div class="text-center mb-6">
<span class="text-4xl font-bold text-yellow-500">$60</span>
<span class="text-gray-400">/month</span>
<div class="mt-2 text-yellow-400">
<span class="font-bold">$700/year</span> - Save $80 with annual billing
</div>
</div>
<ul class="space-y-3 mb-8">
<li class="flex items-center">
<i data-feather="check" class="text-green-500 mr-2"></i>
<span>Immersive VR/AR training environments</span>
</li>
<li class="flex items-center">
<i data-feather="check" class="text-green-500 mr-2"></i>
<span>Personalized AI feedback</span>
</li>
<li class="flex items-center">
<i data-feather="check" class="text-green-500 mr-2"></i>
<span>Progress tracking</span>
</li>
</ul>
<a href="https://portal.veinternational.org/buybuttons/us0110243/btn/amplify-1/" class="w-full bg-gradient-to-r from-yellow-600 to-yellow-800 hover:from-yellow-500 hover:to-yellow-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center">
<i data-feather="zap" class="mr-2"></i> Buy Now
</a>
</div>
</div>
</div>
</section>
<!-- Join Us CTA -->
<section class="relative z-10 py-20 bg-gradient-to-r from-black via-gray-900 to-black">
<div class="container mx-auto px-6 text-center">
<h2 class="text-4xl md:text-5xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">JOIN</span> <span class="text-white">OUR</span> <span class="text-red-500">MISSION</span>
</h2>
<p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
We're always looking for passionate individuals to join our team and help transform mental performance.
</p>
<button class="bg-gradient-to-r from-yellow-500 to-[#9b0000] hover:from-yellow-600 hover:to-[#7a0000] text-black font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4">
View Open Positions
</button>
</div>
</section>
<!-- Footer -->
<footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<div class="flex items-center space-x-2 mb-4">
<i data-feather="zap" class="text-yellow-500"></i>
<span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
</div>
<p class="text-gray-400 mb-4">
Mental performance technology for champions in sports, business, and life.
</p>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-yellow-500 transition">
<i data-feather="facebook"></i>
</a>
<a href="#" class="text-gray-400 hover:text-yellow-500 transition">
<i data-feather="twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-yellow-500 transition">
<i data-feather="instagram"></i>
</a>
<a href="#" class="text-gray-400 hover:text-yellow-500 transition">
<i data-feather="linkedin"></i>
</a>
</div>
</div>
<div>
<h3 class="text-lg font-bold text-white mb-4">Products</h3>
<ul class="space-y-2">
<li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">VR Training</a></li>
<li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">AR Coaching</a></li>
<li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">Biofeedback</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold text-white mb-4">Company</h3>
<ul class="space-y-2">
<li><a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About Us</a></li>
<li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency Converter</a></li>
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li>
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li>
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold text-white mb-4">Resources</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Blog</a></li>
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Research</a></li>
<li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></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-500 mb-4 md:mb-0">
© 2025 Amplify Technologies. All rights reserved.
</p>
<div class="flex space-x-6">
<a href="#" class="text-gray-500 hover:text-yellow-500 transition">Privacy Policy</a>
<a href="#" class="text-gray-500 hover:text-yellow-500 transition">Terms of Service</a>
</div>
</div>
</div>
</footer>
<script>
// Initialize Vanta.js background
VANTA.GLOBE({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0xb8860b,
backgroundColor: 0x0,
size: 0.8
});
// Feather icons
feather.replace();
</script>
</body>
</html> |