Hugging Face's logo

Spaces:
Fazbeeer
/
mindmaster-vr-arena-clone
Running

App Files Community
Fazbeeer commited on
Commit
801909c
·
verified ·
1 Parent(s): 12340cd

add a section called "newsletter" in the nav bar

Browse files
Files changed (8) hide show
  1. about.html +1 -0
  2. currency.html +1 -0
  3. events.html +1 -0
  4. help.html +1 -0
  5. index.html +2 -1
  6. newsletter.html +267 -0
  7. pricing.html +1 -0
  8. results.html +1 -0
about.html CHANGED
@@ -67,6 +67,7 @@
67
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
68
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
69
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
70
  </div>
71
  </div>
72
  </div>
 
67
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
68
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
69
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
70
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
71
  </div>
72
  </div>
73
  </div>
currency.html CHANGED
@@ -82,6 +82,7 @@
82
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
83
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
84
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
85
  </div>
86
  </div>
87
  </div>
 
82
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
83
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
84
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
85
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
86
  </div>
87
  </div>
88
  </div>
events.html CHANGED
@@ -74,6 +74,7 @@
74
  <a href="events.html" class="text-yellow-500 hover:text-yellow-400 transition">Events</a>
75
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
76
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
77
  </div>
78
  </div>
79
  </div>
 
74
  <a href="events.html" class="text-yellow-500 hover:text-yellow-400 transition">Events</a>
75
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
76
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
77
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
78
  </div>
79
  </div>
80
  </div>
help.html CHANGED
@@ -69,6 +69,7 @@
69
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
70
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
71
  <a href="help.html" class="text-yellow-500 hover:text-yellow-400 transition">Help</a>
 
72
  </div>
73
  </div>
74
  </div>
 
69
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
70
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
71
  <a href="help.html" class="text-yellow-500 hover:text-yellow-400 transition">Help</a>
72
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
73
  </div>
74
  </div>
75
  </div>
index.html CHANGED
@@ -131,7 +131,8 @@
131
  <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
132
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
133
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
134
- <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
135
  </div>
136
  <script>
137
  </script>
 
131
  <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
132
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
133
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
134
+ <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
135
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
136
  </div>
137
  <script>
138
  </script>
newsletter.html ADDED
@@ -0,0 +1,267 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Google tag (gtag.js) -->
5
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-RTR4DLTDNS"></script>
6
+ <script>
7
+ window.dataLayer = window.dataLayer || [];
8
+ function gtag(){dataLayer.push(arguments);}
9
+ gtag('js', new Date());
10
+ gtag('config', 'G-RTR4DLTDNS');
11
+ </script>
12
+ <script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"68e50e0a6662dced96925247"}};</script>
13
+ <meta charset="UTF-8">
14
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
15
+ <title>Newsletter - Amplify</title>
16
+ <script src="https://cdn.tailwindcss.com"></script>
17
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
18
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
19
+ <style>
20
+ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');
21
+ .hero-gradient {
22
+ background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #3a0000 100%);
23
+ }
24
+ .glow-text {
25
+ text-shadow: 0 0 10px rgba(212, 175, 55, 0.7);
26
+ }
27
+ .newsletter-card {
28
+ transition: all 0.3s ease;
29
+ }
30
+ .newsletter-card:hover {
31
+ transform: translateY(-5px);
32
+ box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
33
+ }
34
+ </style>
35
+ </head>
36
+ <body class="bg-black text-white font-['Montserrat']">
37
+ <!-- Vanta.js Background -->
38
+ <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
39
+ <!-- Google Translate -->
40
+ <div id="google_translate_element" class="absolute top-4 right-4 z-50"></div>
41
+ <script type="text/javascript">
42
+ function googleTranslateElementInit() {
43
+ new google.translate.TranslateElement({
44
+ pageLanguage: 'en',
45
+ includedLanguages: 'en,es,fr,de,it,ru,tr,zh-CN,ja,ko',
46
+ autoDisplay: false,
47
+ layout: google.translate.TranslateElement.InlineLayout.SIMPLE
48
+ }, 'google_translate_element');
49
+ }
50
+ </script>
51
+ <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
52
+
53
+ <!-- Navigation -->
54
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
55
+ <div class="container mx-auto px-6 py-4">
56
+ <div class="flex justify-between items-center">
57
+ <div class="flex items-center space-x-2">
58
+ <i data-feather="zap" class="text-yellow-500"></i>
59
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
60
+ </div>
61
+ <div class="hidden md:flex items-center justify-center flex-grow space-x-8">
62
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
63
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
64
+ <a href="pricing.html" class="text-white hover:text-yellow-500 transition">Pricing</a>
65
+ <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
66
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
67
+ <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
68
+ <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
69
+ <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
70
+ <a href="newsletter.html" class="text-yellow-500 hover:text-yellow-400 transition">Newsletter</a>
71
+ </div>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <!-- Newsletter Hero Section -->
78
+ <section class="relative z-10 hero-gradient py-32">
79
+ <div class="container mx-auto px-6 text-center">
80
+ <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-8 tracking-wider">
81
+ <span class="text-yellow-500 glow-text">AMPLIFY</span> <span class="text-white">NEWSLETTER</span>
82
+ </h1>
83
+ <p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
84
+ Stay updated with the latest in mental performance technology
85
+ </p>
86
+ </div>
87
+ </section>
88
+
89
+ <!-- Newsletter Content Section -->
90
+ <section class="relative z-10 py-20 bg-black bg-opacity-90">
91
+ <div class="container mx-auto px-6">
92
+ <div class="max-w-4xl mx-auto">
93
+ <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-8 newsletter-card">
94
+ <h2 class="text-3xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider text-yellow-500 text-center">
95
+ SUBSCRIBE TO OUR NEWSLETTER
96
+ </h2>
97
+ <p class="text-gray-300 mb-8 text-center">
98
+ Get exclusive content, early access to new features, and mental performance tips delivered to your inbox
99
+ </p>
100
+ <form class="space-y-4">
101
+ <div>
102
+ <label for="newsletter-email" class="block text-gray-300 mb-2">Email Address</label>
103
+ <input type="email" id="newsletter-email" required
104
+ 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">
105
+ </div>
106
+ <div>
107
+ <label for="newsletter-name" class="block text-gray-300 mb-2">Name (Optional)</label>
108
+ <input type="text" id="newsletter-name"
109
+ 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">
110
+ </div>
111
+ <div class="flex items-center">
112
+ <input type="checkbox" id="newsletter-consent" required class="mr-2">
113
+ <label for="newsletter-consent" class="text-gray-300">I agree to receive emails from Amplify</label>
114
+ </div>
115
+ <button type="submit" class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 rounded-lg transition">
116
+ <i data-feather="mail" class="mr-2 inline"></i> Subscribe Now
117
+ </button>
118
+ </form>
119
+ <div id="newsletter-success" class="hidden mt-4 p-4 bg-green-900 bg-opacity-50 rounded-lg text-green-300 text-center">
120
+ Thank you for subscribing! Please check your email to confirm your subscription.
121
+ </div>
122
+ </div>
123
+
124
+ <div class="mt-16">
125
+ <h2 class="text-3xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider text-center text-yellow-500">
126
+ LATEST NEWSLETTERS
127
+ </h2>
128
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
129
+ <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
130
+ <h3 class="text-xl font-bold mb-2 text-yellow-500">December 2025</h3>
131
+ <p class="text-gray-300 mb-4">Holiday Special: Mindful Celebrations</p>
132
+ <a href="#" class="inline-block text-yellow-500 hover:text-yellow-400 transition">
133
+ <i data-feather="download" class="mr-1 inline"></i> Download
134
+ </a>
135
+ </div>
136
+ <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
137
+ <h3 class="text-xl font-bold mb-2 text-yellow-500">November 2025</h3>
138
+ <p class="text-gray-300 mb-4">Performance Under Pressure</p>
139
+ <a href="#" class="inline-block text-yellow-500 hover:text-yellow-400 transition">
140
+ <i data-feather="download" class="mr-1 inline"></i> Download
141
+ </a>
142
+ </div>
143
+ <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
144
+ <h3 class="text-xl font-bold mb-2 text-yellow-500">October 2025</h3>
145
+ <p class="text-gray-300 mb-4">Mindfulness for Peak Performance</p>
146
+ <a href="#" class="inline-block text-yellow-500 hover:text-yellow-400 transition">
147
+ <i data-feather="download" class="mr-1 inline"></i> Download
148
+ </a>
149
+ </div>
150
+ <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
151
+ <h3 class="text-xl font-bold mb-2 text-yellow-500">September 2025</h3>
152
+ <p class="text-gray-300 mb-4">Building Mental Resilience</p>
153
+ <a href="#" class="inline-block text-yellow-500 hover:text-yellow-400 transition">
154
+ <i data-feather="download" class="mr-1 inline"></i> Download
155
+ </a>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </section>
162
+
163
+ <!-- Footer -->
164
+ <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12">
165
+ <div class="container mx-auto px-6">
166
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
167
+ <div>
168
+ <div class="flex items-center space-x-2 mb-4">
169
+ <i data-feather="zap" class="text-yellow-500"></i>
170
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
171
+ </div>
172
+ <p class="text-gray-400 mb-4">
173
+ Mental performance technology for champions in sports, business, and life.
174
+ </p>
175
+ <div class="flex space-x-4">
176
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
177
+ <i data-feather="facebook"></i>
178
+ </a>
179
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
180
+ <i data-feather="twitter"></i>
181
+ </a>
182
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
183
+ <i data-feather="instagram"></i>
184
+ </a>
185
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
186
+ <i data-feather="linkedin"></i>
187
+ </a>
188
+ </div>
189
+ </div>
190
+
191
+ <div>
192
+ </div>
193
+
194
+ <div>
195
+ <h3 class="text-lg font-bold text-white mb-4">Company</h3>
196
+ <ul class="space-y-2">
197
+ <li><a href="about.html" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li>
198
+ <li><a href="pricing.html" class="text-gray-400 hover:text-yellow-500 transition">Pricing</a></li>
199
+ <li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency</a></li>
200
+ <li><a href="newsletter.html" class="text-yellow-500 hover:text-yellow-400 transition">Newsletter</a></li>
201
+ </ul>
202
+ </div>
203
+
204
+ <div>
205
+ <h3 class="text-lg font-bold text-white mb-4">Resources</h3>
206
+ <ul class="space-y-2">
207
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Blog</a></li>
208
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Research</a></li>
209
+ <li><a href="help.html" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></li>
210
+ </ul>
211
+ </div>
212
+ </div>
213
+
214
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
215
+ <p class="text-gray-500 mb-4 md:mb-0">
216
+ © 2025 Amplify Technologies. All rights reserved.<br>
217
+ <span class="text-xs text-yellow-500">Disclaimer: This Virtual Enterprise online store is for educational purposes only (2025-2026 - Amplify)</span>
218
+ </p>
219
+ <div class="flex space-x-6">
220
+ <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Privacy Policy</a>
221
+ <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Terms of Service</a>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </footer>
226
+
227
+ <script>
228
+ // Initialize Vanta.js background
229
+ VANTA.GLOBE({
230
+ el: "#vanta-bg",
231
+ mouseControls: true,
232
+ touchControls: true,
233
+ gyroControls: false,
234
+ minHeight: 200.00,
235
+ minWidth: 200.00,
236
+ scale: 1.00,
237
+ scaleMobile: 1.00,
238
+ color: 0xb8860b,
239
+ backgroundColor: 0x0,
240
+ size: 0.8
241
+ });
242
+
243
+ // Handle newsletter form submission
244
+ document.addEventListener('DOMContentLoaded', function() {
245
+ feather.replace();
246
+
247
+ const newsletterForm = document.querySelector('form');
248
+ if (newsletterForm) {
249
+ newsletterForm.addEventListener('submit', function(e) {
250
+ e.preventDefault();
251
+
252
+ // In a real implementation, you would send the form data to your backend
253
+ const successMsg = document.getElementById('newsletter-success');
254
+ if (successMsg) {
255
+ successMsg.classList.remove('hidden');
256
+ newsletterForm.reset();
257
+ successMsg.scrollIntoView({ behavior: 'smooth' });
258
+ }
259
+ });
260
+ }
261
+ });
262
+ </script>
263
+ <script>
264
+ feather.replace();
265
+ </script>
266
+ </body>
267
+ </html>
pricing.html CHANGED
@@ -75,6 +75,7 @@
75
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
76
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
77
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
78
  </div>
79
  </div>
80
  </div>
 
75
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
76
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
77
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
78
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
79
  </div>
80
  </div>
81
  </div>
results.html CHANGED
@@ -80,6 +80,7 @@
80
  <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
81
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
82
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
 
83
  </div>
84
  </div>
85
  </div>
 
80
  <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
81
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
82
  <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
83
+ <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletter</a>
84
  </div>
85
  </div>
86
  </div>