File size: 10,882 Bytes
c105cd4 126ff65 eab8c12 c105cd4 eab8c12 c105cd4 c4fe0cd c105cd4 eab8c12 c105cd4 9d47d15 c105cd4 bbe1f66 c105cd4 20450a8 01fbd7b d26e21f 4f7a0e8 23dec56 edca714 90b4f87 c105cd4 6d0b4ef c105cd4 4170a1a c105cd4 4170a1a c105cd4 4170a1a c105cd4 de2718a fcbe0a7 7b2caa6 c105cd4 bbe1f66 c105cd4 e567c1a 636fde7 c105cd4 30193aa eab8c12 30193aa c105cd4 30193aa c105cd4 | 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 | ```html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RTR4DLTDNS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RTR4DLTDNS');
</script>
<script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"68e50e0a6662dced96925247"}};</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Help Center - 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://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<link rel="stylesheet" href="style.css">
<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);
}
.help-card {
transition: all 0.3s ease;
}
.help-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
}
</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>
<!-- Google Translate -->
<div id="google_translate_element" class="absolute top-4 right-4 z-50"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'en,es,fr,de,it,ru,tr,zh-CN,ja,ko',
autoDisplay: false,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- 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="hidden md:flex items-center justify-center flex-grow space-x-8 hovered-element">
<a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
<a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
<a href="pricing.html" class="text-white hover:text-yellow-500 transition">Pricing</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="competition-results.html" class="text-white hover:text-yellow-500 transition">Results</a>
<a href="results.html" class="text-white hover:text-yellow-500 transition">Testimony</a>
<a href="recruiting.html" class="text-white hover:text-yellow-500 transition">Careers</a>
<a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
<a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletters</a>
</div>
</div>
</div>
</nav>
<!-- Help Hero Section -->
<section class="relative z-10 bg-black bg-opacity-90 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">HELP</span> <span class="text-white">CENTER</span>
</h1>
<p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
Find answers to your questions and get support for Amplify products
</p>
</div>
</section>
<!-- Help Content Section -->
<section class="relative z-10 py-20 bg-black bg-opacity-90">
<div class="container mx-auto px-6">
<!-- Contact Support -->
<div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-8 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-8 font-['Bebas+Neue'] tracking-wider">
<span class="text-yellow-500">CONTACT</span> <span class="text-white">SUPPORT</span>
</h2>
<!-- Live Support Form -->
<div class="mb-12">
<h3 class="text-xl font-bold mb-4 text-yellow-500">Live Support Request</h3>
<p class="text-gray-300 mb-6">
Fill out this form and our team will contact you within 1 business day via your preferred method.
</p>
<form id="supportForm" class="space-y-6">
<div>
<label for="name" class="block text-gray-300 mb-2">Name</label>
<input type="text" id="name" required
class="w-full bg-gray-900 border border-yellow-500 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-yellow-500">
</div>
<div>
<label for="email" class="block text-gray-300 mb-2">Email</label>
<input type="email" id="email" required
class="w-full bg-gray-900 border border-yellow-500 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-yellow-500">
</div>
<div>
<label for="phone" class="block text-gray-300 mb-2">Phone (optional)</label>
<input type="tel" id="phone"
class="w-full bg-gray-900 border border-yellow-500 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-yellow-500">
</div>
<div>
<label for="message" class="block text-gray-300 mb-2">How can we help?</label>
<textarea id="message" rows="4" required
class="w-full bg-gray-900 border border-yellow-500 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-yellow-500"></textarea>
</div>
<div class="flex items-center">
<input type="checkbox" id="urgent" class="mr-2">
<label for="urgent" class="text-gray-300">Mark as urgent (24hr response)</label>
</div>
<button type="submit" class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 rounded-lg transition">
<i data-feather="send" class="mr-2 inline"></i> Submit Request
</button>
</form>
<div id="formSuccess" class="hidden mt-4 p-4 bg-green-900 bg-opacity-50 rounded-lg text-green-300">
Your request has been submitted! We'll contact you soon.
</div>
</div>
<!-- Email Support -->
<div class="text-center">
<h3 class="text-xl font-bold mb-4 text-yellow-500">Email Support</h3>
<p class="text-gray-300 mb-6">
Our team typically responds within 24 hours.<br>
Email: <span class="text-yellow-500">amplify.ny@veinternational.org</span>
</p>
<a href="mailto:amplify.ny@veinternational.org" class="inline-block bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-6 py-3 rounded-lg transition">
<i data-feather="mail" class="mr-2 inline"></i> Email Us
</a>
</div>
</div>
</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">
<img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen_Shot_2025-10-31_at_9.36.06_AM-removebg-preview%20(1).png"
alt="Amplify Logo"
class="h-16 w-auto">
<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>
<p class="text-xs text-yellow-500">Disclaimer: This Virtual Enterprise online store is for educational purposes only (2025-2026 - Amplify)</p>
</div>
<div>
</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-gray-400 hover:text-yellow-500 transition">About Us</a></li>
<li><a href="pricing.html" class="text-gray-400 hover:text-yellow-500 transition">Pricing</a></li>
<li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency</a></li>
<li><a href="help.html" class="text-yellow-500 hover:text-yellow-400 transition">Help</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="help.html" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></li>
</ul>
</div>
</div>
<div class="border-t border |