Hugging Face's logo

Spaces:
LIMATEC
/
site-2
Running

App Files Community
LIMATEC commited on
Commit
9c71a30
·
verified ·
1 Parent(s): 2d7f36e

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +730 -19
  3. prompts.txt +6 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Site 2
3
- emoji: 🏢
4
- colorFrom: indigo
5
- colorTo: green
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: site-2
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: red
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,730 @@
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="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>LIMA.TEC - Tecnologia Avançada</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=Orbitron:wght@400;700&display=swap');
11
+
12
+ .tech-font {
13
+ font-family: 'Orbitron', sans-serif;
14
+ }
15
+
16
+ .circuit-board {
17
+ background-image:
18
+ linear-gradient(to right, #1a1a1a 1px, transparent 1px),
19
+ linear-gradient(to bottom, #1a1a1a 1px, transparent 1px);
20
+ background-size: 20px 20px;
21
+ }
22
+
23
+ .data-stream {
24
+ position: relative;
25
+ overflow: hidden;
26
+ }
27
+
28
+ .data-stream::after {
29
+ content: "";
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
33
+ right: 0;
34
+ bottom: 0;
35
+ background: linear-gradient(
36
+ to bottom,
37
+ rgba(0,0,0,0) 0%,
38
+ rgba(0,0,0,0.7) 30%,
39
+ rgba(0,0,0,0.7) 70%,
40
+ rgba(0,0,0,0) 100%
41
+ );
42
+ }
43
+
44
+ .data-bit {
45
+ position: absolute;
46
+ background-color: #f97316;
47
+ animation: dataFlow linear infinite;
48
+ }
49
+
50
+ @keyframes dataFlow {
51
+ 0% { transform: translateY(-100px); }
52
+ 100% { transform: translateY(calc(100vh + 100px)); }
53
+ }
54
+
55
+ .glow {
56
+ filter: drop-shadow(0 0 8px rgba(249, 115, 22, 0.7));
57
+ }
58
+
59
+ .holographic-effect {
60
+ background: linear-gradient(135deg, rgba(0,0,0,0.9) 0%, rgba(31,41,55,0.8) 50%, rgba(0,0,0,0.9) 100%);
61
+ box-shadow: 0 0 15px rgba(249, 115, 22, 0.4);
62
+ }
63
+
64
+ .binary-code {
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%;
70
+ overflow: hidden;
71
+ opacity: 0.15;
72
+ z-index: 0;
73
+ }
74
+
75
+ .binary-digit {
76
+ position: absolute;
77
+ color: #f97316;
78
+ font-family: monospace;
79
+ font-size: 14px;
80
+ animation: binaryFall linear infinite;
81
+ }
82
+
83
+ @keyframes binaryFall {
84
+ 0% { transform: translateY(-100px); }
85
+ 100% { transform: translateY(calc(100vh + 100px)); }
86
+ }
87
+
88
+ .tech-border {
89
+ border: 1px solid rgba(249, 115, 22, 0.3);
90
+ box-shadow: inset 0 0 10px rgba(249, 115, 22, 0.2), 0 0 15px rgba(249, 115, 22, 0.3);
91
+ }
92
+
93
+ .pulse {
94
+ animation: pulse 2s infinite;
95
+ }
96
+
97
+ @keyframes pulse {
98
+ 0% { opacity: 0.3; }
99
+ 50% { opacity: 1; }
100
+ 100% { opacity: 0.3; }
101
+ }
102
+
103
+ .corner-node {
104
+ width: 12px;
105
+ height: 12px;
106
+ background-color: #f97316;
107
+ position: absolute;
108
+ }
109
+
110
+ .tech-nav {
111
+ backdrop-filter: blur(10px);
112
+ background-color: rgba(10, 10, 10, 0.7);
113
+ border-bottom: 1px solid rgba(249, 115, 22, 0.2);
114
+ }
115
+
116
+ .tech-card {
117
+ background: linear-gradient(145deg, rgba(31, 41, 55, 0.8), rgba(17, 24, 39, 0.9));
118
+ border: 1px solid rgba(249, 115, 22, 0.2);
119
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
120
+ transition: all 0.3s ease;
121
+ }
122
+
123
+ .tech-card:hover {
124
+ transform: translateY(-5px);
125
+ box-shadow: 0 10px 25px rgba(249, 115, 22, 0.2);
126
+ }
127
+
128
+ .tech-btn {
129
+ background: linear-gradient(to right, rgba(249, 115, 22, 0.8), rgba(249, 115, 22, 0.6));
130
+ border: 1px solid rgba(249, 115, 22, 0.3);
131
+ transition: all 0.3s ease;
132
+ }
133
+
134
+ .tech-btn:hover {
135
+ background: linear-gradient(to right, rgba(249, 115, 22, 1), rgba(249, 115, 22, 0.8));
136
+ box-shadow: 0 0 15px rgba(249, 115, 22, 0.5);
137
+ }
138
+
139
+ .tech-footer {
140
+ background: linear-gradient(to top, rgba(10, 10, 10, 1), rgba(17, 24, 39, 0.9));
141
+ border-top: 1px solid rgba(249, 115, 22, 0.2);
142
+ }
143
+
144
+ .tech-input {
145
+ background-color: rgba(31, 41, 55, 0.5);
146
+ border: 1px solid rgba(249, 115, 22, 0.3);
147
+ transition: all 0.3s ease;
148
+ }
149
+
150
+ .tech-input:focus {
151
+ border-color: rgba(249, 115, 22, 0.7);
152
+ box-shadow: 0 0 10px rgba(249, 115, 22, 0.3);
153
+ }
154
+
155
+ .tech-divider {
156
+ height: 1px;
157
+ background: linear-gradient(to right, transparent, rgba(249, 115, 22, 0.5), transparent);
158
+ }
159
+
160
+ .tech-highlight {
161
+ position: relative;
162
+ display: inline-block;
163
+ }
164
+
165
+ .tech-highlight::after {
166
+ content: '';
167
+ position: absolute;
168
+ bottom: 0;
169
+ left: 0;
170
+ width: 100%;
171
+ height: 2px;
172
+ background: linear-gradient(to right, rgba(249, 115, 22, 0.8), transparent);
173
+ }
174
+ </style>
175
+ </head>
176
+ <body class="bg-black text-white min-h-screen overflow-hidden">
177
+ <!-- Binary code background animation -->
178
+ <div class="binary-code" id="binaryContainer"></div>
179
+
180
+ <!-- Navigation -->
181
+ <nav class="tech-nav fixed top-0 left-0 right-0 z-50 py-4 px-6">
182
+ <div class="max-w-7xl mx-auto flex items-center justify-between">
183
+ <div class="flex items-center space-x-8">
184
+ <!-- Rectangular Logo -->
185
+ <div class="relative w-32 h-16">
186
+ <!-- Circuit board base -->
187
+ <div class="absolute inset-0 circuit-board rounded-lg tech-border"></div>
188
+
189
+ <!-- Tech frame -->
190
+ <div class="absolute inset-0 flex items-center justify-center">
191
+ <div class="w-11/12 h-5/6 bg-gray-900 border border-orange-500 flex items-center justify-center relative">
192
+ <!-- Data stream effect -->
193
+ <div class="data-stream w-full h-full bg-black relative overflow-hidden">
194
+ <!-- Animated data bits -->
195
+ <div id="dataBits"></div>
196
+
197
+ <!-- Central logo -->
198
+ <div class="absolute inset-0 flex items-center justify-center">
199
+ <h1 class="tech-font text-xl font-bold glow">
200
+ <span class="text-white">LIMA</span>
201
+ <span class="text-orange-500">.</span>
202
+ <span class="text-orange-500">TEC</span>
203
+ </h1>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Tech nodes nos cantos -->
210
+ <div class="corner-node top-0 left-0 pulse" style="animation-delay: 0s;"></div>
211
+ <div class="corner-node top-0 right-0 pulse" style="animation-delay: 0.5s;"></div>
212
+ <div class="corner-node bottom-0 left-0 pulse" style="animation-delay: 1s;"></div>
213
+ <div class="corner-node bottom-0 right-0 pulse" style="animation-delay: 1.5s;"></div>
214
+ </div>
215
+
216
+ <div class="hidden md:flex space-x-6">
217
+ <a href="#" class="tech-font text-orange-400 hover:text-orange-300 transition">Início</a>
218
+ <a href="#" class="tech-font text-gray-300 hover:text-orange-300 transition">Serviços</a>
219
+ <a href="#" class="tech-font text-gray-300 hover:text-orange-300 transition">Soluções</a>
220
+ <a href="#" class="tech-font text-gray-300 hover:text-orange-300 transition">Sobre Nós</a>
221
+ <a href="#" class="tech-font text-gray-300 hover:text-orange-300 transition">Contato</a>
222
+ </div>
223
+ </div>
224
+
225
+ <div class="flex items-center space-x-4">
226
+ <button class="tech-btn tech-font px-4 py-2 rounded-lg text-sm">
227
+ <i class="fas fa-terminal mr-2"></i>Login
228
+ </button>
229
+ <button class="md:hidden text-orange-400">
230
+ <i class="fas fa-bars text-xl"></i>
231
+ </button>
232
+ </div>
233
+ </div>
234
+ </nav>
235
+
236
+ <!-- Hero Section -->
237
+ <section class="relative pt-32 pb-20 px-6">
238
+ <div class="max-w-7xl mx-auto">
239
+ <div class="flex flex-col md:flex-row items-center">
240
+ <div class="md:w-1/2 mb-12 md:mb-0">
241
+ <h1 class="tech-font text-4xl md:text-6xl font-bold mb-6">
242
+ <span class="text-white">TECNOLOGIA</span>
243
+ <span class="text-orange-500">.</span>
244
+ <span class="text-orange-500">INOVAÇÃO</span>
245
+ <span class="text-orange-500">.</span>
246
+ <span class="text-white">FUTURO</span>
247
+ </h1>
248
+ <p class="text-gray-300 mb-8 text-lg">
249
+ Transformando ideias em soluções digitais avançadas com tecnologia de ponta e expertise em desenvolvimento.
250
+ </p>
251
+ <div class="flex space-x-4">
252
+ <button class="tech-btn tech-font px-6 py-3 rounded-lg">
253
+ <i class="fas fa-rocket mr-2"></i>Comece Agora
254
+ </button>
255
+ <button class="tech-font px-6 py-3 rounded-lg border border-orange-500 text-orange-400 hover:bg-orange-500 hover:bg-opacity-10 transition">
256
+ <i class="fas fa-play-circle mr-2"></i>Assistir Vídeo
257
+ </button>
258
+ </div>
259
+ </div>
260
+
261
+ <div class="md:w-1/2 flex justify-center">
262
+ <!-- Large Rectangular Logo -->
263
+ <div class="relative w-96 h-48">
264
+ <!-- Circuit board base -->
265
+ <div class="absolute inset-0 circuit-board rounded-lg tech-border"></div>
266
+
267
+ <!-- Tech frame -->
268
+ <div class="absolute inset-0 flex items-center justify-center">
269
+ <div class="w-11/12 h-5/6 bg-gray-900 border border-orange-500 flex items-center justify-center relative">
270
+ <!-- Data stream effect -->
271
+ <div class="data-stream w-full h-full bg-black relative overflow-hidden">
272
+ <!-- Animated data bits -->
273
+ <div id="dataBitsHero"></div>
274
+
275
+ <!-- Central logo -->
276
+ <div class="absolute inset-0 flex items-center justify-center">
277
+ <h1 class="tech-font text-6xl font-bold glow">
278
+ <span class="text-white">LIMA</span>
279
+ <span class="text-orange-500">.</span>
280
+ <span class="text-orange-500">TEC</span>
281
+ </h1>
282
+ </div>
283
+ </div>
284
+ </div>
285
+ </div>
286
+
287
+ <!-- Tech nodes nos cantos -->
288
+ <div class="corner-node top-0 left-0 pulse" style="animation-delay: 0s;"></div>
289
+ <div class="corner-node top-0 right-0 pulse" style="animation-delay: 0.5s;"></div>
290
+ <div class="corner-node bottom-0 left-0 pulse" style="animation-delay: 1s;"></div>
291
+ <div class="corner-node bottom-0 right-0 pulse" style="animation-delay: 1.5s;"></div>
292
+
293
+ <!-- Linhas de conexão entre os nós -->
294
+ <div class="absolute top-0 left-0 w-full h-full pointer-events-none">
295
+ <svg width="100%" height="100%" class="absolute inset-0">
296
+ <line x1="6" y1="6" x2="390" y2="6" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
297
+ <line x1="6" y1="6" x2="6" y2="42" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
298
+ <line x1="390" y1="6" x2="390" y2="42" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
299
+ <line x1="6" y1="42" x2="390" y2="42" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
300
+
301
+ <line x1="6" y1="234" x2="390" y2="234" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
302
+ <line x1="6" y1="234" x2="6" y2="198" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
303
+ <line x1="390" y1="234" x2="390" y2="198" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
304
+ <line x1="6" y1="198" x2="390" y2="198" stroke="#f97316" stroke-width="1" stroke-opacity="0.5" />
305
+ </svg>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ </section>
312
+
313
+ <!-- Services Section -->
314
+ <section class="py-20 px-6 bg-gradient-to-b from-gray-900 to-black">
315
+ <div class="max-w-7xl mx-auto">
316
+ <div class="text-center mb-16">
317
+ <h2 class="tech-font text-3xl md:text-4xl font-bold mb-4">
318
+ <span class="text-white">NOSSOS</span>
319
+ <span class="text-orange-500">.</span>
320
+ <span class="text-orange-500">SERVIÇOS</span>
321
+ </h2>
322
+ <div class="tech-divider w-32 mx-auto my-6"></div>
323
+ <p class="text-gray-400 max-w-2xl mx-auto">
324
+ Oferecemos soluções tecnológicas completas para impulsionar seu negócio na era digital.
325
+ </p>
326
+ </div>
327
+
328
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
329
+ <!-- Service 1 -->
330
+ <div class="tech-card p-8 rounded-xl">
331
+ <div class="w-16 h-16 mb-6 bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-3xl border border-orange-500">
332
+ <i class="fas fa-laptop-code"></i>
333
+ </div>
334
+ <h3 class="tech-font text-xl font-bold mb-3">Desenvolvimento Web</h3>
335
+ <p class="text-gray-300 mb-4">
336
+ Sites e aplicações web personalizadas com as mais recentes tecnologias.
337
+ </p>
338
+ <a href="#" class="text-orange-400 tech-font text-sm flex items-center">
339
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
340
+ </a>
341
+ </div>
342
+
343
+ <!-- Service 2 -->
344
+ <div class="tech-card p-8 rounded-xl">
345
+ <div class="w-16 h-16 mb-6 bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-3xl border border-orange-500">
346
+ <i class="fas fa-mobile-alt"></i>
347
+ </div>
348
+ <h3 class="tech-font text-xl font-bold mb-3">Aplicativos Móveis</h3>
349
+ <p class="text-gray-300 mb-4">
350
+ Aplicativos nativos e híbridos para iOS e Android com design intuitivo.
351
+ </p>
352
+ <a href="#" class="text-orange-400 tech-font text-sm flex items-center">
353
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
354
+ </a>
355
+ </div>
356
+
357
+ <!-- Service 3 -->
358
+ <div class="tech-card p-8 rounded-xl">
359
+ <div class="w-16 h-16 mb-6 bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-3xl border border-orange-500">
360
+ <i class="fas fa-robot"></i>
361
+ </div>
362
+ <h3 class="tech-font text-xl font-bold mb-3">Inteligência Artificial</h3>
363
+ <p class="text-gray-300 mb-4">
364
+ Soluções de IA e machine learning para automatizar e otimizar processos.
365
+ </p>
366
+ <a href="#" class="text-orange-400 tech-font text-sm flex items-center">
367
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
368
+ </a>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </section>
373
+
374
+ <!-- About Section -->
375
+ <section class="py-20 px-6 bg-black">
376
+ <div class="max-w-7xl mx-auto">
377
+ <div class="flex flex-col md:flex-row items-center">
378
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
379
+ <h2 class="tech-font text-3xl md:text-4xl font-bold mb-6">
380
+ <span class="text-white">SOBRE</span>
381
+ <span class="text-orange-500">.</span>
382
+ <span class="text-orange-500">NÓS</span>
383
+ </h2>
384
+ <div class="tech-divider w-32 my-6"></div>
385
+ <p class="text-gray-300 mb-6">
386
+ A LIMA.TEC é uma empresa de tecnologia inovadora, especializada em desenvolvimento de software e soluções digitais. Nossa equipe de especialistas está comprometida em entregar produtos de alta qualidade que impulsionam o sucesso de nossos clientes.
387
+ </p>
388
+ <p class="text-gray-300 mb-8">
389
+ Combinamos criatividade, tecnologia e estratégia para criar soluções personalizadas que atendem às necessidades específicas de cada negócio.
390
+ </p>
391
+ <button class="tech-btn tech-font px-6 py-3 rounded-lg">
392
+ <i class="fas fa-book-open mr-2"></i>Nossa História
393
+ </button>
394
+ </div>
395
+
396
+ <div class="md:w-1/2">
397
+ <div class="relative">
398
+ <div class="tech-card p-8 rounded-xl">
399
+ <div class="grid grid-cols-2 gap-6">
400
+ <!-- Tech indicators -->
401
+ <div class="tech-indicator">
402
+ <div class="w-12 h-12 mx-auto bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-2xl mb-2 border border-orange-500">
403
+ <i class="fas fa-server"></i>
404
+ </div>
405
+ <p class="tech-font text-xs text-center text-gray-400">INFRA</p>
406
+ </div>
407
+ <div class="tech-indicator">
408
+ <div class="w-12 h-12 mx-auto bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-2xl mb-2 border border-orange-500">
409
+ <i class="fas fa-robot"></i>
410
+ </div>
411
+ <p class="tech-font text-xs text-center text-gray-400">IA</p>
412
+ </div>
413
+ <div class="tech-indicator">
414
+ <div class="w-12 h-12 mx-auto bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-2xl mb-2 border border-orange-500">
415
+ <i class="fas fa-database"></i>
416
+ </div>
417
+ <p class="tech-font text-xs text-center text-gray-400">DADOS</p>
418
+ </div>
419
+ <div class="tech-indicator">
420
+ <div class="w-12 h-12 mx-auto bg-gray-800 rounded-lg flex items-center justify-center text-orange-500 text-2xl mb-2 border border-orange-500">
421
+ <i class="fas fa-network-wired"></i>
422
+ </div>
423
+ <p class="tech-font text-xs text-center text-gray-400">REDES</p>
424
+ </div>
425
+ </div>
426
+
427
+ <div class="mt-8">
428
+ <div class="holographic-effect inline-block px-6 py-3 rounded-lg mb-6">
429
+ <p class="tech-font text-lg text-orange-400 tracking-wider">"INOVAÇÃO EM FORMATO RETANGULAR"</p>
430
+ </div>
431
+
432
+ <div class="flex items-center">
433
+ <div class="w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center text-black mr-4">
434
+ <i class="fas fa-quote-left"></i>
435
+ </div>
436
+ <p class="text-gray-300 italic">
437
+ "A tecnologia deve resolver problemas reais, não apenas impressionar."
438
+ </p>
439
+ </div>
440
+ </div>
441
+ </div>
442
+
443
+ <div class="absolute -top-6 -left-6 w-24 h-24 border-t-2 border-l-2 border-orange-500 rounded-tl-lg opacity-50"></div>
444
+ <div class="absolute -bottom-6 -right-6 w-24 h-24 border-b-2 border-r-2 border-orange-500 rounded-br-lg opacity-50"></div>
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </section>
450
+
451
+ <!-- Contact Section -->
452
+ <section class="py-20 px-6 bg-gradient-to-b from-black to-gray-900">
453
+ <div class="max-w-7xl mx-auto">
454
+ <div class="text-center mb-16">
455
+ <h2 class="tech-font text-3xl md:text-4xl font-bold mb-4">
456
+ <span class="text-white">FALE</span>
457
+ <span class="text-orange-500">.</span>
458
+ <span class="text-orange-500">CONOSCO</span>
459
+ </h2>
460
+ <div class="tech-divider w-32 mx-auto my-6"></div>
461
+ <p class="text-gray-400 max-w-2xl mx-auto">
462
+ Pronto para transformar sua ideia em realidade? Entre em contato conosco hoje mesmo.
463
+ </p>
464
+ </div>
465
+
466
+ <div class="flex flex-col md:flex-row">
467
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
468
+ <form class="space-y-6">
469
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
470
+ <div>
471
+ <label for="name" class="block text-gray-300 tech-font mb-2">Nome</label>
472
+ <input type="text" id="name" class="tech-input w-full px-4 py-3 rounded-lg focus:outline-none">
473
+ </div>
474
+ <div>
475
+ <label for="email" class="block text-gray-300 tech-font mb-2">Email</label>
476
+ <input type="email" id="email" class="tech-input w-full px-4 py-3 rounded-lg focus:outline-none">
477
+ </div>
478
+ </div>
479
+ <div>
480
+ <label for="subject" class="block text-gray-300 tech-font mb-2">Assunto</label>
481
+ <input type="text" id="subject" class="tech-input w-full px-4 py-3 rounded-lg focus:outline-none">
482
+ </div>
483
+ <div>
484
+ <label for="message" class="block text-gray-300 tech-font mb-2">Mensagem</label>
485
+ <textarea id="message" rows="5" class="tech-input w-full px-4 py-3 rounded-lg focus:outline-none"></textarea>
486
+ </div>
487
+ <button type="submit" class="tech-btn tech-font px-6 py-3 rounded-lg w-full">
488
+ <i class="fas fa-paper-plane mr-2"></i>Enviar Mensagem
489
+ </button>
490
+ </form>
491
+ </div>
492
+
493
+ <div class="md:w-1/2">
494
+ <div class="tech-card p-8 rounded-xl h-full">
495
+ <h3 class="tech-font text-xl font-bold mb-6 text-orange-400">Informações de Contato</h3>
496
+
497
+ <div class="space-y-6">
498
+ <div class="flex items-start">
499
+ <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 mr-4">
500
+ <i class="fas fa-map-marker-alt"></i>
501
+ </div>
502
+ <div>
503
+ <h4 class="tech-font text-gray-300 mb-1">Endereço</h4>
504
+ <p class="text-gray-400">Av. Tecnológica, 1234 - Centro, São Paulo/SP</p>
505
+ </div>
506
+ </div>
507
+
508
+ <div class="flex items-start">
509
+ <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 mr-4">
510
+ <i class="fas fa-phone-alt"></i>
511
+ </div>
512
+ <div>
513
+ <h4 class="tech-font text-gray-300 mb-1">Telefone</h4>
514
+ <p class="text-gray-400">(11) 98765-4321</p>
515
+ </div>
516
+ </div>
517
+
518
+ <div class="flex items-start">
519
+ <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 mr-4">
520
+ <i class="fas fa-envelope"></i>
521
+ </div>
522
+ <div>
523
+ <h4 class="tech-font text-gray-300 mb-1">Email</h4>
524
+ <p class="text-gray-400">contato@lima.tec</p>
525
+ </div>
526
+ </div>
527
+
528
+ <div class="flex items-start">
529
+ <div class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 mr-4">
530
+ <i class="fas fa-clock"></i>
531
+ </div>
532
+ <div>
533
+ <h4 class="tech-font text-gray-300 mb-1">Horário</h4>
534
+ <p class="text-gray-400">Seg-Sex: 9h às 18h</p>
535
+ </div>
536
+ </div>
537
+ </div>
538
+
539
+ <div class="mt-8">
540
+ <h4 class="tech-font text-gray-300 mb-4">Siga-nos</h4>
541
+ <div class="flex space-x-4">
542
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition">
543
+ <i class="fab fa-facebook-f"></i>
544
+ </a>
545
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition">
546
+ <i class="fab fa-twitter"></i>
547
+ </a>
548
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition">
549
+ <i class="fab fa-linkedin-in"></i>
550
+ </a>
551
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition">
552
+ <i class="fab fa-instagram"></i>
553
+ </a>
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </div>
558
+ </div>
559
+ </div>
560
+ </section>
561
+
562
+ <!-- Footer -->
563
+ <footer class="tech-footer py-12 px-6">
564
+ <div class="max-w-7xl mx-auto">
565
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
566
+ <div>
567
+ <!-- Small Rectangular Logo -->
568
+ <div class="relative w-32 h-16 mb-6">
569
+ <!-- Circuit board base -->
570
+ <div class="absolute inset-0 circuit-board rounded-lg tech-border"></div>
571
+
572
+ <!-- Tech frame -->
573
+ <div class="absolute inset-0 flex items-center justify-center">
574
+ <div class="w-11/12 h-5/6 bg-gray-900 border border-orange-500 flex items-center justify-center relative">
575
+ <!-- Data stream effect -->
576
+ <div class="data-stream w-full h-full bg-black relative overflow-hidden">
577
+ <!-- Central logo -->
578
+ <div class="absolute inset-0 flex items-center justify-center">
579
+ <h1 class="tech-font text-xl font-bold glow">
580
+ <span class="text-white">LIMA</span>
581
+ <span class="text-orange-500">.</span>
582
+ <span class="text-orange-500">TEC</span>
583
+ </h1>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ </div>
588
+
589
+ <!-- Tech nodes nos cantos -->
590
+ <div class="corner-node top-0 left-0 pulse" style="animation-delay: 0s;"></div>
591
+ <div class="corner-node top-0 right-0 pulse" style="animation-delay: 0.5s;"></div>
592
+ <div class="corner-node bottom-0 left-0 pulse" style="animation-delay: 1s;"></div>
593
+ <div class="corner-node bottom-0 right-0 pulse" style="animation-delay: 1.5s;"></div>
594
+ </div>
595
+
596
+ <p class="text-gray-400 mb-4">
597
+ Tecnologia e inovação em formato retangular para transformar seu negócio.
598
+ </p>
599
+ <div class="flex space-x-4">
600
+ <a href="#" class="text-gray-400 hover:text-orange-400 transition">
601
+ <i class="fab fa-facebook-f"></i>
602
+ </a>
603
+ <a href="#" class="text-gray-400 hover:text-orange-400 transition">
604
+ <i class="fab fa-twitter"></i>
605
+ </a>
606
+ <a href="#" class="text-gray-400 hover:text-orange-400 transition">
607
+ <i class="fab fa-linkedin-in"></i>
608
+ </a>
609
+ <a href="#" class="text-gray-400 hover:text-orange-400 transition">
610
+ <i class="fab fa-instagram"></i>
611
+ </a>
612
+ </div>
613
+ </div>
614
+
615
+ <div>
616
+ <h4 class="tech-font text-lg text-orange-400 mb-4">Links Rápidos</h4>
617
+ <ul class="space-y-2">
618
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Início</a></li>
619
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Serviços</a></li>
620
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Soluções</a></li>
621
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Sobre Nós</a></li>
622
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Contato</a></li>
623
+ </ul>
624
+ </div>
625
+
626
+ <div>
627
+ <h4 class="tech-font text-lg text-orange-400 mb-4">Serviços</h4>
628
+ <ul class="space-y-2">
629
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Desenvolvimento Web</a></li>
630
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Aplicativos Móveis</a></li>
631
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Inteligência Artificial</a></li>
632
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Consultoria em TI</a></li>
633
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Hospedagem Cloud</a></li>
634
+ </ul>
635
+ </div>
636
+
637
+ <div>
638
+ <h4 class="tech-font text-lg text-orange-400 mb-4">Newsletter</h4>
639
+ <p class="text-gray-400 mb-4">
640
+ Assine nossa newsletter para receber as últimas novidades.
641
+ </p>
642
+ <form class="flex">
643
+ <input type="email" placeholder="Seu email" class="tech-input px-4 py-3 rounded-l-lg focus:outline-none w-full">
644
+ <button type="submit" class="tech-btn px-4 py-3 rounded-r-lg">
645
+ <i class="fas fa-paper-plane"></i>
646
+ </button>
647
+ </form>
648
+ </div>
649
+ </div>
650
+
651
+ <div class="pt-8 border-t border-gray-800">
652
+ <div class="flex flex-col md:flex-row items-center justify-between">
653
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">
654
+ &copy; 2023 LIMA.TEC - Todos os direitos reservados.
655
+ </p>
656
+ <div class="flex space-x-6">
657
+ <a href="#" class="text-gray-500 hover:text-orange-400 transition text-sm">Termos de Serviço</a>
658
+ <a href="#" class="text-gray-500 hover:text-orange-400 transition text-sm">Política de Privacidade</a>
659
+ <a href="#" class="text-gray-500 hover:text-orange-400 transition text-sm">Cookies</a>
660
+ </div>
661
+ </div>
662
+ </div>
663
+ </div>
664
+ </footer>
665
+
666
+ <script>
667
+ // Create binary code background
668
+ function createBinary(containerId, count) {
669
+ const container = document.getElementById(containerId);
670
+ const digits = '01';
671
+
672
+ for (let i = 0; i < count; i++) {
673
+ const digit = document.createElement('div');
674
+ digit.className = 'binary-digit';
675
+ digit.textContent = digits.charAt(Math.floor(Math.random() * digits.length));
676
+ digit.style.left = `${Math.random() * 100}%`;
677
+ digit.style.animationDuration = `${5 + Math.random() * 10}s`;
678
+ digit.style.animationDelay = `${Math.random() * 5}s`;
679
+ container.appendChild(digit);
680
+ }
681
+ }
682
+
683
+ // Create data stream animation
684
+ function createDataStream(containerId, count) {
685
+ const container = document.getElementById(containerId);
686
+
687
+ for (let i = 0; i < count; i++) {
688
+ const bit = document.createElement('div');
689
+ bit.className = 'data-bit';
690
+ bit.style.width = `${2 + Math.random() * 4}px`;
691
+ bit.style.height = `${10 + Math.random() * 20}px`;
692
+ bit.style.left = `${Math.random() * 100}%`;
693
+ bit.style.animationDuration = `${3 + Math.random() * 7}s`;
694
+ bit.style.animationDelay = `${Math.random() * 5}s`;
695
+ container.appendChild(bit);
696
+ }
697
+ }
698
+
699
+ // Initialize animations
700
+ document.addEventListener('DOMContentLoaded', function() {
701
+ createBinary('binaryContainer', 50);
702
+ createDataStream('dataBits', 20);
703
+ createDataStream('dataBitsHero', 30);
704
+
705
+ // Mobile menu toggle
706
+ const mobileMenuButton = document.querySelector('.md\\:hidden');
707
+ const mobileMenu = document.querySelector('.hidden.md\\:flex');
708
+
709
+ if (mobileMenuButton && mobileMenu) {
710
+ mobileMenuButton.addEventListener('click', function() {
711
+ mobileMenu.classList.toggle('hidden');
712
+ mobileMenu.classList.toggle('flex');
713
+ mobileMenu.classList.toggle('flex-col');
714
+ mobileMenu.classList.toggle('absolute');
715
+ mobileMenu.classList.toggle('top-16');
716
+ mobileMenu.classList.toggle('left-0');
717
+ mobileMenu.classList.toggle('right-0');
718
+ mobileMenu.classList.toggle('bg-gray-900');
719
+ mobileMenu.classList.toggle('p-4');
720
+ mobileMenu.classList.toggle('space-y-4');
721
+ mobileMenu.classList.toggle('space-x-0');
722
+ mobileMenu.classList.toggle('border-t');
723
+ mobileMenu.classList.toggle('border-orange-500');
724
+ mobileMenu.classList.toggle('border-opacity-30');
725
+ });
726
+ }
727
+ });
728
+ </script>
729
+ <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=LIMATEC/site-2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
730
+ </html>
prompts.txt ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
 
1
+ No topico "Entre em contato" Nossos Contatos precisa atualizar para esses contatos "Endereço" Av. Quatorze de Dezembro,2115 - Bloco 02 Apto 202 Jundiai-SP, 13206-105 "Telefone" (11) 9.9586-5257 (WhatSapp) (11) 973652631 "E-mail" contato@limapontotec.com.br suporte@limapontotec.com.br "Horario de Atendinenbto" Segunda à Sexta: 8h às 18h Sábado: 9h às 13h
2
+ no começo tem uma imagem de infraestrutura que não foi colocada troca com outra imagem mais atual, nas duas imagens de infraestrutura de ti e no topico de servidores vps os planos de vendas estão desalinhado tem como centralizar a escrita
3
+ crie pra mim um logo tecnológico com o nome LIMA.TEC e o slogan "A tecnologia que te acompanha" com as cores preto e laranja
4
+ faça uma criação mais voltada a tecnologia
5
+ gostei do logo mais quero ele em formado retângulo
6
+ coloque esse logo no site que vc criou anteriormente