Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
2b838b9
·
verified ·
1 Parent(s): 0a185ac

Promote version 3fd58c8 to main

Browse files

Promoted commit 3fd58c81388fdec7a5f44662e08e9cde5a8ebacd to main branch

Files changed (6) hide show
  1. about.html +6 -76
  2. currency.html +6 -76
  3. events.html +6 -76
  4. index.html +41 -76
  5. login.html +6 -76
  6. results.html +6 -76
about.html CHANGED
@@ -28,79 +28,18 @@
28
  <body class="bg-black text-white font-['Montserrat']">
29
  <!-- Vanta.js Background -->
30
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
31
- <!-- Navigation -->
32
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
33
- <div class="p-6">
34
- <div class="flex items-center space-x-2 mb-8">
35
- <i data-feather="zap" class="text-yellow-500"></i>
36
- <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
37
- </div>
38
-
39
- <!-- Vertical Navigation -->
40
- <div class="flex flex-col space-y-4">
41
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
42
- <i data-feather="home" class="w-5 h-5"></i>
43
- <span>Home</span>
44
- </a>
45
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
46
- <i data-feather="zap" class="w-5 h-5"></i>
47
- <span>Features</span>
48
- </a>
49
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
50
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
51
- <span>Pricing</span>
52
- </a>
53
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
54
- <i data-feather="info" class="w-5 h-5"></i>
55
- <span>About</span>
56
- </a>
57
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
58
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
59
- <span>Currency</span>
60
- </a>
61
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
62
- <i data-feather="calendar" class="w-5 h-5"></i>
63
- <span>Events</span>
64
- </a>
65
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
66
- <i data-feather="award" class="w-5 h-5"></i>
67
- <span>Results</span>
68
- </a>
69
- </div>
70
-
71
- <div class="mt-8 pt-6 border-t border-gray-800">
72
- <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 justify-center space-x-2">
73
- <i data-feather="user" class="w-5 h-5"></i>
74
- <span>Login</span>
75
- </a>
76
- </div>
77
- </div>
78
- </nav>
79
 
80
- <!-- Main content needs right margin to account for sidebar -->
81
- <main class="mr-64">
82
- <div class="container mx-auto px-6 py-4">
83
  <div class="flex justify-between items-center">
84
  <div class="flex items-center space-x-2">
85
  <i data-feather="zap" class="text-yellow-500"></i>
86
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
87
  </div>
88
- <button id="mobile-menu-button" class="md:hidden text-white">
89
- <i data-feather="menu"></i>
90
- </button>
91
- <div id="mobile-menu" class="hidden absolute top-16 left-0 w-full bg-black bg-opacity-90 border-b border-yellow-500 md:hidden z-20">
92
- <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
93
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
94
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
95
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
96
- <a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About</a>
97
- <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
98
- <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
99
- <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
100
- </div>
101
- </div>
102
  <div class="hidden md:flex items-center space-x-8">
103
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
104
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
105
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
106
  <a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About</a>
@@ -397,17 +336,8 @@ View Open Positions
397
  </footer>
398
 
399
  <script>
400
- // Mobile menu toggle
401
- const mobileMenuButton = document.getElementById('mobile-menu-button');
402
- const mobileMenu = document.getElementById('mobile-menu');
403
-
404
- mobileMenuButton.addEventListener('click', () => {
405
- mobileMenu.classList.toggle('hidden');
406
- feather.replace();
407
- });
408
-
409
  // Initialize Vanta.js background
410
- VANTA.GLOBE({
411
  el: "#vanta-bg",
412
  mouseControls: true,
413
  touchControls: true,
 
28
  <body class="bg-black text-white font-['Montserrat']">
29
  <!-- Vanta.js Background -->
30
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31
 
32
+ <!-- Navigation -->
33
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
34
+ <div class="container mx-auto px-6 py-4">
35
  <div class="flex justify-between items-center">
36
  <div class="flex items-center space-x-2">
37
  <i data-feather="zap" class="text-yellow-500"></i>
38
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
39
  </div>
40
+
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  <div class="hidden md:flex items-center space-x-8">
42
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
43
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
44
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
45
  <a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About</a>
 
336
  </footer>
337
 
338
  <script>
 
 
 
 
 
 
 
 
 
339
  // Initialize Vanta.js background
340
+ VANTA.GLOBE({
341
  el: "#vanta-bg",
342
  mouseControls: true,
343
  touchControls: true,
currency.html CHANGED
@@ -21,79 +21,18 @@
21
  <body class="bg-black text-white font-['Montserrat']">
22
  <!-- Vanta.js Background -->
23
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
24
- <!-- Navigation -->
25
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
26
- <div class="p-6">
27
- <div class="flex items-center space-x-2 mb-8">
28
- <i data-feather="zap" class="text-yellow-500"></i>
29
- <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
30
- </div>
31
-
32
- <!-- Vertical Navigation -->
33
- <div class="flex flex-col space-y-4">
34
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
35
- <i data-feather="home" class="w-5 h-5"></i>
36
- <span>Home</span>
37
- </a>
38
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
39
- <i data-feather="zap" class="w-5 h-5"></i>
40
- <span>Features</span>
41
- </a>
42
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
43
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
44
- <span>Pricing</span>
45
- </a>
46
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
47
- <i data-feather="info" class="w-5 h-5"></i>
48
- <span>About</span>
49
- </a>
50
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
51
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
52
- <span>Currency</span>
53
- </a>
54
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
55
- <i data-feather="calendar" class="w-5 h-5"></i>
56
- <span>Events</span>
57
- </a>
58
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
59
- <i data-feather="award" class="w-5 h-5"></i>
60
- <span>Results</span>
61
- </a>
62
- </div>
63
-
64
- <div class="mt-8 pt-6 border-t border-gray-800">
65
- <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 justify-center space-x-2">
66
- <i data-feather="user" class="w-5 h-5"></i>
67
- <span>Login</span>
68
- </a>
69
- </div>
70
- </div>
71
- </nav>
72
 
73
- <!-- Main content needs right margin to account for sidebar -->
74
- <main class="mr-64">
75
- <div class="container mx-auto px-6 py-4">
76
  <div class="flex justify-between items-center">
77
  <div class="flex items-center space-x-2">
78
  <i data-feather="zap" class="text-yellow-500"></i>
79
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
80
  </div>
81
- <button id="mobile-menu-button" class="md:hidden text-white">
82
- <i data-feather="menu"></i>
83
- </button>
84
- <div id="mobile-menu" class="hidden absolute top-16 left-0 w-full bg-black bg-opacity-90 border-b border-yellow-500 md:hidden z-20">
85
- <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
86
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
87
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
88
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
89
- <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
90
- <a href="currency.html" class="text-yellow-500 hover:text-yellow-400 transition">Currency</a>
91
- <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
92
- <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
93
- </div>
94
- </div>
95
  <div class="hidden md:flex items-center space-x-8">
96
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
97
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
98
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
99
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
@@ -253,17 +192,8 @@
253
  </footer>
254
 
255
  <script>
256
- // Mobile menu toggle
257
- const mobileMenuButton = document.getElementById('mobile-menu-button');
258
- const mobileMenu = document.getElementById('mobile-menu');
259
-
260
- mobileMenuButton.addEventListener('click', () => {
261
- mobileMenu.classList.toggle('hidden');
262
- feather.replace();
263
- });
264
-
265
  // Initialize Vanta.js background
266
- VANTA.GLOBE({
267
  el: "#vanta-bg",
268
  mouseControls: true,
269
  touchControls: true,
 
21
  <body class="bg-black text-white font-['Montserrat']">
22
  <!-- Vanta.js Background -->
23
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
 
25
+ <!-- Navigation -->
26
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
27
+ <div class="container mx-auto px-6 py-4">
28
  <div class="flex justify-between items-center">
29
  <div class="flex items-center space-x-2">
30
  <i data-feather="zap" class="text-yellow-500"></i>
31
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
32
  </div>
33
+
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  <div class="hidden md:flex items-center space-x-8">
35
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
36
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
37
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
38
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
 
192
  </footer>
193
 
194
  <script>
 
 
 
 
 
 
 
 
 
195
  // Initialize Vanta.js background
196
+ VANTA.GLOBE({
197
  el: "#vanta-bg",
198
  mouseControls: true,
199
  touchControls: true,
events.html CHANGED
@@ -25,79 +25,18 @@
25
  <body class="bg-black text-white font-['Montserrat']">
26
  <!-- Vanta.js Background -->
27
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
28
- <!-- Navigation -->
29
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
30
- <div class="p-6">
31
- <div class="flex items-center space-x-2 mb-8">
32
- <i data-feather="zap" class="text-yellow-500"></i>
33
- <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
34
- </div>
35
-
36
- <!-- Vertical Navigation -->
37
- <div class="flex flex-col space-y-4">
38
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
39
- <i data-feather="home" class="w-5 h-5"></i>
40
- <span>Home</span>
41
- </a>
42
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
43
- <i data-feather="zap" class="w-5 h-5"></i>
44
- <span>Features</span>
45
- </a>
46
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
47
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
48
- <span>Pricing</span>
49
- </a>
50
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
51
- <i data-feather="info" class="w-5 h-5"></i>
52
- <span>About</span>
53
- </a>
54
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
55
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
56
- <span>Currency</span>
57
- </a>
58
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
59
- <i data-feather="calendar" class="w-5 h-5"></i>
60
- <span>Events</span>
61
- </a>
62
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
63
- <i data-feather="award" class="w-5 h-5"></i>
64
- <span>Results</span>
65
- </a>
66
- </div>
67
-
68
- <div class="mt-8 pt-6 border-t border-gray-800">
69
- <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 justify-center space-x-2">
70
- <i data-feather="user" class="w-5 h-5"></i>
71
- <span>Login</span>
72
- </a>
73
- </div>
74
- </div>
75
- </nav>
76
 
77
- <!-- Main content needs right margin to account for sidebar -->
78
- <main class="mr-64">
79
- <div class="container mx-auto px-6 py-4">
80
  <div class="flex justify-between items-center">
81
  <div class="flex items-center space-x-2">
82
  <i data-feather="zap" class="text-yellow-500"></i>
83
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
84
  </div>
85
- <button id="mobile-menu-button" class="md:hidden text-white">
86
- <i data-feather="menu"></i>
87
- </button>
88
- <div id="mobile-menu" class="hidden absolute top-16 left-0 w-full bg-black bg-opacity-90 border-b border-yellow-500 md:hidden z-20">
89
- <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
90
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
91
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
92
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
93
- <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
94
- <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
95
- <a href="events.html" class="text-yellow-500 hover:text-yellow-400 transition">Events</a>
96
- <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
97
- </div>
98
- </div>
99
  <div class="hidden md:flex items-center space-x-8">
100
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
101
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
102
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
103
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
@@ -314,17 +253,8 @@ Register Now
314
  </footer>
315
 
316
  <script>
317
- // Mobile menu toggle
318
- const mobileMenuButton = document.getElementById('mobile-menu-button');
319
- const mobileMenu = document.getElementById('mobile-menu');
320
-
321
- mobileMenuButton.addEventListener('click', () => {
322
- mobileMenu.classList.toggle('hidden');
323
- feather.replace();
324
- });
325
-
326
  // Initialize Vanta.js background
327
- VANTA.GLOBE({
328
  el: "#vanta-bg",
329
  mouseControls: true,
330
  touchControls: true,
 
25
  <body class="bg-black text-white font-['Montserrat']">
26
  <!-- Vanta.js Background -->
27
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
 
29
+ <!-- Navigation -->
30
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
31
+ <div class="container mx-auto px-6 py-4">
32
  <div class="flex justify-between items-center">
33
  <div class="flex items-center space-x-2">
34
  <i data-feather="zap" class="text-yellow-500"></i>
35
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
36
  </div>
37
+
 
 
 
 
 
 
 
 
 
 
 
 
 
38
  <div class="hidden md:flex items-center space-x-8">
39
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
40
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
41
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
42
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
 
253
  </footer>
254
 
255
  <script>
 
 
 
 
 
 
 
 
 
256
  // Initialize Vanta.js background
257
+ VANTA.GLOBE({
258
  el: "#vanta-bg",
259
  mouseControls: true,
260
  touchControls: true,
index.html CHANGED
@@ -51,54 +51,32 @@
51
  </button>
52
  </div>
53
  </div>
54
- <!-- Navigation -->
55
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
56
- <div class="p-6">
57
- <div class="flex items-center space-x-2 mb-8">
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
 
62
- <!-- Vertical Navigation -->
63
- <div class="flex flex-col space-y-4">
64
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
65
- <i data-feather="home" class="w-5 h-5"></i>
66
- <span>Home</span>
67
- </a>
68
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
69
- <i data-feather="zap" class="w-5 h-5"></i>
70
- <span>Features</span>
71
- </a>
72
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
73
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
74
- <span>Pricing</span>
75
- </a>
76
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
77
- <i data-feather="info" class="w-5 h-5"></i>
78
- <span>About</span>
79
- </a>
80
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
81
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
82
- <span>Currency</span>
83
- </a>
84
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
85
- <i data-feather="calendar" class="w-5 h-5"></i>
86
- <span>Events</span>
87
- </a>
88
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
89
- <i data-feather="award" class="w-5 h-5"></i>
90
- <span>Results</span>
91
- </a>
92
  </div>
93
 
94
- <div class="mt-8 pt-6 border-t border-gray-800">
95
- <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 justify-center space-x-2">
96
- <i data-feather="user" class="w-5 h-5"></i>
97
- <span>Login</span>
98
- </a>
 
 
 
 
99
  </div>
100
- </div>
101
- </nav>
102
  <div class="flex items-center space-x-4">
103
  <div class="relative">
104
  <button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
@@ -232,9 +210,10 @@
232
  </div>
233
  </div>
234
  </nav>
 
235
  <!-- Hero Section -->
236
- <section class="relative z-0 hero-gradient min-h-screen flex items-center">
237
- <div class="container mx-auto px-6 py-20 md:py-32">
238
  <div class="flex flex-col md:flex-row items-center">
239
  <div class="md:w-1/2 mb-12 md:mb-0">
240
  <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-6 tracking-wider">
@@ -584,10 +563,22 @@ Start 7-Day Free Trial
584
  </div>
585
  </div>
586
  </footer>
587
- </main>
588
- <!-- Main content needs right margin to account for sidebar -->
589
- <main class="mr-64">
590
- <!-- Add i18next libraries -->
 
 
 
 
 
 
 
 
 
 
 
 
591
  <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script>
592
  <script src="https://unpkg.com/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.js"></script>
593
  <script src="https://unpkg.com/i18next-http-backend/i18nextHttpBackend.js"></script>
@@ -630,14 +621,6 @@ Start 7-Day Free Trial
630
  // Update any other dynamic text as needed
631
  document.title = i18next.t('title');
632
  }
633
- // Mobile menu toggle (horizontal nav)
634
- const mobileMenuButton = document.getElementById('mobile-menu-button');
635
- const mobileMenu = document.getElementById('mobile-menu');
636
-
637
- mobileMenuButton.addEventListener('click', () => {
638
- mobileMenu.classList.toggle('hidden');
639
- feather.replace();
640
- });
641
 
642
  // Mobile menu toggle
643
  const mobileMenuButton = document.getElementById('mobile-menu-button');
@@ -696,24 +679,6 @@ el: "#vanta-bg",
696
  backgroundColor: 0x0,
697
  size: 0.8
698
  });
699
- // Sidebar toggle functionality
700
- const sidebar = document.getElementById('sidebar');
701
- const toggleBtn = document.getElementById('toggle-sidebar');
702
-
703
- toggleBtn.addEventListener('click', () => {
704
- sidebar.classList.toggle('w-16');
705
- sidebar.classList.toggle('w-64');
706
-
707
- if (sidebar.classList.contains('w-16')) {
708
- feather.replace();
709
- toggleBtn.innerHTML = '<i data-feather="chevron-right" class="w-5 h-5"></i>';
710
- feather.replace();
711
- } else {
712
- feather.replace();
713
- toggleBtn.innerHTML = '<i data-feather="chevron-left" class="w-5 h-5"></i>';
714
- feather.replace();
715
- }
716
- });
717
 
718
  // Feather icons
719
  feather.replace();
 
51
  </button>
52
  </div>
53
  </div>
 
 
 
 
 
 
 
54
 
55
+ <!-- Navigation -->
56
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
57
+ <div class="container mx-auto px-6 py-4">
58
+ <div class="flex justify-between items-center">
59
+ <div class="flex items-center space-x-2">
60
+ <i data-feather="zap" class="text-yellow-500"></i>
61
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
62
+ </div>
63
+ <!-- Mobile menu button -->
64
+ <div class="md:hidden">
65
+ <button id="mobile-menu-button" class="text-white focus:outline-none">
66
+ <i data-feather="menu"></i>
67
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
  </div>
69
 
70
+ <!-- Desktop Navigation -->
71
+ <div class="hidden md:flex items-center space-x-8">
72
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
73
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
74
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
75
+ <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
76
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
77
+ <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
78
+ <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
79
  </div>
 
 
80
  <div class="flex items-center space-x-4">
81
  <div class="relative">
82
  <button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
 
210
  </div>
211
  </div>
212
  </nav>
213
+
214
  <!-- Hero Section -->
215
+ <section class="relative z-10 hero-gradient min-h-screen flex items-center">
216
+ <div class="container mx-auto px-6 py-20 md:py-32">
217
  <div class="flex flex-col md:flex-row items-center">
218
  <div class="md:w-1/2 mb-12 md:mb-0">
219
  <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-6 tracking-wider">
 
563
  </div>
564
  </div>
565
  </footer>
566
+ <!-- Mobile Menu -->
567
+ <div id="mobile-menu" class="hidden fixed inset-0 bg-black bg-opacity-90 z-50 flex flex-col items-center justify-center">
568
+ <button id="mobile-menu-close" class="absolute top-4 right-4 text-white text-2xl">
569
+ <i data-feather="x"></i>
570
+ </button>
571
+ <div class="flex flex-col space-y-6 text-center">
572
+ <a href="index.html" class="text-2xl text-white hover:text-yellow-500 transition">Home</a>
573
+ <a href="index.html#features" class="text-2xl text-white hover:text-yellow-500 transition">Features</a>
574
+ <a href="index.html#pricing" class="text-2xl text-white hover:text-yellow-500 transition">Pricing</a>
575
+ <a href="about.html" class="text-2xl text-white hover:text-yellow-500 transition">About</a>
576
+ <a href="currency.html" class="text-2xl text-white hover:text-yellow-500 transition">Currency</a>
577
+ <a href="events.html" class="text-2xl text-white hover:text-yellow-500 transition">Events</a>
578
+ <a href="results.html" class="text-2xl text-white hover:text-yellow-500 transition">Results</a>
579
+ </div>
580
+ </div>
581
+ <!-- Add i18next libraries -->
582
  <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script>
583
  <script src="https://unpkg.com/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.js"></script>
584
  <script src="https://unpkg.com/i18next-http-backend/i18nextHttpBackend.js"></script>
 
621
  // Update any other dynamic text as needed
622
  document.title = i18next.t('title');
623
  }
 
 
 
 
 
 
 
 
624
 
625
  // Mobile menu toggle
626
  const mobileMenuButton = document.getElementById('mobile-menu-button');
 
679
  backgroundColor: 0x0,
680
  size: 0.8
681
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
682
 
683
  // Feather icons
684
  feather.replace();
login.html CHANGED
@@ -23,79 +23,18 @@
23
  <body class="bg-black text-white font-['Montserrat']">
24
  <!-- Vanta.js Background -->
25
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
26
- <!-- Navigation -->
27
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
28
- <div class="p-6">
29
- <div class="flex items-center space-x-2 mb-8">
30
- <i data-feather="zap" class="text-yellow-500"></i>
31
- <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
32
- </div>
33
-
34
- <!-- Vertical Navigation -->
35
- <div class="flex flex-col space-y-4">
36
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
37
- <i data-feather="home" class="w-5 h-5"></i>
38
- <span>Home</span>
39
- </a>
40
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
41
- <i data-feather="zap" class="w-5 h-5"></i>
42
- <span>Features</span>
43
- </a>
44
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
45
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
46
- <span>Pricing</span>
47
- </a>
48
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
49
- <i data-feather="info" class="w-5 h-5"></i>
50
- <span>About</span>
51
- </a>
52
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
53
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
54
- <span>Currency</span>
55
- </a>
56
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
57
- <i data-feather="calendar" class="w-5 h-5"></i>
58
- <span>Events</span>
59
- </a>
60
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
61
- <i data-feather="award" class="w-5 h-5"></i>
62
- <span>Results</span>
63
- </a>
64
- </div>
65
-
66
- <div class="mt-8 pt-6 border-t border-gray-800">
67
- <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 justify-center space-x-2">
68
- <i data-feather="user" class="w-5 h-5"></i>
69
- <span>Login</span>
70
- </a>
71
- </div>
72
- </div>
73
- </nav>
74
 
75
- <!-- Main content needs right margin to account for sidebar -->
76
- <main class="mr-64">
77
- <div class="container mx-auto px-6 py-4">
78
  <div class="flex justify-between items-center">
79
  <div class="flex items-center space-x-2">
80
  <i data-feather="zap" class="text-yellow-500"></i>
81
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
82
  </div>
83
- <button id="mobile-menu-button" class="md:hidden text-white">
84
- <i data-feather="menu"></i>
85
- </button>
86
- <div id="mobile-menu" class="hidden absolute top-16 left-0 w-full bg-black bg-opacity-90 border-b border-yellow-500 md:hidden z-20">
87
- <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
88
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
89
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
90
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
91
- <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
92
- <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
93
- <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
94
- <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
95
- </div>
96
- </div>
97
  <div class="hidden md:flex items-center space-x-8">
98
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
99
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
100
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
101
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
@@ -244,17 +183,8 @@ Sign In
244
  </footer>
245
 
246
  <script>
247
- // Mobile menu toggle
248
- const mobileMenuButton = document.getElementById('mobile-menu-button');
249
- const mobileMenu = document.getElementById('mobile-menu');
250
-
251
- mobileMenuButton.addEventListener('click', () => {
252
- mobileMenu.classList.toggle('hidden');
253
- feather.replace();
254
- });
255
-
256
  // Initialize Vanta.js background
257
- VANTA.GLOBE({
258
  el: "#vanta-bg",
259
  mouseControls: true,
260
  touchControls: true,
 
23
  <body class="bg-black text-white font-['Montserrat']">
24
  <!-- Vanta.js Background -->
25
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
 
27
+ <!-- Navigation -->
28
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
29
+ <div class="container mx-auto px-6 py-4">
30
  <div class="flex justify-between items-center">
31
  <div class="flex items-center space-x-2">
32
  <i data-feather="zap" class="text-yellow-500"></i>
33
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
34
  </div>
35
+
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  <div class="hidden md:flex items-center space-x-8">
37
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
38
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
39
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
40
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
 
183
  </footer>
184
 
185
  <script>
 
 
 
 
 
 
 
 
 
186
  // Initialize Vanta.js background
187
+ VANTA.GLOBE({
188
  el: "#vanta-bg",
189
  mouseControls: true,
190
  touchControls: true,
results.html CHANGED
@@ -27,79 +27,18 @@
27
  <body class="bg-black text-white font-['Montserrat']">
28
  <!-- Vanta.js Background -->
29
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
30
- <!-- Navigation -->
31
- <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
32
- <div class="p-6">
33
- <div class="flex items-center space-x-2 mb-8">
34
- <i data-feather="zap" class="text-yellow-500"></i>
35
- <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
36
- </div>
37
-
38
- <!-- Vertical Navigation -->
39
- <div class="flex flex-col space-y-4">
40
- <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
41
- <i data-feather="home" class="w-5 h-5"></i>
42
- <span>Home</span>
43
- </a>
44
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
45
- <i data-feather="zap" class="w-5 h-5"></i>
46
- <span>Features</span>
47
- </a>
48
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
49
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
50
- <span>Pricing</span>
51
- </a>
52
- <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
53
- <i data-feather="info" class="w-5 h-5"></i>
54
- <span>About</span>
55
- </a>
56
- <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
57
- <i data-feather="dollar-sign" class="w-5 h-5"></i>
58
- <span>Currency</span>
59
- </a>
60
- <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
61
- <i data-feather="calendar" class="w-5 h-5"></i>
62
- <span>Events</span>
63
- </a>
64
- <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
65
- <i data-feather="award" class="w-5 h-5"></i>
66
- <span>Results</span>
67
- </a>
68
- </div>
69
-
70
- <div class="mt-8 pt-6 border-t border-gray-800">
71
- <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 justify-center space-x-2">
72
- <i data-feather="user" class="w-5 h-5"></i>
73
- <span>Login</span>
74
- </a>
75
- </div>
76
- </div>
77
- </nav>
78
 
79
- <!-- Main content needs right margin to account for sidebar -->
80
- <main class="mr-64">
81
- <div class="container mx-auto px-6 py-4">
82
  <div class="flex justify-between items-center">
83
  <div class="flex items-center space-x-2">
84
  <i data-feather="zap" class="text-yellow-500"></i>
85
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
86
  </div>
87
- <button id="mobile-menu-button" class="md:hidden text-white">
88
- <i data-feather="menu"></i>
89
- </button>
90
- <div id="mobile-menu" class="hidden absolute top-16 left-0 w-full bg-black bg-opacity-90 border-b border-yellow-500 md:hidden z-20">
91
- <div class="container mx-auto px-6 py-4 flex flex-col space-y-4">
92
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
93
- <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
94
- <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
95
- <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
96
- <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
97
- <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
98
- <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Results</a>
99
- </div>
100
- </div>
101
  <div class="hidden md:flex items-center space-x-8">
102
- <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
103
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
104
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
105
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
@@ -361,17 +300,8 @@ Join Next Event
361
  </footer>
362
 
363
  <script>
364
- // Mobile menu toggle
365
- const mobileMenuButton = document.getElementById('mobile-menu-button');
366
- const mobileMenu = document.getElementById('mobile-menu');
367
-
368
- mobileMenuButton.addEventListener('click', () => {
369
- mobileMenu.classList.toggle('hidden');
370
- feather.replace();
371
- });
372
-
373
  // Initialize Vanta.js background
374
- VANTA.GLOBE({
375
  el: "#vanta-bg",
376
  mouseControls: true,
377
  touchControls: true,
 
27
  <body class="bg-black text-white font-['Montserrat']">
28
  <!-- Vanta.js Background -->
29
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30
 
31
+ <!-- Navigation -->
32
+ <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
33
+ <div class="container mx-auto px-6 py-4">
34
  <div class="flex justify-between items-center">
35
  <div class="flex items-center space-x-2">
36
  <i data-feather="zap" class="text-yellow-500"></i>
37
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
38
  </div>
39
+
 
 
 
 
 
 
 
 
 
 
 
 
 
40
  <div class="hidden md:flex items-center space-x-8">
41
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
42
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
43
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
44
  <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
 
300
  </footer>
301
 
302
  <script>
 
 
 
 
 
 
 
 
 
303
  // Initialize Vanta.js background
304
+ VANTA.GLOBE({
305
  el: "#vanta-bg",
306
  mouseControls: true,
307
  touchControls: true,