Hugging Face's logo

Spaces:
dister25
/
teviqa
Running

App Files Community
dister25 commited on
Commit
5e2df74
·
verified ·
1 Parent(s): 9490c89

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +722 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Teviqa
3
- emoji: 🐢
4
- colorFrom: indigo
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: teviqa
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,722 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>TEVIQA - Advanced Coating Solutions</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
11
+
12
+ :root {
13
+ --primary: #0066cc;
14
+ --secondary: #003366;
15
+ --accent: #ff6600;
16
+ }
17
+
18
+ body {
19
+ font-family: 'Montserrat', sans-serif;
20
+ scroll-behavior: smooth;
21
+ }
22
+
23
+ .hero-gradient {
24
+ background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
25
+ }
26
+
27
+ .card-hover:hover {
28
+ transform: translateY(-10px);
29
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
30
+ }
31
+
32
+ .tech-icon {
33
+ transition: all 0.3s ease;
34
+ }
35
+
36
+ .tech-icon:hover {
37
+ transform: scale(1.2);
38
+ color: var(--accent);
39
+ }
40
+
41
+ .nav-link {
42
+ position: relative;
43
+ }
44
+
45
+ .nav-link::after {
46
+ content: '';
47
+ position: absolute;
48
+ width: 0;
49
+ height: 2px;
50
+ bottom: 0;
51
+ left: 0;
52
+ background-color: var(--accent);
53
+ transition: width 0.3s ease;
54
+ }
55
+
56
+ .nav-link:hover::after {
57
+ width: 100%;
58
+ }
59
+
60
+ .animated-underline {
61
+ position: relative;
62
+ display: inline-block;
63
+ }
64
+
65
+ .animated-underline::after {
66
+ content: '';
67
+ position: absolute;
68
+ width: 100%;
69
+ height: 3px;
70
+ bottom: -5px;
71
+ left: 0;
72
+ background-color: var(--accent);
73
+ transform: scaleX(0);
74
+ transform-origin: bottom right;
75
+ transition: transform 0.3s ease-out;
76
+ }
77
+
78
+ .animated-underline:hover::after {
79
+ transform: scaleX(1);
80
+ transform-origin: bottom left;
81
+ }
82
+
83
+ .scroll-indicator {
84
+ animation: bounce 2s infinite;
85
+ }
86
+
87
+ @keyframes bounce {
88
+ 0%, 20%, 50%, 80%, 100% {
89
+ transform: translateY(0);
90
+ }
91
+ 40% {
92
+ transform: translateY(-20px);
93
+ }
94
+ 60% {
95
+ transform: translateY(-10px);
96
+ }
97
+ }
98
+
99
+ .solution-card {
100
+ transition: all 0.3s ease;
101
+ border-top: 4px solid transparent;
102
+ }
103
+
104
+ .solution-card:hover {
105
+ border-top-color: var(--accent);
106
+ }
107
+
108
+ .contact-input:focus {
109
+ outline: none;
110
+ box-shadow: 0 0 0 2px var(--accent);
111
+ }
112
+ </style>
113
+ </head>
114
+ <body class="bg-gray-50">
115
+ <!-- Navigation -->
116
+ <nav class="bg-white shadow-lg fixed w-full z-50">
117
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
118
+ <div class="flex justify-between h-16">
119
+ <div class="flex items-center">
120
+ <div class="flex-shrink-0 flex items-center">
121
+ <span class="text-2xl font-bold text-blue-800">TEVIQA</span>
122
+ </div>
123
+ </div>
124
+ <div class="hidden md:flex items-center space-x-8">
125
+ <a href="#mission" class="nav-link text-gray-700 hover:text-blue-800 px-3 py-2 text-sm font-medium">Mission</a>
126
+ <a href="#solutions" class="nav-link text-gray-700 hover:text-blue-800 px-3 py-2 text-sm font-medium">Solutions</a>
127
+ <a href="#technology" class="nav-link text-gray-700 hover:text-blue-800 px-3 py-2 text-sm font-medium">Technology</a>
128
+ <a href="#contact" class="nav-link text-gray-700 hover:text-blue-800 px-3 py-2 text-sm font-medium">Contact</a>
129
+ </div>
130
+ <div class="-mr-2 flex items-center md:hidden">
131
+ <button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-800 focus:outline-none">
132
+ <i class="fas fa-bars"></i>
133
+ </button>
134
+ </div>
135
+ </div>
136
+ </div>
137
+
138
+ <!-- Mobile menu -->
139
+ <div id="mobile-menu" class="hidden md:hidden bg-white border-t">
140
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
141
+ <a href="#mission" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-800">Mission</a>
142
+ <a href="#solutions" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-800">Solutions</a>
143
+ <a href="#technology" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-800">Technology</a>
144
+ <a href="#contact" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-800">Contact</a>
145
+ </div>
146
+ </div>
147
+ </nav>
148
+
149
+ <!-- Hero Section -->
150
+ <header class="hero-gradient pt-24 pb-32 text-white">
151
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
152
+ <div class="md:flex items-center justify-between">
153
+ <div class="md:w-1/2 mb-12 md:mb-0">
154
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Redefining Industries with <span class="animated-underline">Advanced Coatings</span></h1>
155
+ <p class="text-xl mb-8 text-blue-100">TEVIQA leads in compact supersonic and hypersonic coating systems, delivering innovative solutions for medicine, space, and industrial applications.</p>
156
+ <div class="flex space-x-4">
157
+ <a href="#solutions" class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">Our Solutions</a>
158
+ <a href="#contact" class="bg-transparent hover:bg-white hover:text-blue-800 text-white font-bold py-3 px-6 border-2 border-white rounded-lg transition duration-300">Contact Us</a>
159
+ </div>
160
+ </div>
161
+ <div class="md:w-1/2 flex justify-center">
162
+ <div class="relative">
163
+ <div class="w-80 h-80 bg-blue-700 rounded-full opacity-20 absolute -top-10 -left-10"></div>
164
+ <div class="w-80 h-80 bg-orange-500 rounded-full opacity-20 absolute -bottom-10 -right-10"></div>
165
+ <img src="https://images.unsplash.com/photo-1581094794329-c811329d521a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Coating Technology" class="relative z-10 rounded-lg shadow-2xl w-full max-w-md">
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <div class="text-center mt-16 scroll-indicator">
171
+ <a href="#mission" class="text-white text-4xl"><i class="fas fa-chevron-down"></i></a>
172
+ </div>
173
+ </header>
174
+
175
+ <!-- Mission Section -->
176
+ <section id="mission" class="py-20 bg-white">
177
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
178
+ <div class="text-center mb-16">
179
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Our <span class="text-orange-500">Mission</span> & Vision</h2>
180
+ <div class="w-20 h-1 bg-orange-500 mx-auto"></div>
181
+ </div>
182
+
183
+ <div class="grid md:grid-cols-2 gap-12">
184
+ <div class="bg-gray-50 p-8 rounded-xl shadow-md">
185
+ <div class="flex items-center mb-6">
186
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
187
+ <i class="fas fa-bullseye text-blue-800 text-xl"></i>
188
+ </div>
189
+ <h3 class="text-xl font-bold text-blue-800">Our Mission</h3>
190
+ </div>
191
+ <p class="text-gray-700 mb-6">TEVIQA aims to lead globally in compact supersonic and hypersonic coating systems, monetizing intellectual property through licensing and strategic partnerships.</p>
192
+ <div class="flex items-center text-sm text-gray-500">
193
+ <i class="fas fa-check-circle text-orange-500 mr-2"></i>
194
+ <span>Global leadership in coating technology</span>
195
+ </div>
196
+ <div class="flex items-center text-sm text-gray-500 mt-2">
197
+ <i class="fas fa-check-circle text-orange-500 mr-2"></i>
198
+ <span>Innovative IP monetization strategies</span>
199
+ </div>
200
+ </div>
201
+
202
+ <div class="bg-gray-50 p-8 rounded-xl shadow-md">
203
+ <div class="flex items-center mb-6">
204
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
205
+ <i class="fas fa-eye text-blue-800 text-xl"></i>
206
+ </div>
207
+ <h3 class="text-xl font-bold text-blue-800">Our Vision</h3>
208
+ </div>
209
+ <p class="text-gray-700 mb-6">To redefine industries with innovative coatings for medicine, space, hypersonics, and repairs, driven by R&D and a knowledge-based economy.</p>
210
+ <div class="flex items-center text-sm text-gray-500">
211
+ <i class="fas fa-check-circle text-orange-500 mr-2"></i>
212
+ <span>Industry transformation through coatings</span>
213
+ </div>
214
+ <div class="flex items-center text-sm text-gray-500 mt-2">
215
+ <i class="fas fa-check-circle text-orange-500 mr-2"></i>
216
+ <span>R&D focused knowledge economy</span>
217
+ </div>
218
+ </div>
219
+ </div>
220
+
221
+ <!-- Core Principles -->
222
+ <div class="mt-20">
223
+ <h3 class="text-2xl font-bold text-center text-blue-800 mb-8">Our <span class="text-orange-500">Core</span> Principles</h3>
224
+
225
+ <div class="grid md:grid-cols-3 gap-8">
226
+ <div class="bg-white p-6 rounded-lg shadow-lg border-t-4 border-blue-600 card-hover transition duration-300">
227
+ <div class="text-blue-800 text-4xl mb-4">
228
+ <i class="fas fa-compress-arrows-alt"></i>
229
+ </div>
230
+ <h4 class="text-xl font-bold mb-3 text-gray-800">Compact Advantage</h4>
231
+ <p class="text-gray-600">Small systems delivering big results for implants, satellites, and repairs.</p>
232
+ </div>
233
+
234
+ <div class="bg-white p-6 rounded-lg shadow-lg border-t-4 border-orange-500 card-hover transition duration-300">
235
+ <div class="text-blue-800 text-4xl mb-4">
236
+ <i class="fas fa-lightbulb"></i>
237
+ </div>
238
+ <h4 class="text-xl font-bold mb-3 text-gray-800">Innovation Without Manufacturing</h4>
239
+ <p class="text-gray-600">Focus on R&D, licensing technology to partners.</p>
240
+ </div>
241
+
242
+ <div class="bg-white p-6 rounded-lg shadow-lg border-t-4 border-blue-600 card-hover transition duration-300">
243
+ <div class="text-blue-800 text-4xl mb-4">
244
+ <i class="fas fa-graduation-cap"></i>
245
+ </div>
246
+ <h4 class="text-xl font-bold mb-3 text-gray-800">Knowledge Economy</h4>
247
+ <p class="text-gray-600">Monetize IP through research, product, and equipment licenses.</p>
248
+ </div>
249
+ </div>
250
+ </div>
251
+
252
+ <!-- Market Opportunity -->
253
+ <div class="mt-20 bg-gradient-to-r from-blue-800 to-blue-600 rounded-xl p-8 text-white">
254
+ <div class="md:flex items-center justify-between">
255
+ <div class="md:w-2/3 mb-6 md:mb-0">
256
+ <h3 class="text-2xl font-bold mb-4">Why <span class="text-orange-300">TEVIQA</span>?</h3>
257
+ <p class="mb-4">The global coatings market will hit $200B by 2030 (McKinsey, 2024). TEVIQA's compact systems offer unique bioactive, durable, and heat-resistant coatings, securing first-mover advantage.</p>
258
+ <div class="flex items-center">
259
+ <i class="fas fa-chart-line text-orange-300 text-2xl mr-3"></i>
260
+ <span class="font-bold">$200B Market by 2030</span>
261
+ </div>
262
+ </div>
263
+ <div class="md:w-1/3 flex justify-center">
264
+ <div class="bg-white text-blue-800 rounded-lg p-4 shadow-lg w-full max-w-xs">
265
+ <div class="text-center">
266
+ <div class="text-5xl font-bold mb-2">1<sup>st</sup></div>
267
+ <div class="text-lg font-medium">Mover Advantage</div>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ </section>
275
+
276
+ <!-- Solutions Section -->
277
+ <section id="solutions" class="py-20 bg-gray-50">
278
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
279
+ <div class="text-center mb-16">
280
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Our <span class="text-orange-500">Solutions</span></h2>
281
+ <p class="text-gray-600 max-w-3xl mx-auto">TEVIQA's innovative coating systems deliver unmatched performance across multiple industries</p>
282
+ <div class="w-20 h-1 bg-orange-500 mx-auto mt-4"></div>
283
+ </div>
284
+
285
+ <div class="grid md:grid-cols-3 gap-8">
286
+ <!-- QIS Solution -->
287
+ <div class="solution-card bg-white p-6 rounded-xl shadow-md">
288
+ <div class="flex items-center mb-4">
289
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
290
+ <i class="fas fa-heartbeat text-blue-800 text-xl"></i>
291
+ </div>
292
+ <h3 class="text-xl font-bold text-blue-800">QIS</h3>
293
+ </div>
294
+ <p class="text-gray-600 mb-4">Quality Implant Surface - Medicine</p>
295
+ <ul class="mb-6">
296
+ <li class="flex items-start mb-2">
297
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
298
+ <span>Bioactive hydroxyapatite coatings for implants</span>
299
+ </li>
300
+ <li class="flex items-start mb-2">
301
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
302
+ <span>Meets ISO/ASTM standards for biocompatibility</span>
303
+ </li>
304
+ <li class="flex items-start mb-2">
305
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
306
+ <span>Enables 3D-anatomical implants with antibacterial properties</span>
307
+ </li>
308
+ </ul>
309
+ <div class="bg-blue-50 p-3 rounded-lg">
310
+ <p class="text-sm text-blue-800 font-medium"><i class="fas fa-certificate text-orange-500 mr-2"></i> Tissue integration and durability</p>
311
+ </div>
312
+ </div>
313
+
314
+ <!-- HPF Solution -->
315
+ <div class="solution-card bg-white p-6 rounded-xl shadow-md">
316
+ <div class="flex items-center mb-4">
317
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
318
+ <i class="fas fa-rocket text-blue-800 text-xl"></i>
319
+ </div>
320
+ <h3 class="text-xl font-bold text-blue-800">HPF</h3>
321
+ </div>
322
+ <p class="text-gray-600 mb-4">Hypersonics Particles Flow - Space, Hypersonics</p>
323
+ <ul class="mb-6">
324
+ <li class="flex items-start mb-2">
325
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
326
+ <span>Compact hypersonic coating systems (2–5 Mach)</span>
327
+ </li>
328
+ <li class="flex items-start mb-2">
329
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
330
+ <span>Ultra-strong, heat-resistant coatings for satellites and missiles</span>
331
+ </li>
332
+ <li class="flex items-start mb-2">
333
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
334
+ <span>Protection from -150°C to +2000°C</span>
335
+ </li>
336
+ </ul>
337
+ <div class="bg-blue-50 p-3 rounded-lg">
338
+ <p class="text-sm text-blue-800 font-medium"><i class="fas fa-certificate text-orange-500 mr-2"></i> Mars rover protection capabilities</p>
339
+ </div>
340
+ </div>
341
+
342
+ <!-- Termika 3 Solution -->
343
+ <div class="solution-card bg-white p-6 rounded-xl shadow-md">
344
+ <div class="flex items-center mb-4">
345
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
346
+ <i class="fas fa-industry text-blue-800 text-xl"></i>
347
+ </div>
348
+ <h3 class="text-xl font-bold text-blue-800">Termika 3</h3>
349
+ </div>
350
+ <p class="text-gray-600 mb-4">Industrial Repairs</p>
351
+ <ul class="mb-6">
352
+ <li class="flex items-start mb-2">
353
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
354
+ <span>Mobile HVOF systems for on-site repairs</span>
355
+ </li>
356
+ <li class="flex items-start mb-2">
357
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
358
+ <span>Protecting equipment from corrosion and wear</span>
359
+ </li>
360
+ <li class="flex items-start mb-2">
361
+ <i class="fas fa-check text-orange-500 mt-1 mr-2"></i>
362
+ <span>Energy and manufacturing applications</span>
363
+ </li>
364
+ </ul>
365
+ <div class="bg-blue-50 p-3 rounded-lg">
366
+ <p class="text-sm text-blue-800 font-medium"><i class="fas fa-certificate text-orange-500 mr-2"></i> Cost-effective maintenance solutions</p>
367
+ </div>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- Solution Images -->
372
+ <div class="grid md:grid-cols-3 gap-8 mt-12">
373
+ <div class="overflow-hidden rounded-xl shadow-lg">
374
+ <img src="https://images.unsplash.com/photo-1581093057306-d3075d72a5ce?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Medical Implants" class="w-full h-64 object-cover hover:scale-105 transition duration-500">
375
+ <div class="bg-white p-4">
376
+ <p class="text-sm text-gray-500">QIS Application</p>
377
+ <h4 class="font-bold text-blue-800">Medical Implant Coating</h4>
378
+ </div>
379
+ </div>
380
+ <div class="overflow-hidden rounded-xl shadow-lg">
381
+ <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1472&q=80" alt="Space Technology" class="w-full h-64 object-cover hover:scale-105 transition duration-500">
382
+ <div class="bg-white p-4">
383
+ <p class="text-sm text-gray-500">HPF Application</p>
384
+ <h4 class="font-bold text-blue-800">Satellite Protection</h4>
385
+ </div>
386
+ </div>
387
+ <div class="overflow-hidden rounded-xl shadow-lg">
388
+ <img src="https://images.unsplash.com/photo-1581093057306-d3075d72a5ce?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Industrial Repair" class="w-full h-64 object-cover hover:scale-105 transition duration-500">
389
+ <div class="bg-white p-4">
390
+ <p class="text-sm text-gray-500">Termika 3 Application</p>
391
+ <h4 class="font-bold text-blue-800">Equipment Repair</h4>
392
+ </div>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </section>
397
+
398
+ <!-- Technology Section -->
399
+ <section id="technology" class="py-20 bg-white">
400
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
401
+ <div class="text-center mb-16">
402
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Our <span class="text-orange-500">Technology</span></h2>
403
+ <p class="text-gray-600 max-w-3xl mx-auto">TEVIQA's compact systems deliver supersonic and hypersonic coatings with unmatched properties</p>
404
+ <div class="w-20 h-1 bg-orange-500 mx-auto mt-4"></div>
405
+ </div>
406
+
407
+ <div class="grid md:grid-cols-2 gap-12 items-center mb-16">
408
+ <div>
409
+ <h3 class="text-2xl font-bold text-blue-800 mb-6">Core <span class="text-orange-500">Components</span></h3>
410
+ <p class="text-gray-700 mb-6">Our patented technology combines compact design with high-performance capabilities:</p>
411
+
412
+ <div class="space-y-6">
413
+ <div class="flex">
414
+ <div class="flex-shrink-0">
415
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
416
+ <i class="fas fa-fire tech-icon"></i>
417
+ </div>
418
+ </div>
419
+ <div class="ml-4">
420
+ <h4 class="text-lg font-medium text-gray-900">Compact Patented Burner</h4>
421
+ <p class="text-gray-600">Precision-engineered for efficient thermal spray applications</p>
422
+ </div>
423
+ </div>
424
+
425
+ <div class="flex">
426
+ <div class="flex-shrink-0">
427
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
428
+ <i class="fas fa-tachometer-alt tech-icon"></i>
429
+ </div>
430
+ </div>
431
+ <div class="ml-4">
432
+ <h4 class="text-lg font-medium text-gray-900">Advanced Console</h4>
433
+ <p class="text-gray-600">User-friendly interface with precise control parameters</p>
434
+ </div>
435
+ </div>
436
+
437
+ <div class="flex">
438
+ <div class="flex-shrink-0">
439
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
440
+ <i class="fas fa-box-open tech-icon"></i>
441
+ </div>
442
+ </div>
443
+ <div class="ml-4">
444
+ <h4 class="text-lg font-medium text-gray-900">Feeder System</h4>
445
+ <p class="text-gray-600">Consistent material delivery for uniform coating application</p>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </div>
450
+
451
+ <div class="bg-gray-50 p-8 rounded-xl shadow-lg">
452
+ <img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Coating Technology" class="w-full rounded-lg">
453
+ </div>
454
+ </div>
455
+
456
+ <!-- Technology Highlights -->
457
+ <div class="grid md:grid-cols-3 gap-8">
458
+ <div class="bg-gradient-to-br from-blue-800 to-blue-600 p-6 rounded-xl text-white">
459
+ <div class="text-4xl mb-4">
460
+ <i class="fas fa-tachometer-alt"></i>
461
+ </div>
462
+ <h4 class="text-xl font-bold mb-3">Hypersonic Upgrade</h4>
463
+ <p class="mb-4">Speeds up to 5 Mach for novel coatings in space and defense applications.</p>
464
+ <div class="flex items-center text-sm">
465
+ <i class="fas fa-arrow-up mr-2"></i>
466
+ <span>Unmatched velocity capabilities</span>
467
+ </div>
468
+ </div>
469
+
470
+ <div class="bg-gradient-to-br from-orange-500 to-orange-400 p-6 rounded-xl text-white">
471
+ <div class="text-4xl mb-4">
472
+ <i class="fas fa-heartbeat"></i>
473
+ </div>
474
+ <h4 class="text-xl font-bold mb-3">Bioactive Implants</h4>
475
+ <p class="mb-4">QIS HA coatings enable antibacterial, durable medical implants with excellent tissue integration.</p>
476
+ <div class="flex items-center text-sm">
477
+ <i class="fas fa-shield-alt mr-2"></i>
478
+ <span>Enhanced patient outcomes</span>
479
+ </div>
480
+ </div>
481
+
482
+ <div class="bg-gradient-to-br from-blue-800 to-blue-600 p-6 rounded-xl text-white">
483
+ <div class="text-4xl mb-4">
484
+ <i class="fas fa-cogs"></i>
485
+ </div>
486
+ <h4 class="text-xl font-bold mb-3">Industrial Solutions</h4>
487
+ <p class="mb-4">Termika 3 mobile systems provide on-site repairs with superior wear resistance.</p>
488
+ <div class="flex items-center text-sm">
489
+ <i class="fas fa-wrench mr-2"></i>
490
+ <span>Cost-effective maintenance</span>
491
+ </div>
492
+ </div>
493
+ </div>
494
+ </div>
495
+ </section>
496
+
497
+ <!-- Contact Section -->
498
+ <section id="contact" class="py-20 bg-gray-50">
499
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
500
+ <div class="text-center mb-16">
501
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Get In <span class="text-orange-500">Touch</span></h2>
502
+ <p class="text-gray-600 max-w-3xl mx-auto">Contact us to learn more about our innovative coating solutions</p>
503
+ <div class="w-20 h-1 bg-orange-500 mx-auto mt-4"></div>
504
+ </div>
505
+
506
+ <div class="grid md:grid-cols-2 gap-12">
507
+ <div>
508
+ <h3 class="text-2xl font-bold text-blue-800 mb-6">Contact <span class="text-orange-500">Information</span></h3>
509
+
510
+ <div class="space-y-6">
511
+ <div class="flex items-start">
512
+ <div class="flex-shrink-0">
513
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
514
+ <i class="fas fa-envelope"></i>
515
+ </div>
516
+ </div>
517
+ <div class="ml-4">
518
+ <h4 class="text-lg font-medium text-gray-900">Email</h4>
519
+ <p class="text-gray-600">info@teviqa.com</p>
520
+ </div>
521
+ </div>
522
+
523
+ <div class="flex items-start">
524
+ <div class="flex-shrink-0">
525
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
526
+ <i class="fas fa-phone"></i>
527
+ </div>
528
+ </div>
529
+ <div class="ml-4">
530
+ <h4 class="text-lg font-medium text-gray-900">Phone</h4>
531
+ <p class="text-gray-600">+972533808300</p>
532
+ </div>
533
+ </div>
534
+
535
+ <div class="flex items-start">
536
+ <div class="flex-shrink-0">
537
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-800">
538
+ <i class="fas fa-map-marker-alt"></i>
539
+ </div>
540
+ </div>
541
+ <div class="ml-4">
542
+ <h4 class="text-lg font-medium text-gray-900">Location</h4>
543
+ <p class="text-gray-600">Israel</p>
544
+ </div>
545
+ </div>
546
+ </div>
547
+
548
+ <div class="mt-10">
549
+ <h4 class="text-lg font-bold text-blue-800 mb-4">Follow Us</h4>
550
+ <div class="flex space-x-4">
551
+ <a href="#" class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 hover:bg-blue-200 transition duration-300">
552
+ <i class="fab fa-linkedin-in"></i>
553
+ </a>
554
+ <a href="#" class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 hover:bg-blue-200 transition duration-300">
555
+ <i class="fab fa-twitter"></i>
556
+ </a>
557
+ <a href="#" class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-800 hover:bg-blue-200 transition duration-300">
558
+ <i class="fab fa-facebook-f"></i>
559
+ </a>
560
+ </div>
561
+ </div>
562
+ </div>
563
+
564
+ <div class="bg-white p-8 rounded-xl shadow-lg">
565
+ <h3 class="text-2xl font-bold text-blue-800 mb-6">Send Us a <span class="text-orange-500">Message</span></h3>
566
+ <form id="contactForm">
567
+ <div class="mb-6">
568
+ <label for="name" class="block text-gray-700 font-medium mb-2">Name</label>
569
+ <input type="text" id="name" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" placeholder="Your Name">
570
+ </div>
571
+ <div class="mb-6">
572
+ <label for="email" class="block text-gray-700 font-medium mb-2">Email</label>
573
+ <input type="email" id="email" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" placeholder="Your Email">
574
+ </div>
575
+ <div class="mb-6">
576
+ <label for="subject" class="block text-gray-700 font-medium mb-2">Subject</label>
577
+ <input type="text" id="subject" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" placeholder="Subject">
578
+ </div>
579
+ <div class="mb-6">
580
+ <label for="message" class="block text-gray-700 font-medium mb-2">Message</label>
581
+ <textarea id="message" rows="4" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" placeholder="Your Message"></textarea>
582
+ </div>
583
+ <button type="submit" class="w-full bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
584
+ Send Message
585
+ </button>
586
+ </form>
587
+ </div>
588
+ </div>
589
+ </div>
590
+ </section>
591
+
592
+ <!-- Footer -->
593
+ <footer class="bg-blue-900 text-white py-12">
594
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
595
+ <div class="grid md:grid-cols-4 gap-8">
596
+ <div>
597
+ <h3 class="text-xl font-bold mb-4">TEVIQA</h3>
598
+ <p class="text-blue-200">Leading in compact supersonic and hypersonic coating systems for medicine, space, and industrial applications.</p>
599
+ </div>
600
+ <div>
601
+ <h4 class="font-bold mb-4">Quick Links</h4>
602
+ <ul class="space-y-2">
603
+ <li><a href="#mission" class="text-blue-200 hover:text-white transition duration-300">Mission</a></li>
604
+ <li><a href="#solutions" class="text-blue-200 hover:text-white transition duration-300">Solutions</a></li>
605
+ <li><a href="#technology" class="text-blue-200 hover:text-white transition duration-300">Technology</a></li>
606
+ <li><a href="#contact" class="text-blue-200 hover:text-white transition duration-300">Contact</a></li>
607
+ </ul>
608
+ </div>
609
+ <div>
610
+ <h4 class="font-bold mb-4">Solutions</h4>
611
+ <ul class="space-y-2">
612
+ <li><a href="#" class="text-blue-200 hover:text-white transition duration-300">QIS - Medical</a></li>
613
+ <li><a href="#" class="text-blue-200 hover:text-white transition duration-300">HPF - Space</a></li>
614
+ <li><a href="#" class="text-blue-200 hover:text-white transition duration-300">Termika 3 - Industrial</a></li>
615
+ </ul>
616
+ </div>
617
+ <div>
618
+ <h4 class="font-bold mb-4">Contact</h4>
619
+ <ul class="space-y-2">
620
+ <li class="flex items-start">
621
+ <i class="fas fa-envelope mt-1 mr-2 text-blue-300"></i>
622
+ <span>info@teviqa.com</span>
623
+ </li>
624
+ <li class="flex items-start">
625
+ <i class="fas fa-phone mt-1 mr-2 text-blue-300"></i>
626
+ <span>+972533808300</span>
627
+ </li>
628
+ </ul>
629
+ </div>
630
+ </div>
631
+ <div class="border-t border-blue-800 mt-10 pt-6 flex flex-col md:flex-row justify-between items-center">
632
+ <p class="text-blue-300 mb-4 md:mb-0">© 2023 TEVIQA. All rights reserved.</p>
633
+ <div class="flex space-x-6">
634
+ <a href="#" class="text-blue-300 hover:text-white transition duration-300">Privacy Policy</a>
635
+ <a href="#" class="text-blue-300 hover:text-white transition duration-300">Terms of Service</a>
636
+ </div>
637
+ </div>
638
+ </div>
639
+ </footer>
640
+
641
+ <script>
642
+ // Mobile menu toggle
643
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
644
+ const menu = document.getElementById('mobile-menu');
645
+ menu.classList.toggle('hidden');
646
+ });
647
+
648
+ // Smooth scrolling for anchor links
649
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
650
+ anchor.addEventListener('click', function (e) {
651
+ e.preventDefault();
652
+
653
+ const targetId = this.getAttribute('href');
654
+ if (targetId === '#') return;
655
+
656
+ const targetElement = document.querySelector(targetId);
657
+ if (targetElement) {
658
+ // Close mobile menu if open
659
+ const mobileMenu = document.getElementById('mobile-menu');
660
+ if (!mobileMenu.classList.contains('hidden')) {
661
+ mobileMenu.classList.add('hidden');
662
+ }
663
+
664
+ // Scroll to target
665
+ window.scrollTo({
666
+ top: targetElement.offsetTop - 80,
667
+ behavior: 'smooth'
668
+ });
669
+ }
670
+ });
671
+ });
672
+
673
+ // Form submission
674
+ document.getElementById('contactForm').addEventListener('submit', function(e) {
675
+ e.preventDefault();
676
+
677
+ // Get form values
678
+ const name = document.getElementById('name').value;
679
+ const email = document.getElementById('email').value;
680
+ const subject = document.getElementById('subject').value;
681
+ const message = document.getElementById('message').value;
682
+
683
+ // Here you would typically send the data to a server
684
+ console.log('Form submitted:', { name, email, subject, message });
685
+
686
+ // Show success message
687
+ alert('Thank you for your message! We will get back to you soon.');
688
+
689
+ // Reset form
690
+ this.reset();
691
+ });
692
+
693
+ // Scroll animation for elements
694
+ function animateOnScroll() {
695
+ const elements = document.querySelectorAll('.solution-card, .tech-icon, .card-hover');
696
+
697
+ elements.forEach(element => {
698
+ const elementPosition = element.getBoundingClientRect().top;
699
+ const screenPosition = window.innerHeight / 1.2;
700
+
701
+ if (elementPosition < screenPosition) {
702
+ element.style.opacity = '1';
703
+ element.style.transform = 'translateY(0)';
704
+ }
705
+ });
706
+ }
707
+
708
+ // Set initial state for animated elements
709
+ document.querySelectorAll('.solution-card, .tech-icon, .card-hover').forEach(element => {
710
+ element.style.opacity = '0';
711
+ element.style.transform = 'translateY(20px)';
712
+ element.style.transition = 'all 0.6s ease';
713
+ });
714
+
715
+ // Run once on page load
716
+ animateOnScroll();
717
+
718
+ // Run on scroll
719
+ window.addEventListener('scroll', animateOnScroll);
720
+ </script>
721
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=dister25/teviqa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
722
+ </html>
prompts.txt ADDED
File without changes