Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
5423328
·
verified ·
1 Parent(s): b689b8f

add an about us and this is what to write

Browse files

At Amplify, we believe that success starts in our minds. Our company’s mission is to help people unlock their full potential mentally and physically by bridging technology, psychology, and personal growth. We created this platform to empower people to develop the mentality required to become the best version of themselves- whether stepping onto the field, into the classroom, or into an interview. By combining biometric tracking, personalized training, and VR and AR experiences, we give our users the tools they need to strengthen focus, build confidence, and master the art of mental preparation. We at Amplify don’t just prepare you for big moments- we help you create them.

Files changed (2) hide show
  1. about.html +293 -0
  2. index.html +7 -7
about.html ADDED
@@ -0,0 +1,293 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>About Us - Amplify</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://www.360cities.net/lib/embed.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');
14
+ .hero-gradient {
15
+ background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #3a0000 100%);
16
+ }
17
+ .glow-text {
18
+ text-shadow: 0 0 10px rgba(212, 175, 55, 0.7);
19
+ }
20
+ .value-card {
21
+ transition: all 0.3s ease;
22
+ }
23
+ .value-card:hover {
24
+ transform: translateY(-5px);
25
+ }
26
+ </style>
27
+ </head>
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>
46
+ </div>
47
+ <div class="flex items-center space-x-4">
48
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
49
+ <i data-feather="user" class="mr-2"></i> Login
50
+ </button>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- About Hero Section -->
57
+ <section class="relative z-10 hero-gradient py-32">
58
+ <div class="container mx-auto px-6 text-center">
59
+ <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-8 tracking-wider">
60
+ <span class="text-yellow-500 glow-text">OUR STORY</span>
61
+ </h1>
62
+ <p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
63
+ Empowering minds through innovative technology and performance psychology
64
+ </p>
65
+ </div>
66
+ </section>
67
+
68
+ <!-- About Content -->
69
+ <section class="relative z-10 py-20 bg-black bg-opacity-90">
70
+ <div class="container mx-auto px-6">
71
+ <div class="flex flex-col md:flex-row items-center mb-20">
72
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
73
+ <img src="http://static.photos/office/640x360/42" alt="Amplify Team" class="rounded-lg border-2 border-yellow-500 shadow-xl">
74
+ </div>
75
+ <div class="md:w-1/2">
76
+ <h2 class="text-4xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
77
+ <span class="text-yellow-500">WHO</span> <span class="text-white">WE ARE</span>
78
+ </h2>
79
+ <p class="text-lg mb-6 text-gray-300">
80
+ At Amplify, we believe that success starts in our minds. Our company's mission is to help people unlock their full potential mentally and physically by bridging technology, psychology, and personal growth.
81
+ </p>
82
+ <p class="text-lg mb-6 text-gray-300">
83
+ We created this platform to empower people to develop the mentality required to become the best version of themselves- whether stepping onto the field, into the classroom, or into an interview. By combining biometric tracking, personalized training, and VR and AR experiences, we give our users the tools they need to strengthen focus, build confidence, and master the art of mental preparation.
84
+ </p>
85
+ <p class="text-lg text-gray-300">
86
+ We at Amplify don't just prepare you for big moments- we help you create them. Our VR headset brings nervous scenarios to life so you can practice and prepare, while our AR technology provides hands-on learning in real-world environments.
87
+ </p>
88
+ </div>
89
+ </div>
90
+
91
+ <!-- Core Values -->
92
+ <div class="py-16">
93
+ <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
94
+ <span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-red-500">VALUES</span>
95
+ </h2>
96
+
97
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
98
+ <!-- Value 1 -->
99
+ <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card">
100
+ <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
101
+ <i data-feather="target" class="text-black text-2xl"></i>
102
+ </div>
103
+ <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Excellence</h3>
104
+ <p class="text-gray-300 text-center">
105
+ We strive for excellence in everything we do, from our technology to our customer support.
106
+ </p>
107
+ </div>
108
+
109
+ <!-- Value 2 -->
110
+ <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card">
111
+ <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
112
+ <i data-feather="heart" class="text-black text-2xl"></i>
113
+ </div>
114
+ <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3>
115
+ <p class="text-gray-300 text-center">
116
+ We understand our users' challenges and design solutions that truly meet their needs.
117
+ </p>
118
+ </div>
119
+
120
+ <!-- Value 3 -->
121
+ <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card">
122
+ <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
123
+ <i data-feather="zap" class="text-black text-2xl"></i>
124
+ </div>
125
+ <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Innovation</h3>
126
+ <p class="text-gray-300 text-center">
127
+ We constantly push boundaries to create cutting-edge mental performance solutions.
128
+ </p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ <!-- Meet the Team -->
134
+ <div class="py-16">
135
+ <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
136
+ <span class="text-yellow-500">MEET</span> <span class="text-white">THE</span> <span class="text-red-500">TEAM</span>
137
+ </h2>
138
+
139
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
140
+ <!-- Team Member 1 -->
141
+ <div class="group">
142
+ <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
143
+ <img src="http://static.photos/people/640x360/101" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
144
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
145
+ <div class="absolute bottom-0 left-0 p-4">
146
+ <h3 class="text-xl font-bold text-white">Alex Johnson</h3>
147
+ <p class="text-yellow-500">CEO & Founder</p>
148
+ </div>
149
+ </div>
150
+ <p class="text-gray-300">
151
+ Former sports psychologist turned tech entrepreneur, Alex founded Amplify to bridge the gap between mental training and technology.
152
+ </p>
153
+ </div>
154
+
155
+ <!-- Team Member 2 -->
156
+ <div class="group">
157
+ <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
158
+ <img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
159
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
160
+ <div class="absolute bottom-0 left-0 p-4">
161
+ <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
162
+ <p class="text-red-500">CTO</p>
163
+ </div>
164
+ </div>
165
+ <p class="text-gray-300">
166
+ VR/AR expert with a passion for human-computer interaction, Sarah leads our technical innovation efforts.
167
+ </p>
168
+ </div>
169
+
170
+ <!-- Team Member 3 -->
171
+ <div class="group">
172
+ <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
173
+ <img src="http://static.photos/people/640x360/103" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
174
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
175
+ <div class="absolute bottom-0 left-0 p-4">
176
+ <h3 class="text-xl font-bold text-white">Marcus Wright</h3>
177
+ <p class="text-yellow-500">Head of Coaching</p>
178
+ </div>
179
+ </div>
180
+ <p class="text-gray-300">
181
+ Former professional athlete who brings real-world performance experience to our training programs.
182
+ </p>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </section>
188
+
189
+ <!-- Join Us CTA -->
190
+ <section class="relative z-10 py-20 bg-gradient-to-r from-black via-gray-900 to-black">
191
+ <div class="container mx-auto px-6 text-center">
192
+ <h2 class="text-4xl md:text-5xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider">
193
+ <span class="text-yellow-500">JOIN</span> <span class="text-white">OUR</span> <span class="text-red-500">MISSION</span>
194
+ </h2>
195
+ <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
196
+ We're always looking for passionate individuals to join our team and help transform mental performance.
197
+ </p>
198
+ <button class="bg-gradient-to-r from-yellow-500 to-red-500 hover:from-yellow-600 hover:to-red-600 text-black font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4">
199
+ View Open Positions
200
+ </button>
201
+ </div>
202
+ </section>
203
+
204
+ <!-- Footer -->
205
+ <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12">
206
+ <div class="container mx-auto px-6">
207
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
208
+ <div>
209
+ <div class="flex items-center space-x-2 mb-4">
210
+ <i data-feather="zap" class="text-yellow-500"></i>
211
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
212
+ </div>
213
+ <p class="text-gray-400 mb-4">
214
+ Mental performance technology for champions in sports, business, and life.
215
+ </p>
216
+ <div class="flex space-x-4">
217
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
218
+ <i data-feather="facebook"></i>
219
+ </a>
220
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
221
+ <i data-feather="twitter"></i>
222
+ </a>
223
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
224
+ <i data-feather="instagram"></i>
225
+ </a>
226
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition">
227
+ <i data-feather="linkedin"></i>
228
+ </a>
229
+ </div>
230
+ </div>
231
+
232
+ <div>
233
+ <h3 class="text-lg font-bold text-white mb-4">Products</h3>
234
+ <ul class="space-y-2">
235
+ <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">VR Training</a></li>
236
+ <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">AR Coaching</a></li>
237
+ <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">Biofeedback</a></li>
238
+ </ul>
239
+ </div>
240
+
241
+ <div>
242
+ <h3 class="text-lg font-bold text-white mb-4">Company</h3>
243
+ <ul class="space-y-2">
244
+ <li><a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About Us</a></li>
245
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li>
246
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li>
247
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Contact</a></li>
248
+ </ul>
249
+ </div>
250
+
251
+ <div>
252
+ <h3 class="text-lg font-bold text-white mb-4">Resources</h3>
253
+ <ul class="space-y-2">
254
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Blog</a></li>
255
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Research</a></li>
256
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></li>
257
+ </ul>
258
+ </div>
259
+ </div>
260
+
261
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
262
+ <p class="text-gray-500 mb-4 md:mb-0">
263
+ © 2025 Amplify Technologies. All rights reserved.
264
+ </p>
265
+ <div class="flex space-x-6">
266
+ <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Privacy Policy</a>
267
+ <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Terms of Service</a>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </footer>
272
+
273
+ <script>
274
+ // Initialize Vanta.js background
275
+ VANTA.GLOBE({
276
+ el: "#vanta-bg",
277
+ mouseControls: true,
278
+ touchControls: true,
279
+ gyroControls: false,
280
+ minHeight: 200.00,
281
+ minWidth: 200.00,
282
+ scale: 1.00,
283
+ scaleMobile: 1.00,
284
+ color: 0xb8860b,
285
+ backgroundColor: 0x0,
286
+ size: 0.8
287
+ });
288
+
289
+ // Feather icons
290
+ feather.replace();
291
+ </script>
292
+ </body>
293
+ </html>
index.html CHANGED
@@ -49,11 +49,11 @@
49
  </div>
50
 
51
  <div class="hidden md:flex items-center space-x-8">
52
- <a href="#" class="text-white hover:text-yellow-500 transition">Home</a>
53
- <a href="#features" class="text-white hover:text-yellow-500 transition">Features</a>
54
- <a href="#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
55
- <a href="#about" class="text-white hover:text-yellow-500 transition">About</a>
56
- </div>
57
  <div class="flex items-center space-x-4">
58
  <div class="relative">
59
  <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">
@@ -563,8 +563,8 @@
563
  <div>
564
  <h3 class="text-lg font-bold text-white mb-4">Company</h3>
565
  <ul class="space-y-2">
566
- <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li>
567
- <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li>
568
  <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li>
569
  <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Contact</a></li>
570
  </ul>
 
49
  </div>
50
 
51
  <div class="hidden md:flex items-center space-x-8">
52
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
53
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
54
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
55
+ <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
56
+ </div>
57
  <div class="flex items-center space-x-4">
58
  <div class="relative">
59
  <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">
 
563
  <div>
564
  <h3 class="text-lg font-bold text-white mb-4">Company</h3>
565
  <ul class="space-y-2">
566
+ <li><a href="about.html" class="text-gray-400 hover:text-yellow-500 transition">About Us</a></li>
567
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li>
568
  <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li>
569
  <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Contact</a></li>
570
  </ul>