Hugging Face's logo

Spaces:
gallabs
/
site-institucional
Running

App Files Community
gallabs commited on
Commit
03d6a3a
·
verified ·
1 Parent(s): 7a63ea3

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +607 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Site Institucional
3
- emoji: 🏃
4
- colorFrom: green
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: site-institucional
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: pink
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,607 @@
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>General Lab Solutions | Importadora de Materiais para Laboratórios</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
+ .sidebar {
11
+ transition: all 0.3s;
12
+ transform: translateX(-100%);
13
+ }
14
+ .sidebar.open {
15
+ transform: translateX(0);
16
+ }
17
+ .accordion-content {
18
+ max-height: 0;
19
+ overflow: hidden;
20
+ transition: max-height 0.3s ease-out;
21
+ }
22
+ .notification-badge {
23
+ position: absolute;
24
+ top: -5px;
25
+ right: -5px;
26
+ font-size: 10px;
27
+ background-color: #ef4444;
28
+ color: white;
29
+ border-radius: 50%;
30
+ width: 18px;
31
+ height: 18px;
32
+ display: flex;
33
+ align-items: center;
34
+ justify-content: center;
35
+ }
36
+ .dropdown-menu {
37
+ opacity: 0;
38
+ visibility: hidden;
39
+ transform: translateY(10px);
40
+ transition: all 0.3s;
41
+ }
42
+ .dropdown:hover .dropdown-menu {
43
+ opacity: 1;
44
+ visibility: visible;
45
+ transform: translateY(0);
46
+ }
47
+ .hero-section {
48
+ background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
49
+ background-size: cover;
50
+ background-position: center;
51
+ }
52
+ .partner-logo {
53
+ filter: grayscale(100%);
54
+ transition: filter 0.3s;
55
+ height: 60px;
56
+ object-fit: contain;
57
+ }
58
+ .partner-logo:hover {
59
+ filter: grayscale(0%);
60
+ }
61
+ </style>
62
+ </head>
63
+ <body class="font-sans bg-gray-50">
64
+ <!-- Navbar -->
65
+ <nav class="bg-white shadow-md fixed w-full z-10">
66
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
67
+ <div class="flex justify-between h-16">
68
+ <div class="flex items-center">
69
+ <button id="sidebarToggle" class="text-gray-500 hover:text-gray-700 mr-2">
70
+ <i class="fas fa-bars text-xl"></i>
71
+ </button>
72
+ <div class="flex-shrink-0 flex items-center">
73
+ <span class="text-blue-600 font-bold text-xl">General Lab Solutions</span>
74
+ </div>
75
+ </div>
76
+ <div class="hidden md:flex items-center space-x-8">
77
+ <a href="#about" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Quem Somos</a>
78
+ <a href="#services" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Serviços</a>
79
+ <a href="#partners" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Parceiros</a>
80
+ <a href="#faq" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">FAQ</a>
81
+ <a href="#contact" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Contato</a>
82
+
83
+ <div class="relative dropdown">
84
+ <button class="text-gray-700 hover:text-blue-600 relative">
85
+ <i class="fas fa-bell text-xl"></i>
86
+ <span class="notification-badge">6</span>
87
+ </button>
88
+ <div class="dropdown-menu absolute right-0 mt-2 w-72 bg-white rounded-md shadow-lg py-1 z-20">
89
+ <div class="px-4 py-2 border-b border-gray-200">
90
+ <p class="text-sm font-medium text-gray-700">Notificações (6)</p>
91
+ </div>
92
+ <div class="max-h-60 overflow-y-auto">
93
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-b border-gray-100">Novo pedido #1234 recebido</a>
94
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-b border-gray-100">Seu pedido #1228 foi enviado</a>
95
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-b border-gray-100">Promoção especial em reagentes</a>
96
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-b border-gray-100">Atualização de estoque disponível</a>
97
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 border-b border-gray-100">Novo catálogo de produtos</a>
98
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Webinar sobre novas técnicas laboratoriais</a>
99
+ </div>
100
+ <div class="px-4 py-2 text-center">
101
+ <a href="#" class="text-sm text-blue-600 hover:underline">Ver todas</a>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <div class="relative dropdown">
107
+ <button class="flex items-center space-x-2 focus:outline-none">
108
+ <img class="h-8 w-8 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User avatar">
109
+ <span class="text-gray-700 text-sm">John Doe</span>
110
+ </button>
111
+ <div class="dropdown-menu absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-20">
112
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Perfil</a>
113
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Configurações</a>
114
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Login</a>
115
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Sair</a>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </nav>
122
+
123
+ <!-- Sidebar -->
124
+ <div class="sidebar fixed inset-y-0 left-0 w-64 bg-blue-800 text-white z-20">
125
+ <div class="flex items-center justify-between p-4 border-b border-blue-700">
126
+ <span class="text-xl font-bold">Menu</span>
127
+ <button id="sidebarClose" class="text-white hover:text-blue-200">
128
+ <i class="fas fa-times"></i>
129
+ </button>
130
+ </div>
131
+ <nav class="p-4">
132
+ <ul class="space-y-2">
133
+ <li>
134
+ <a href="#about" class="flex items-center p-2 rounded hover:bg-blue-700">
135
+ <i class="fas fa-info-circle mr-3"></i>
136
+ <span>Quem Somos</span>
137
+ </a>
138
+ </li>
139
+ <li>
140
+ <a href="#services" class="flex items-center p-2 rounded hover:bg-blue-700">
141
+ <i class="fas fa-flask mr-3"></i>
142
+ <span>Serviços</span>
143
+ </a>
144
+ </li>
145
+ <li>
146
+ <a href="#products" class="flex items-center p-2 rounded hover:bg-blue-700">
147
+ <i class="fas fa-boxes mr-3"></i>
148
+ <span>Produtos</span>
149
+ </a>
150
+ </li>
151
+ <li>
152
+ <a href="#partners" class="flex items-center p-2 rounded hover:bg-blue-700">
153
+ <i class="fas fa-handshake mr-3"></i>
154
+ <span>Parceiros</span>
155
+ </a>
156
+ </li>
157
+ <li>
158
+ <a href="#faq" class="flex items-center p-2 rounded hover:bg-blue-700">
159
+ <i class="fas fa-question-circle mr-3"></i>
160
+ <span>FAQ</span>
161
+ </a>
162
+ </li>
163
+ <li>
164
+ <a href="#contact" class="flex items-center p-2 rounded hover:bg-blue-700">
165
+ <i class="fas fa-envelope mr-3"></i>
166
+ <span>Contato</span>
167
+ </a>
168
+ </li>
169
+ <li class="pt-4 mt-4 border-t border-blue-700">
170
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
171
+ <i class="fas fa-user-circle mr-3"></i>
172
+ <span>Minha Conta</span>
173
+ </a>
174
+ </li>
175
+ <li>
176
+ <a href="#" class="flex items-center p-2 rounded hover:bg-blue-700">
177
+ <i class="fas fa-cog mr-3"></i>
178
+ <span>Configurações</span>
179
+ </a>
180
+ </li>
181
+ </ul>
182
+ </nav>
183
+ </div>
184
+
185
+ <!-- Overlay -->
186
+ <div id="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-10 hidden"></div>
187
+
188
+ <!-- Hero Section -->
189
+ <section class="hero-section pt-16 text-white">
190
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
191
+ <div class="max-w-2xl">
192
+ <h1 class="text-4xl font-bold mb-4">Soluções em Materiais para Laboratório</h1>
193
+ <p class="text-xl mb-8">Importação e distribuição de equipamentos, reagentes e insumos de alta qualidade para laboratórios de pesquisa e análise.</p>
194
+ <div class="flex space-x-4">
195
+ <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium">Fale Conosco</a>
196
+ <a href="#services" class="bg-white hover:bg-gray-100 text-blue-600 px-6 py-3 rounded-md font-medium">Nossos Serviços</a>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </section>
201
+
202
+ <!-- About Section -->
203
+ <section id="about" class="py-16 bg-white">
204
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
205
+ <div class="text-center mb-12">
206
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Quem Somos</h2>
207
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
208
+ </div>
209
+ <div class="flex flex-col md:flex-row items-center">
210
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
211
+ <img src="https://images.unsplash.com/photo-1581093450023-8af1ebcd6529?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Laboratory" class="rounded-lg shadow-lg w-full">
212
+ </div>
213
+ <div class="md:w-1/2">
214
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">General Lab Solutions - Excelência em Materiais Laboratoriais</h3>
215
+ <p class="text-gray-600 mb-4">A General Lab Solutions é uma empresa especializada na importação e distribuição de materiais e insumos para laboratórios de pesquisa, análise clínica e controle de qualidade. Com sede em São Paulo, atuamos em todo o território nacional.</p>
216
+ <p class="text-gray-600 mb-4">Nossa missão é fornecer produtos de alta qualidade, com certificação internacional, atendendo aos mais rigorosos padrões de controle e garantindo a excelência nos resultados de nossos clientes.</p>
217
+ <p class="text-gray-600 mb-6">Contamos com uma equipe altamente qualificada e parcerias estratégicas com os principais fabricantes mundiais, garantindo a entrega de soluções completas para laboratórios de todos os portes.</p>
218
+ <div class="flex flex-wrap gap-4">
219
+ <div class="bg-blue-50 p-4 rounded-lg flex-1 min-w-[200px]">
220
+ <i class="fas fa-certificate text-blue-600 text-2xl mb-2"></i>
221
+ <h4 class="font-semibold text-gray-800">Certificação</h4>
222
+ <p class="text-sm text-gray-600">Produtos com certificação ISO e ANVISA</p>
223
+ </div>
224
+ <div class="bg-blue-50 p-4 rounded-lg flex-1 min-w-[200px]">
225
+ <i class="fas fa-globe text-blue-600 text-2xl mb-2"></i>
226
+ <h4 class="font-semibold text-gray-800">Atendimento</h4>
227
+ <p class="text-sm text-gray-600">Nacional e Internacional</p>
228
+ </div>
229
+ <div class="bg-blue-50 p-4 rounded-lg flex-1 min-w-[200px]">
230
+ <i class="fas fa-truck text-blue-600 text-2xl mb-2"></i>
231
+ <h4 class="font-semibold text-gray-800">Entrega</h4>
232
+ <p class="text-sm text-gray-600">Rápida e eficiente em todo Brasil</p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </section>
239
+
240
+ <!-- Services Section -->
241
+ <section id="services" class="py-16 bg-gray-50">
242
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
243
+ <div class="text-center mb-12">
244
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Nossos Serviços</h2>
245
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
246
+ </div>
247
+ <div class="grid md:grid-cols-3 gap-8">
248
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
249
+ <div class="text-blue-600 mb-4">
250
+ <i class="fas fa-box-open text-4xl"></i>
251
+ </div>
252
+ <h3 class="text-xl font-semibold mb-3">Importação de Equipamentos</h3>
253
+ <p class="text-gray-600">Importamos diretamente dos principais fabricantes mundiais, garantindo equipamentos de última geração com certificação internacional.</p>
254
+ </div>
255
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
256
+ <div class="text-blue-600 mb-4">
257
+ <i class="fas fa-vial text-4xl"></i>
258
+ </div>
259
+ <h3 class="text-xl font-semibold mb-3">Distribuição de Reagentes</h3>
260
+ <p class="text-gray-600">Ampla variedade de reagentes químicos e biológicos para todas as aplicações laboratoriais, com garantia de qualidade e procedência.</p>
261
+ </div>
262
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
263
+ <div class="text-blue-600 mb-4">
264
+ <i class="fas fa-tools text-4xl"></i>
265
+ </div>
266
+ <h3 class="text-xl font-semibold mb-3">Manutenção e Suporte</h3>
267
+ <p class="text-gray-600">Equipe técnica especializada para instalação, calibração e manutenção preventiva e corretiva de equipamentos laboratoriais.</p>
268
+ </div>
269
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
270
+ <div class="text-blue-600 mb-4">
271
+ <i class="fas fa-book text-4xl"></i>
272
+ </div>
273
+ <h3 class="text-xl font-semibold mb-3">Treinamentos</h3>
274
+ <p class="text-gray-600">Programas de capacitação para equipes técnicas, garantindo o uso adequado de equipamentos e insumos laboratoriais.</p>
275
+ </div>
276
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
277
+ <div class="text-blue-600 mb-4">
278
+ <i class="fas fa-clipboard-check text-4xl"></i>
279
+ </div>
280
+ <h3 class="text-xl font-semibold mb-3">Consultoria Técnica</h3>
281
+ <p class="text-gray-600">Assessoria especializada para montagem e adequação de laboratórios, seleção de equipamentos e otimização de processos.</p>
282
+ </div>
283
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow">
284
+ <div class="text-blue-600 mb-4">
285
+ <i class="fas fa-shipping-fast text-4xl"></i>
286
+ </div>
287
+ <h3 class="text-xl font-semibold mb-3">Logística Especializada</h3>
288
+ <p class="text-gray-600">Transporte e armazenamento adequado de materiais sensíveis, garantindo a integridade dos produtos até o destino final.</p>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </section>
293
+
294
+ <!-- Partners Section -->
295
+ <section id="partners" class="py-16 bg-white">
296
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
297
+ <div class="text-center mb-12">
298
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Nossos Parceiros</h2>
299
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
300
+ <p class="text-gray-600 max-w-2xl mx-auto mt-4">Trabalhamos com os principais fabricantes e distribuidores mundiais de materiais para laboratório</p>
301
+ </div>
302
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center">
303
+ <div class="flex justify-center">
304
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Thermo_Fisher_Scientific_logo.svg/2560px-Thermo_Fisher_Scientific_logo.svg.png" alt="ThermoFisher" class="partner-logo">
305
+ </div>
306
+ <div class="flex justify-center">
307
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Sigma-Aldrich_logo.svg/2560px-Sigma-Aldrich_logo.svg.png" alt="Sigma-Aldrich" class="partner-logo">
308
+ </div>
309
+ <div class="flex justify-center">
310
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Agilent_Technologies_logo.svg/1200px-Agilent_Technologies_logo.svg.png" alt="Agilent" class="partner-logo">
311
+ </div>
312
+ <div class="flex justify-center">
313
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Eppendorf_Logo.svg/2560px-Eppendorf_Logo.svg.png" alt="Eppendorf" class="partner-logo">
314
+ </div>
315
+ <div class="flex justify-center">
316
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Merck_Group_logo.svg/2560px-Merck_Group_logo.svg.png" alt="Merck" class="partner-logo">
317
+ </div>
318
+ <div class="flex justify-center">
319
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/PerkinElmer_logo.svg/1200px-PerkinElmer_logo.svg.png" alt="PerkinElmer" class="partner-logo">
320
+ </div>
321
+ <div class="flex justify-center">
322
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Bio-Rad_Logo.svg/1200px-Bio-Rad_Logo.svg.png" alt="Biorad" class="partner-logo">
323
+ </div>
324
+ <div class="flex justify-center">
325
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Waters_Corporation_logo.svg/1200px-Waters_Corporation_logo.svg.png" alt="Waters" class="partner-logo">
326
+ </div>
327
+ </div>
328
+ </div>
329
+ </section>
330
+
331
+ <!-- FAQ Section -->
332
+ <section id="faq" class="py-16 bg-gray-50">
333
+ <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
334
+ <div class="text-center mb-12">
335
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Perguntas Frequentes</h2>
336
+ <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
337
+ </div>
338
+ <div class="space-y-4">
339
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
340
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
341
+ <span class="text-left font-medium text-gray-800">Como faço para importar equipamentos através da General Lab Solutions?</span>
342
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
343
+ </button>
344
+ <div class="accordion-content bg-white">
345
+ <div class="p-4 pt-0 text-gray-600">
346
+ <p>Nosso processo de importação é simples e transparente. Basta entrar em contato com nossa equipe comercial que iremos orientá-lo sobre toda a documentação necessária, prazos e custos envolvidos. Fazemos todo o processo de importação, desde a negociação com o fabricante até a entrega no seu laboratório, garantindo que todos os requisitos legais e técnicos sejam atendidos.</p>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
351
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
352
+ <span class="text-left font-medium text-gray-800">Quais são os prazos de entrega para produtos importados?</span>
353
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
354
+ </button>
355
+ <div class="accordion-content bg-white">
356
+ <div class="p-4 pt-0 text-gray-600">
357
+ <p>Os prazos variam conforme o fabricante e o tipo de equipamento. Em média, para produtos em estoque no exterior, o prazo é de 30 a 45 dias úteis após a confirmação do pedido. Para equipamentos sob encomenda, o prazo pode variar de 60 a 120 dias, dependendo da complexidade do equipamento. Nossa equipe sempre informa os prazos estimados antes da confirmação do pedido.</p>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
362
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
363
+ <span class="text-left font-medium text-gray-800">Vocês oferecem garantia para os equipamentos importados?</span>
364
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
365
+ </button>
366
+ <div class="accordion-content bg-white">
367
+ <div class="p-4 pt-0 text-gray-600">
368
+ <p>Sim, todos os equipamentos que importamos possuem garantia do fabricante, que varia conforme o produto (geralmente de 1 a 3 anos). Além disso, oferecemos suporte técnico local durante todo o período de garantia. Em caso de necessidade de reparo, nossa equipe coordena todo o processo com o fabricante, incluindo o envio de peças e técnicos especializados quando necessário.</p>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
373
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
374
+ <span class="text-left font-medium text-gray-800">Como posso ter certeza da qualidade dos reagentes que vocês distribuem?</span>
375
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
376
+ </button>
377
+ <div class="accordion-content bg-white">
378
+ <div class="p-4 pt-0 text-gray-600">
379
+ <p>Todos os reagentes que distribuímos possuem certificados de análise (CoA) e são adquiridos diretamente dos fabricantes ou de distribuidores autorizados. Mantemos rigoroso controle de qualidade e rastreabilidade de lotes. Além disso, podemos fornecer amostras para testes antes da compra em grande quantidade, garantindo que atendam aos seus requisitos específicos.</p>
380
+ </div>
381
+ </div>
382
+ </div>
383
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
384
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
385
+ <span class="text-left font-medium text-gray-800">Vocês realizam manutenção em equipamentos de outras marcas?</span>
386
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
387
+ </button>
388
+ <div class="accordion-content bg-white">
389
+ <div class="p-4 pt-0 text-gray-600">
390
+ <p>Sim, nossa equipe técnica é capacitada para realizar manutenção em uma ampla variedade de equipamentos laboratoriais, mesmo que não tenham sido adquiridos através de nossa empresa. Trabalhamos com peças originais e seguimos rigorosamente os protocolos dos fabricantes. Entre em contato conosco para avaliarmos a viabilidade técnica para o seu equipamento específico.</p>
391
+ </div>
392
+ </div>
393
+ </div>
394
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
395
+ <button class="accordion-toggle w-full flex justify-between items-center p-4 bg-white hover:bg-gray-50 focus:outline-none">
396
+ <span class="text-left font-medium text-gray-800">Há possibilidade de parcelamento para compras de alto valor?</span>
397
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
398
+ </button>
399
+ <div class="accordion-content bg-white">
400
+ <div class="p-4 pt-0 text-gray-600">
401
+ <p>Sim, oferecemos diversas opções de financiamento através de parcerias com instituições financeiras, permitindo parcelamento em até 60 meses para equipamentos de alto valor. Também trabalhamos com leasing operacional e possibilidades de financiamento através de órgãos de fomento à pesquisa, quando aplicável. Nossa equipe comercial pode orientá-lo sobre a melhor opção para o seu caso.</p>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </section>
408
+
409
+ <!-- Contact Section -->
410
+ <section id="contact" class="py-16 bg-blue-700 text-white">
411
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
412
+ <div class="text-center mb-12">
413
+ <h2 class="text-3xl font-bold mb-4">Entre em Contato</h2>
414
+ <div class="w-20 h-1 bg-white mx-auto"></div>
415
+ </div>
416
+ <div class="grid md:grid-cols-2 gap-12">
417
+ <div>
418
+ <h3 class="text-xl font-semibold mb-6">Informações de Contato</h3>
419
+ <div class="space-y-4">
420
+ <div class="flex items-start">
421
+ <i class="fas fa-map-marker-alt mt-1 mr-4"></i>
422
+ <div>
423
+ <h4 class="font-medium">Endereço</h4>
424
+ <p class="text-blue-100">Av. das Indústrias, 1234<br>Jardim Empresarial<br>São Paulo - SP<br>CEP: 04532-000</p>
425
+ </div>
426
+ </div>
427
+ <div class="flex items-start">
428
+ <i class="fas fa-phone-alt mt-1 mr-4"></i>
429
+ <div>
430
+ <h4 class="font-medium">Telefone</h4>
431
+ <p class="text-blue-100">(11) 1234-5678</p>
432
+ </div>
433
+ </div>
434
+ <div class="flex items-start">
435
+ <i class="fas fa-envelope mt-1 mr-4"></i>
436
+ <div>
437
+ <h4 class="font-medium">Email</h4>
438
+ <p class="text-blue-100">contato@generallabsolutions.com.br</p>
439
+ </div>
440
+ </div>
441
+ <div class="flex items-start">
442
+ <i class="fas fa-clock mt-1 mr-4"></i>
443
+ <div>
444
+ <h4 class="font-medium">Horário de Atendimento</h4>
445
+ <p class="text-blue-100">Segunda a Sexta: 8h às 18h<br>Sábado: 8h às 12h</p>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ <div class="mt-8">
450
+ <h4 class="font-medium mb-4">Siga-nos</h4>
451
+ <div class="flex space-x-4">
452
+ <a href="#" class="bg-blue-600 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center">
453
+ <i class="fab fa-facebook-f"></i>
454
+ </a>
455
+ <a href="#" class="bg-blue-600 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center">
456
+ <i class="fab fa-linkedin-in"></i>
457
+ </a>
458
+ <a href="#" class="bg-blue-600 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center">
459
+ <i class="fab fa-instagram"></i>
460
+ </a>
461
+ <a href="#" class="bg-blue-600 hover:bg-blue-800 w-10 h-10 rounded-full flex items-center justify-center">
462
+ <i class="fab fa-youtube"></i>
463
+ </a>
464
+ </div>
465
+ </div>
466
+ </div>
467
+ <div>
468
+ <h3 class="text-xl font-semibold mb-6">Envie uma Mensagem</h3>
469
+ <form class="space-y-4">
470
+ <div class="grid md:grid-cols-2 gap-4">
471
+ <div>
472
+ <label for="name" class="block mb-1">Nome</label>
473
+ <input type="text" id="name" class="w-full px-4 py-2 rounded bg-blue-600 border border-blue-500 focus:border-white focus:outline-none placeholder-blue-300">
474
+ </div>
475
+ <div>
476
+ <label for="email" class="block mb-1">Email</label>
477
+ <input type="email" id="email" class="w-full px-4 py-2 rounded bg-blue-600 border border-blue-500 focus:border-white focus:outline-none placeholder-blue-300">
478
+ </div>
479
+ </div>
480
+ <div>
481
+ <label for="subject" class="block mb-1">Assunto</label>
482
+ <input type="text" id="subject" class="w-full px-4 py-2 rounded bg-blue-600 border border-blue-500 focus:border-white focus:outline-none placeholder-blue-300">
483
+ </div>
484
+ <div>
485
+ <label for="message" class="block mb-1">Mensagem</label>
486
+ <textarea id="message" rows="4" class="w-full px-4 py-2 rounded bg-blue-600 border border-blue-500 focus:border-white focus:outline-none placeholder-blue-300"></textarea>
487
+ </div>
488
+ <button type="submit" class="bg-white text-blue-700 hover:bg-gray-100 px-6 py-3 rounded-md font-medium">Enviar Mensagem</button>
489
+ </form>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ </section>
494
+
495
+ <!-- Footer -->
496
+ <footer class="bg-gray-900 text-white py-8">
497
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
498
+ <div class="grid md:grid-cols-4 gap-8">
499
+ <div>
500
+ <h3 class="text-lg font-semibold mb-4">General Lab Solutions</h3>
501
+ <p class="text-gray-400">Excelência em materiais e insumos para laboratórios de pesquisa e análise.</p>
502
+ </div>
503
+ <div>
504
+ <h4 class="text-lg font-semibold mb-4">Links Rápidos</h4>
505
+ <ul class="space-y-2">
506
+ <li><a href="#about" class="text-gray-400 hover:text-white">Quem Somos</a></li>
507
+ <li><a href="#services" class="text-gray-400 hover:text-white">Serviços</a></li>
508
+ <li><a href="#partners" class="text-gray-400 hover:text-white">Parceiros</a></li>
509
+ <li><a href="#faq" class="text-gray-400 hover:text-white">FAQ</a></li>
510
+ <li><a href="#contact" class="text-gray-400 hover:text-white">Contato</a></li>
511
+ </ul>
512
+ </div>
513
+ <div>
514
+ <h4 class="text-lg font-semibold mb-4">Produtos</h4>
515
+ <ul class="space-y-2">
516
+ <li><a href="#" class="text-gray-400 hover:text-white">Equipamentos</a></li>
517
+ <li><a href="#" class="text-gray-400 hover:text-white">Reagentes</a></li>
518
+ <li><a href="#" class="text-gray-400 hover:text-white">Vidrarias</a></li>
519
+ <li><a href="#" class="text-gray-400 hover:text-white">Consumíveis</a></li>
520
+ <li><a href="#" class="text-gray-400 hover:text-white">Acessórios</a></li>
521
+ </ul>
522
+ </div>
523
+ <div>
524
+ <h4 class="text-lg font-semibold mb-4">Newsletter</h4>
525
+ <p class="text-gray-400 mb-4">Assine nossa newsletter para receber novidades e promoções.</p>
526
+ <form class="flex">
527
+ <input type="email" placeholder="Seu email" class="px-4 py-2 rounded-l text-gray-900 focus:outline-none w-full">
528
+ <button type="submit" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r">
529
+ <i class="fas fa-paper-plane"></i>
530
+ </button>
531
+ </form>
532
+ </div>
533
+ </div>
534
+ <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
535
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 General Lab Solutions. Todos os direitos reservados.</p>
536
+ <div class="flex space-x-6">
537
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Termos de Uso</a>
538
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Política de Privacidade</a>
539
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Cookies</a>
540
+ </div>
541
+ </div>
542
+ </div>
543
+ </footer>
544
+
545
+ <script>
546
+ // Sidebar toggle
547
+ const sidebarToggle = document.getElementById('sidebarToggle');
548
+ const sidebarClose = document.getElementById('sidebarClose');
549
+ const sidebar = document.querySelector('.sidebar');
550
+ const overlay = document.getElementById('overlay');
551
+
552
+ sidebarToggle.addEventListener('click', () => {
553
+ sidebar.classList.add('open');
554
+ overlay.classList.remove('hidden');
555
+ });
556
+
557
+ sidebarClose.addEventListener('click', () => {
558
+ sidebar.classList.remove('open');
559
+ overlay.classList.add('hidden');
560
+ });
561
+
562
+ overlay.addEventListener('click', () => {
563
+ sidebar.classList.remove('open');
564
+ overlay.classList.add('hidden');
565
+ });
566
+
567
+ // Accordion functionality
568
+ const accordionToggles = document.querySelectorAll('.accordion-toggle');
569
+
570
+ accordionToggles.forEach(toggle => {
571
+ toggle.addEventListener('click', () => {
572
+ const content = toggle.nextElementSibling;
573
+ const icon = toggle.querySelector('i');
574
+
575
+ if (content.style.maxHeight) {
576
+ content.style.maxHeight = null;
577
+ icon.style.transform = 'rotate(0deg)';
578
+ } else {
579
+ content.style.maxHeight = content.scrollHeight + 'px';
580
+ icon.style.transform = 'rotate(180deg)';
581
+ }
582
+ });
583
+ });
584
+
585
+ // Smooth scrolling for anchor links
586
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
587
+ anchor.addEventListener('click', function (e) {
588
+ e.preventDefault();
589
+
590
+ const targetId = this.getAttribute('href');
591
+ const targetElement = document.querySelector(targetId);
592
+
593
+ if (targetElement) {
594
+ window.scrollTo({
595
+ top: targetElement.offsetTop - 80,
596
+ behavior: 'smooth'
597
+ });
598
+
599
+ // Close sidebar if open
600
+ sidebar.classList.remove('open');
601
+ overlay.classList.add('hidden');
602
+ }
603
+ });
604
+ });
605
+ </script>
606
+ <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=gallabs/site-institucional" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
607
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Acrescente um chatbot (de IA) no lado inferior direito da página. com um tamanho médio, que não seja tão pequeno, mas que não atrapalhe muito a visualização do site ao abrir!