Hugging Face's logo

Spaces:
Alaorney
/
tmt
Running

App Files Community
Alaorney commited on
Commit
d11ca02
·
verified ·
1 Parent(s): 90ad689

NO CAMPO DE INFORMEÇÕES DE CONTATO o simbolo do WhatsApp esta com uma carta, altere o simbolo para o do aplicativo - Initial Deployment

Browse files
Files changed (4) hide show
  1. README.md +7 -5
  2. index.html +298 -18
  3. obrigado.html +38 -0
  4. prompts.txt +14 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Tmt
3
- emoji: 👀
4
- colorFrom: yellow
5
- colorTo: indigo
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: tmt
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
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,299 @@
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>TMT Segurança e Medicina do Trabalho</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <style>
13
+ .gradient-bg {
14
+ background: linear-gradient(135deg, #6b8e23 0%, #556b2f 100%);
15
+ }
16
+ .hover-scale {
17
+ transition: transform 0.3s ease;
18
+ }
19
+ .hover-scale:hover {
20
+ transform: scale(1.05);
21
+ }
22
+ .whatsapp-float {
23
+ position: fixed;
24
+ width: 60px;
25
+ height: 60px;
26
+ bottom: 40px;
27
+ right: 40px;
28
+ background-color: #25d366;
29
+ color: #FFF;
30
+ border-radius: 50px;
31
+ text-align: center;
32
+ font-size: 30px;
33
+ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
34
+ z-index: 100;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ }
39
+ </style>
40
+ </head>
41
+ <body class="font-sans bg-white">
42
+ <!-- WhatsApp Float Button -->
43
+ <a href="https://wa.me/5534993367770" class="whatsapp-float hover:bg-green-600 transition-colors duration-300" target="_blank">
44
+ <i data-feather="message-circle"></i>
45
+ </a>
46
+
47
+ <!-- Header -->
48
+ <header class="gradient-bg text-white shadow-lg">
49
+ <div class="container mx-auto px-6 py-4">
50
+ <div class="flex items-center justify-between">
51
+ <div class="flex items-center">
52
+ <i data-feather="shield" class="w-10 h-10 mr-3"></i>
53
+ <h1 class="text-2xl font-bold">TMT Segurança e Medicina do Trabalho</h1>
54
+ </div>
55
+ <nav class="hidden md:block">
56
+ <ul class="flex space-x-8">
57
+ <li><a href="#servicos" class="hover:text-green-200 transition-colors">Serviços</a></li>
58
+ <li><a href="#sobre" class="hover:text-green-200 transition-colors">Sobre Nós</a></li>
59
+ <li><a href="#contato" class="hover:text-green-200 transition-colors">Contato</a></li>
60
+ </ul>
61
+ </nav>
62
+ <button class="md:hidden focus:outline-none">
63
+ <i data-feather="menu" class="w-6 h-6"></i>
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </header>
68
+
69
+ <!-- Hero Section -->
70
+ <section class="gradient-bg text-white py-20">
71
+ <div class="container mx-auto px-6 text-center">
72
+ <h2 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Sua empresa em conformidade com as normas</h2>
73
+ <p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">
74
+ Soluções completas em segurança e medicina do trabalho para proteger sua empresa e colaboradores.
75
+ </p>
76
+ <a href="https://wa.me/5534993367770"
77
+ class="bg-white text-green-800 font-bold py-3 px-8 rounded-full hover:bg-green-100 hover-scale transition-all duration-300 inline-flex items-center"
78
+ data-aos="fade-up"
79
+ data-aos-delay="200">
80
+ <i data-feather="message-circle" class="mr-2"></i> Fale conosco
81
+ </a>
82
+ </div>
83
+ </section>
84
+
85
+ <!-- Services Section -->
86
+ <section id="servicos" class="py-20 bg-white">
87
+ <div class="container mx-auto px-6">
88
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-16" data-aos="fade-up">Nossos Serviços</h2>
89
+
90
+ <div class="grid md:grid-cols-3 gap-8">
91
+ <!-- PGR -->
92
+ <div class="bg-gray-50 p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 hover-scale" data-aos="fade-up" data-aos-delay="100">
93
+ <div class="text-green-700 mb-4">
94
+ <i data-feather="file-text" class="w-10 h-10"></i>
95
+ </div>
96
+ <h3 class="text-xl font-bold text-green-800 mb-3">PGR - Programa de Gerenciamento de Riscos</h3>
97
+ <p class="text-gray-600 mb-4">
98
+ Elaboração completa do PGR para identificar, avaliar e controlar os riscos ocupacionais em sua empresa.
99
+ </p>
100
+ <a href="https://wa.me/5534993367770" class="text-green-700 font-medium hover:text-green-900 inline-flex items-center">
101
+ Saiba mais <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
102
+ </a>
103
+ </div>
104
+
105
+ <!-- PCMSO -->
106
+ <div class="bg-gray-50 p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 hover-scale" data-aos="fade-up" data-aos-delay="200">
107
+ <div class="text-green-700 mb-4">
108
+ <i data-feather="heart" class="w-10 h-10"></i>
109
+ </div>
110
+ <h3 class="text-xl font-bold text-green-800 mb-3">PCMSO - Programa de Controle Médico de Saúde Ocupacional</h3>
111
+ <p class="text-gray-600 mb-4">
112
+ Desenvolvimento do PCMSO para monitorar a saúde dos trabalhadores e prevenir doenças ocupacionais.
113
+ </p>
114
+ <a href="https://wa.me/5534993367770" class="text-green-700 font-medium hover:text-green-900 inline-flex items-center">
115
+ Saiba mais <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
116
+ </a>
117
+ </div>
118
+
119
+ <!-- LTCAT -->
120
+ <div class="bg-gray-50 p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 hover-scale" data-aos="fade-up" data-aos-delay="300">
121
+ <div class="text-green-700 mb-4">
122
+ <i data-feather="clipboard" class="w-10 h-10"></i>
123
+ </div>
124
+ <h3 class="text-xl font-bold text-green-800 mb-3">LTCAT - Laudo Técnico das Condições Ambientais de Trabalho</h3>
125
+ <p class="text-gray-600 mb-4">
126
+ Elaboração do LTCAT para avaliação qualitativa e quantitativa dos agentes nocivos presentes no ambiente de trabalho.
127
+ </p>
128
+ <a href="https://wa.me/5534993367770" class="text-green-700 font-medium hover:text-green-900 inline-flex items-center">
129
+ Saiba mais <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
130
+ </a>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </section>
135
+
136
+ <!-- About Section -->
137
+ <section id="sobre" class="py-20 bg-gray-50">
138
+ <div class="container mx-auto px-6">
139
+ <div class="flex flex-col md:flex-row items-center">
140
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
141
+ <img src="http://static.photos/construction/640x360/10" alt="Equipe de Segurança do Trabalho em obra civil usando EPIs" class="rounded-lg shadow-lg w-full">
142
+ </div>
143
+ <div class="md:w-1/2 md:pl-12" data-aos="fade-left">
144
+ <h2 class="text-3xl font-bold text-green-800 mb-6">Sobre a TMT</h2>
145
+ <p class="text-gray-600 mb-4">
146
+ A TMT Segurança e Medicina do Trabalho é especializada em oferecer soluções completas para empresas que buscam estar em conformidade com as normas regulamentadoras.
147
+ </p>
148
+ <p class="text-gray-600 mb-4">
149
+ Nossa equipe de profissionais qualificados está pronta para auxiliar sua empresa na elaboração e implementação dos programas obrigatórios, garantindo a segurança e saúde de seus colaboradores.
150
+ </p>
151
+ <p class="text-gray-600 mb-6">
152
+ Com anos de experiência no mercado, nos destacamos pela qualidade dos nossos serviços e compromisso com nossos clientes.
153
+ </p>
154
+ <a href="https://wa.me/5534993367770" class="gradient-bg text-white font-bold py-3 px-8 rounded-full hover:bg-green-700 hover-scale transition-all duration-300 inline-flex items-center">
155
+ <i data-feather="phone" class="mr-2"></i> Entre em contato
156
+ </a>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </section>
161
+
162
+ <!-- Contact Section -->
163
+ <section id="contato" class="py-20 bg-white">
164
+ <div class="container mx-auto px-6">
165
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-16" data-aos="fade-up">Entre em Contato</h2>
166
+
167
+ <div class="flex flex-col md:flex-row">
168
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
169
+ <div class="bg-gray-50 p-8 rounded-lg shadow-md">
170
+ <h3 class="text-xl font-bold text-green-800 mb-6">Informações de Contato</h3>
171
+
172
+ <div class="flex items-start mb-6">
173
+ <i data-feather="map-pin" class="text-green-700 mr-4 mt-1"></i>
174
+ <div>
175
+ <h4 class="font-bold text-gray-800">Endereço</h4>
176
+ <p class="text-gray-600">Rua Duque de Caxias, 626 - Centro, Uberlândia - MG</p>
177
+ </div>
178
+ </div>
179
+
180
+ <div class="flex items-start mb-6">
181
+ <i data-feather="phone" class="text-green-700 mr-4 mt-1"></i>
182
+ <div>
183
+ <h4 class="font-bold text-gray-800">Telefone</h4>
184
+ <p class="text-gray-600">(34) 3219-2144</p>
185
+ </div>
186
+ </div>
187
+
188
+ <div class="flex items-start">
189
+ <i data-feather="mail" class="text-green-700 mr-4 mt-1"></i>
190
+ <div>
191
+ <h4 class="font-bold text-gray-800">WhatsApp</h4>
192
+ <p class="text-gray-600">(34) 99336-7770</p>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <div class="md:w-1/2 md:pl-10" data-aos="fade-left">
199
+ <div class="bg-gray-50 p-8 rounded-lg shadow-md">
200
+ <h3 class="text-xl font-bold text-green-800 mb-6">Envie uma Mensagem</h3>
201
+ <p class="text-gray-600 mb-6">Preencha o formulário abaixo e entraremos em contato o mais breve possível.</p>
202
+
203
+ <form action="https://formsubmit.co/seu-email@tmt.com" method="POST">
204
+ <input type="hidden" name="_captcha" value="false">
205
+ <input type="hidden" name="_next" value="https://seusite.com/obrigado.html">
206
+
207
+ <div class="mb-4">
208
+ <label for="name" class="block text-gray-700 font-medium mb-2">Nome</label>
209
+ <input type="text" id="name" name="name" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
210
+ </div>
211
+
212
+ <div class="mb-4">
213
+ <label for="email" class="block text-gray-700 font-medium mb-2">E-mail</label>
214
+ <input type="email" id="email" name="email" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
215
+ </div>
216
+
217
+ <div class="mb-4">
218
+ <label for="phone" class="block text-gray-700 font-medium mb-2">Telefone</label>
219
+ <input type="tel" id="phone" name="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
220
+ </div>
221
+
222
+ <div class="mb-4">
223
+ <label for="message" class="block text-gray-700 font-medium mb-2">Mensagem</label>
224
+ <textarea id="message" name="message" rows="4" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"></textarea>
225
+ </div>
226
+
227
+ <button type="submit" class="gradient-bg text-white font-bold py-3 px-6 rounded-lg hover:bg-green-700 transition-colors duration-300 w-full flex items-center justify-center">
228
+ <i data-feather="send" class="mr-2"></i> Enviar Mensagem
229
+ </button>
230
+ </form>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </section>
236
+
237
+ <!-- Map Section -->
238
+ <section class="py-16 bg-gray-50">
239
+ <div class="container mx-auto px-6">
240
+ <div class="flex flex-col md:flex-row items-center">
241
+ <div class="w-full h-96 mb-8 md:mb-0 md:mr-8 rounded-lg overflow-hidden shadow-lg">
242
+ <iframe
243
+ src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3773.674864644699!2d-48.2642519246874!3d-18.92302708222273!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94a4456c5a6b6f07%3A0x6c8e1a1e3c5e5b1f!2sR.%20Duque%20de%20Caxias%2C%20626%20-%20Centro%2C%20Uberl%C3%A2ndia%20-%20MG%2C%2038400-128!5e0!3m2!1spt-BR!2sbr!4v1681234567890!5m2!1spt-BR!2sbr"
244
+ width="100%"
245
+ height="100%"
246
+ style="border:0;"
247
+ allowfullscreen=""
248
+ loading="lazy"
249
+ referrerpolicy="no-referrer-when-downgrade">
250
+ </iframe>
251
+ </div>
252
+ <div class="text-center md:text-left">
253
+ <h3 class="text-2xl font-bold text-green-800 mb-4">Nosso Endereço</h3>
254
+ <p class="text-gray-600 mb-6">Rua Duque de Caxias, 626 - Centro<br>Uberlândia - MG</p>
255
+ <a href="https://www.google.com/maps/dir//R.+Duque+de+Caxias,+626+-+Centro,+Uberlândia+-+MG,+38400-128"
256
+ target="_blank"
257
+ class="gradient-bg text-white font-bold py-3 px-6 rounded-lg hover:bg-green-700 transition-colors duration-300 inline-flex items-center">
258
+ <i data-feather="navigation" class="mr-2"></i> Obter Direções
259
+ </a>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </section>
264
+
265
+ <!-- Footer -->
266
+ <footer class="gradient-bg text-white py-10">
267
+ <div class="container mx-auto px-6">
268
+ <div class="flex flex-col md:flex-row justify-between items-center">
269
+ <div class="mb-6 md:mb-0">
270
+ <div class="flex items-center">
271
+ <i data-feather="shield" class="w-8 h-8 mr-3"></i>
272
+ <h3 class="text-xl font-bold">TMT Segurança e Medicina do Trabalho</h3>
273
+ </div>
274
+ <p class="mt-2 text-green-200">Soluções completas em segurança ocupacional</p>
275
+ </div>
276
+
277
+ <div class="flex space-x-6">
278
+ <a href="#servicos" class="hover:text-green-200 transition-colors">Serviços</a>
279
+ <a href="#sobre" class="hover:text-green-200 transition-colors">Sobre Nós</a>
280
+ <a href="#contato" class="hover:text-green-200 transition-colors">Contato</a>
281
+ </div>
282
+ </div>
283
+
284
+ <div class="border-t border-green-700 mt-8 pt-8 text-center text-green-200">
285
+ <p>&copy; 2023 TMT Segurança e Medicina do Trabalho. Todos os direitos reservados.</p>
286
+ </div>
287
+ </div>
288
+ </footer>
289
+
290
+ <script>
291
+ AOS.init({
292
+ duration: 800,
293
+ easing: 'ease-in-out',
294
+ once: true
295
+ });
296
+ feather.replace();
297
+ </script>
298
+ </body>
299
  </html>
obrigado.html ADDED
@@ -0,0 +1,38 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Mensagem Enviada | TMT Segurança</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #6b8e23 0%, #556b2f 100%);
12
+ }
13
+ </style>
14
+ </head>
15
+ <body class="font-sans bg-gray-50">
16
+ <div class="min-h-screen flex items-center justify-center px-4">
17
+ <div class="max-w-md w-full bg-white p-8 rounded-lg shadow-lg text-center">
18
+ <div class="gradient-bg text-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6">
19
+ <i data-feather="check" class="w-10 h-10"></i>
20
+ </div>
21
+ <h1 class="text-3xl font-bold text-green-800 mb-4">Mensagem Enviada!</h1>
22
+ <p class="text-gray-600 mb-6">
23
+ Obrigado por entrar em contato. Nossa equipe irá responder o mais breve possível.
24
+ </p>
25
+ <a href="https://wa.me/5534993367770" class="gradient-bg text-white font-bold py-3 px-6 rounded-lg hover:bg-green-700 transition-colors duration-300 inline-flex items-center mx-auto">
26
+ <i data-feather="message-circle" class="mr-2"></i> Falar no WhatsApp
27
+ </a>
28
+ <p class="mt-6 text-gray-500">
29
+ <a href="index.html" class="text-green-700 hover:underline">← Voltar para a página inicial</a>
30
+ </p>
31
+ </div>
32
+ </div>
33
+
34
+ <script>
35
+ feather.replace();
36
+ </script>
37
+ </body>
38
+ </html>
prompts.txt ADDED
@@ -0,0 +1,14 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ Crie um landing page da TMT Segurança e Medicina do Trabalho, minha empresa trabalha com a elaboração de programas como PGR, PCMSO, LTCAT não mencionar PPRA.
2
+
3
+ As cores da minha empresa é verde musgo e branco, Quero que a Landing page tenha cores verdes musgos com gradiente.
4
+
5
+ Nosso endereço: Rua Duque de Caxias 626, Centro Uberlandia.
6
+ Nosso telefone de contato: 34 3219 - 2144
7
+ Vai criar um Botão flutuante do whatsApp que vai ter o numero 34 99336 - 7770
8
+ Todos os botões de contato devem ser direcionado ao whatsapp 34 993367770
9
+
10
+ Coloque o mapa do local com um botão de direção na parte de baixo da pagina
11
+ quando a pessoa se cadatra no formulario os dados vai para onde? já tem um banco de dados ?
12
+ Altere a imagem que esta na pagina para uma imagem que tenha um trabalho em equipe, Engenheiros , Tecnicos , Medicos, Administrativo, todas a equipe de Segurança e Medicina do trabalho
13
+ A imagem não e boa coloque a imagem de uma ambiente da construção civil utilizando os EPI
14
+ NO CAMPO DE INFORMEÇÕES DE CONTATO o simbolo do WhatsApp esta com uma carta, altere o simbolo para o do aplicativo