Hugging Face's logo

Spaces:
aderitods
/
www-isabconsultoria-com
Running

App Files Community
aderitods commited on
Commit
fa4b5d2
·
verified ·
1 Parent(s): 65b4487

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +561 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Www Isabconsultoria Com
3
- emoji: 🔥
4
- colorFrom: pink
5
- colorTo: gray
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: www-isabconsultoria-com
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
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,561 @@
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>ISAB Consultoria & Serviços - Conectando ideias a grandes resultados</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#003366',
15
+ secondary: '#FF6600',
16
+ accent: '#0099CC',
17
+ }
18
+ }
19
+ }
20
+ }
21
+ </script>
22
+ <style>
23
+ .hero-bg {
24
+ background: linear-gradient(rgba(0, 51, 102, 0.8), rgba(0, 153, 204, 0.8)), url('https://images.unsplash.com/photo-1454165804606-3aedd6f0bb07?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
25
+ background-size: cover;
26
+ background-position: center;
27
+ }
28
+
29
+ .service-card:hover {
30
+ transform: translateY(-10px);
31
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
32
+ }
33
+
34
+ .team-card:hover {
35
+ transform: scale(1.05);
36
+ }
37
+
38
+ .animate-float {
39
+ animation: float 3s ease-in-out infinite;
40
+ }
41
+
42
+ @keyframes float {
43
+ 0% { transform: translateY(0px); }
44
+ 50% { transform: translateY(-15px); }
45
+ 100% { transform: translateY(0px); }
46
+ }
47
+ </style>
48
+ </head>
49
+ <body class="font-sans antialiased text-gray-800">
50
+ <!-- Header/Navigation -->
51
+ <header class="fixed w-full bg-white shadow-md z-50">
52
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
53
+ <div class="flex items-center">
54
+ <div class="bg-primary p-2 rounded-lg mr-3">
55
+ <i class="fas fa-chart-line text-white text-2xl"></i>
56
+ </div>
57
+ <h1 class="text-2xl font-bold text-primary">ISAB <span class="text-secondary">Consultoria</span></h1>
58
+ </div>
59
+
60
+ <nav class="hidden md:flex space-x-8">
61
+ <a href="#inicio" class="text-primary font-medium hover:text-secondary transition">Início</a>
62
+ <a href="#sobre" class="text-primary font-medium hover:text-secondary transition">Sobre Nós</a>
63
+ <a href="#servicos" class="text-primary font-medium hover:text-secondary transition">Serviços</a>
64
+ <a href="#equipa" class="text-primary font-medium hover:text-secondary transition">Equipa</a>
65
+ <a href="#contato" class="text-primary font-medium hover:text-secondary transition">Contato</a>
66
+ </nav>
67
+
68
+ <button class="md:hidden text-primary" id="mobile-menu-button">
69
+ <i class="fas fa-bars text-2xl"></i>
70
+ </button>
71
+ </div>
72
+
73
+ <!-- Mobile Menu -->
74
+ <div class="hidden md:hidden bg-white w-full py-4 px-4 shadow-lg" id="mobile-menu">
75
+ <a href="#inicio" class="block py-2 text-primary hover:text-secondary">Início</a>
76
+ <a href="#sobre" class="block py-2 text-primary hover:text-secondary">Sobre Nós</a>
77
+ <a href="#servicos" class="block py-2 text-primary hover:text-secondary">Serviços</a>
78
+ <a href="#equipa" class="block py-2 text-primary hover:text-secondary">Equipa</a>
79
+ <a href="#contato" class="block py-2 text-primary hover:text-secondary">Contato</a>
80
+ </div>
81
+ </header>
82
+
83
+ <!-- Hero Section -->
84
+ <section id="inicio" class="hero-bg min-h-screen flex items-center pt-20">
85
+ <div class="container mx-auto px-4 py-20 text-white">
86
+ <div class="max-w-2xl">
87
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">Conectando ideias a <span class="text-secondary">grandes resultados</span></h2>
88
+ <p class="text-xl mb-8">Soluções integradas que combinam excelência, criatividade e impacto social para sua organização.</p>
89
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
90
+ <a href="#contato" class="bg-secondary hover:bg-orange-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300 text-center">Fale Conosco</a>
91
+ <a href="#servicos" class="bg-transparent hover:bg-white hover:text-primary border-2 border-white text-white font-bold py-3 px-6 rounded-lg transition duration-300 text-center">Nossos Serviços</a>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </section>
96
+
97
+ <!-- About Section -->
98
+ <section id="sobre" class="py-20 bg-white">
99
+ <div class="container mx-auto px-4">
100
+ <div class="flex flex-col lg:flex-row items-center">
101
+ <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
102
+ <div class="relative">
103
+ <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Equipe ISAB" class="rounded-xl shadow-xl w-full">
104
+ <div class="absolute -bottom-6 -right-6 bg-primary p-6 rounded-xl shadow-lg hidden md:block">
105
+ <div class="text-white text-3xl font-bold">2024</div>
106
+ <div class="text-white">Fundação</div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <div class="lg:w-1/2">
111
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Bem-Vindo à <span class="text-secondary">ISAB</span></h2>
112
+ <p class="text-gray-600 mb-6">A ISAB Consultoria e Serviços é uma empresa privada criada em 2024, vocacionada em diferentes áreas de consultoria e prestação de serviços, sediada na cidade de Nampula, EN 104 no bairro de Muahivire, Rua das Forças Popular de Libertação de Moçambique (FPLM).</p>
113
+ <p class="text-gray-600 mb-8">Somos uma empresa de consultoria versátil, dedicada a fornecer soluções integradas que combinam excelência, criatividade e impacto social para empresas, organizações, instituições e comunidades.</p>
114
+
115
+ <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8">
116
+ <div class="flex items-start">
117
+ <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4">
118
+ <i class="fas fa-bullseye text-primary"></i>
119
+ </div>
120
+ <div>
121
+ <h4 class="font-bold text-primary mb-1">Missão</h4>
122
+ <p class="text-gray-600">Oferecer consultoria e serviços de qualidade, contribuindo para o desenvolvimento sustentável das organizações e capacitação por meio de serviços personalizados.</p>
123
+ </div>
124
+ </div>
125
+ <div class="flex items-start">
126
+ <div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4">
127
+ <i class="fas fa-eye text-primary"></i>
128
+ </div>
129
+ <div>
130
+ <h4 class="font-bold text-primary mb-1">Visão</h4>
131
+ <p class="text-gray-600">Ser uma empresa líder, de referência em soluções estratégicas, destacando-se pela inovação, excelência e pela capacidade de transformar desafios em oportunidades.</p>
132
+ </div>
133
+ </div>
134
+ </div>
135
+
136
+ <div class="bg-primary bg-opacity-10 p-6 rounded-lg mb-8">
137
+ <h4 class="font-bold text-primary mb-3">Aboochama Vontade</h4>
138
+ <p class="text-gray-600 italic">"Como parceiro estratégico, apoiamos os nossos clientes na concretização do seu máximo potencial, desenvolvendo soluções personalizadas que aliam a eficiência e inovação às suas necessidades específicas."</p>
139
+ <p class="text-primary font-medium mt-2">DIRECTOR GERAL</p>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </section>
145
+
146
+ <!-- Services Section -->
147
+ <section id="servicos" class="py-20 bg-gray-50">
148
+ <div class="container mx-auto px-4">
149
+ <div class="text-center mb-16">
150
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossos <span class="text-secondary">Serviços</span></h2>
151
+ <p class="max-w-2xl mx-auto text-lg text-gray-600">Soluções integradas para impulsionar seu negócio e alcançar excelência operacional.</p>
152
+ </div>
153
+
154
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
155
+ <!-- Service 1 -->
156
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
157
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
158
+ <i class="fas fa-balance-scale text-primary text-2xl"></i>
159
+ </div>
160
+ <h3 class="text-xl font-bold text-primary mb-3">Jurídica e Forense</h3>
161
+ <p class="text-gray-600 mb-4">Suporte legal, análise de conformidade, representação em litígios e consultoria em direitos e deveres legais das empresas.</p>
162
+ <a href="#contato" class="text-secondary font-medium flex items-center">
163
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
164
+ </a>
165
+ </div>
166
+
167
+ <!-- Service 2 -->
168
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
169
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
170
+ <i class="fas fa-briefcase text-primary text-2xl"></i>
171
+ </div>
172
+ <h3 class="text-xl font-bold text-primary mb-3">Assessoria Empresarial</h3>
173
+ <p class="text-gray-600 mb-4">Suporte no Registo, planeamento, finanças, marketing, recursos humanos, operações, tecnologia, e sustentabilidade para melhorar performance.</p>
174
+ <a href="#contato" class="text-secondary font-medium flex items-center">
175
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
176
+ </a>
177
+ </div>
178
+
179
+ <!-- Service 3 -->
180
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
181
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
182
+ <i class="fas fa-dna text-primary text-2xl"></i>
183
+ </div>
184
+ <h3 class="text-xl font-bold text-primary mb-3">Biologia Aplicada</h3>
185
+ <p class="text-gray-600 mb-4">Abrange saúde, agricultura, meio ambiente, biotecnologia, educação, políticas públicas e inovação para soluções práticas.</p>
186
+ <a href="#contato" class="text-secondary font-medium flex items-center">
187
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
188
+ </a>
189
+ </div>
190
+
191
+ <!-- Service 4 -->
192
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
193
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
194
+ <i class="fas fa-file-invoice-dollar text-primary text-2xl"></i>
195
+ </div>
196
+ <h3 class="text-xl font-bold text-primary mb-3">Contabilidade</h3>
197
+ <p class="text-gray-600 mb-4">Suporte em gestão financeira, elaboração de relatórios, planeamento tributário, auditoria e conformidade fiscal, garantindo transparência e eficiência.</p>
198
+ <a href="#contato" class="text-secondary font-medium flex items-center">
199
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
200
+ </a>
201
+ </div>
202
+
203
+ <!-- Service 5 -->
204
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
205
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
206
+ <i class="fas fa-users text-primary text-2xl"></i>
207
+ </div>
208
+ <h3 class="text-xl font-bold text-primary mb-3">Recrutamento e Seleção</h3>
209
+ <p class="text-gray-600 mb-4">Identificação de talentos, triagem de currículos, entrevistas, avaliações de habilidades e integração de novos colaboradores nas empresas parceiras.</p>
210
+ <a href="#contato" class="text-secondary font-medium flex items-center">
211
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
212
+ </a>
213
+ </div>
214
+
215
+ <!-- Service 6 -->
216
+ <div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300">
217
+ <div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
218
+ <i class="fas fa-graduation-cap text-primary text-2xl"></i>
219
+ </div>
220
+ <h3 class="text-xl font-bold text-primary mb-3">Formação e Capacitação</h3>
221
+ <p class="text-gray-600 mb-4">Treinamentos, workshops e cursos para desenvolver habilidades, promover conhecimento e melhorar o desempenho profissional.</p>
222
+ <a href="#contato" class="text-secondary font-medium flex items-center">
223
+ Saiba mais <i class="fas fa-arrow-right ml-2"></i>
224
+ </a>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </section>
229
+
230
+ <!-- Team Section -->
231
+ <section id="equipa" class="py-20 bg-white">
232
+ <div class="container mx-auto px-4">
233
+ <div class="text-center mb-16">
234
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossa <span class="text-secondary">Equipa</span></h2>
235
+ <p class="max-w-2xl mx-auto text-lg text-gray-600">Trabalhamos com muito cuidado e dedicação pensando em si!</p>
236
+ </div>
237
+
238
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
239
+ <!-- Team Member 1 -->
240
+ <div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300">
241
+ <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary">
242
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Aboochama Vontade" class="w-full h-full object-cover">
243
+ </div>
244
+ <h3 class="text-xl font-bold text-primary mb-1">Aboochama Vontade</h3>
245
+ <p class="text-secondary font-medium mb-3">Director Geral</p>
246
+ <p class="text-gray-600 italic mb-4">"Seu crescimento, minha missão"</p>
247
+ <div class="flex justify-center space-x-3">
248
+ <a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a>
249
+ <a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a>
250
+ </div>
251
+ </div>
252
+
253
+ <!-- Team Member 2 -->
254
+ <div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300">
255
+ <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary">
256
+ <img src="https://randomuser.me/api/portraits/men/44.jpg" alt="Isac Bernardino Cabo" class="w-full h-full object-cover">
257
+ </div>
258
+ <h3 class="text-xl font-bold text-primary mb-1">Isac Bernardino Cabo</h3>
259
+ <p class="text-secondary font-medium mb-3">Director Executivo</p>
260
+ <p class="text-gray-600 italic mb-4">"O corpo alcança o que a mente projecta"</p>
261
+ <div class="flex justify-center space-x-3">
262
+ <a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a>
263
+ <a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a>
264
+ </div>
265
+ </div>
266
+
267
+ <!-- Team Member 3 -->
268
+ <div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300">
269
+ <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary">
270
+ <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Isadora Caetano José" class="w-full h-full object-cover">
271
+ </div>
272
+ <h3 class="text-xl font-bold text-primary mb-1">Isadora Caetano José</h3>
273
+ <p class="text-secondary font-medium mb-3">Gestora Financeira</p>
274
+ <p class="text-gray-600 italic mb-4">"Não há maior força no mundo do que a motivação"</p>
275
+ <div class="flex justify-center space-x-3">
276
+ <a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a>
277
+ <a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a>
278
+ </div>
279
+ </div>
280
+
281
+ <!-- Team Member 4 -->
282
+ <div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300">
283
+ <div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary">
284
+ <img src="https://randomuser.me/api/portraits/men/65.jpg" alt="Aderito Dionisio" class="w-full h-full object-cover">
285
+ </div>
286
+ <h3 class="text-xl font-bold text-primary mb-1">Aderito Dionisio</h3>
287
+ <p class="text-secondary font-medium mb-3">Comunicação e Imagem</p>
288
+ <p class="text-gray-600 italic mb-4">"Excelência em cada detalhe"</p>
289
+ <div class="flex justify-center space-x-3">
290
+ <a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a>
291
+ <a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </section>
297
+
298
+ <!-- Clients Section -->
299
+ <section class="py-16 bg-gray-50">
300
+ <div class="container mx-auto px-4">
301
+ <div class="text-center mb-12">
302
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossos <span class="text-secondary">Clientes</span></h2>
303
+ <p class="max-w-2xl mx-auto text-lg text-gray-600">Atendemos PMEs, empresas familiares, ONGs, organizações e instituições públicas e privadas em Moçambique.</p>
304
+ </div>
305
+
306
+ <!-- Client Logos -->
307
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
308
+ <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24">
309
+ <img src="https://via.placeholder.com/150x60?text=Cliente+1" alt="Cliente" class="max-h-12">
310
+ </div>
311
+ <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24">
312
+ <img src="https://via.placeholder.com/150x60?text=Cliente+2" alt="Cliente" class="max-h-12">
313
+ </div>
314
+ <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24">
315
+ <img src="https://via.placeholder.com/150x60?text=Cliente+3" alt="Cliente" class="max-h-12">
316
+ </div>
317
+ <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24">
318
+ <img src="https://via.placeholder.com/150x60?text=Cliente+4" alt="Cliente" class="max-h-12">
319
+ </div>
320
+ <div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24">
321
+ <img src="https://via.placeholder.com/150x60?text=Cliente+5" alt="Cliente" class="max-h-12">
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </section>
326
+
327
+ <!-- CTA Section -->
328
+ <section class="py-16 bg-primary text-white">
329
+ <div class="container mx-auto px-4 text-center">
330
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para transformar seu negócio?</h2>
331
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Nossa equipe está pronta para entender suas necessidades e oferecer a melhor solução para seu negócio.</p>
332
+ <a href="#contato" class="bg-secondary hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 inline-flex items-center text-lg">
333
+ Agende uma consultoria <i class="fas fa-calendar-check ml-3"></i>
334
+ </a>
335
+ </div>
336
+ </section>
337
+
338
+ <!-- Contact Section -->
339
+ <section id="contato" class="py-20 bg-white">
340
+ <div class="container mx-auto px-4">
341
+ <div class="flex flex-col lg:flex-row">
342
+ <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
343
+ <h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Entre em <span class="text-secondary">Contato</span></h2>
344
+ <p class="text-gray-600 mb-8">Preencha o formulário ao lado ou utilize nossos outros canais de comunicação. Retornaremos em até 24 horas.</p>
345
+
346
+ <div class="space-y-6">
347
+ <div class="flex items-start">
348
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
349
+ <i class="fas fa-map-marker-alt text-primary"></i>
350
+ </div>
351
+ <div>
352
+ <h4 class="font-bold text-primary mb-1">Endereço</h4>
353
+ <p class="text-gray-600">EN 104, Bairro Muahivire<br>Rua das FPLM, Nampula - Moçambique</p>
354
+ </div>
355
+ </div>
356
+
357
+ <div class="flex items-start">
358
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
359
+ <i class="fas fa-phone-alt text-primary"></i>
360
+ </div>
361
+ <div>
362
+ <h4 class="font-bold text-primary mb-1">Telefone</h4>
363
+ <p class="text-gray-600">+258 878162682<br>+258 846209525<br>+258 863625135</p>
364
+ </div>
365
+ </div>
366
+
367
+ <div class="flex items-start">
368
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
369
+ <i class="fas fa-envelope text-primary"></i>
370
+ </div>
371
+ <div>
372
+ <h4 class="font-bold text-primary mb-1">E-mail</h4>
373
+ <p class="text-gray-600">isabconsu@gmail.com</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="flex items-start">
378
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
379
+ <i class="fas fa-clock text-primary"></i>
380
+ </div>
381
+ <div>
382
+ <h4 class="font-bold text-primary mb-1">Horário de Atendimento</h4>
383
+ <p class="text-gray-600">Segunda a Sexta: 8h às 18h<br>Sábado: 8h às 12h</p>
384
+ </div>
385
+ </div>
386
+ </div>
387
+
388
+ <div class="mt-8">
389
+ <h4 class="font-bold text-primary mb-4">Redes Sociais</h4>
390
+ <div class="flex space-x-4">
391
+ <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center">
392
+ <i class="fab fa-facebook-f"></i>
393
+ </a>
394
+ <a href="#" class="bg-blue-400 hover:bg-blue-500 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center">
395
+ <i class="fab fa-twitter"></i>
396
+ </a>
397
+ <a href="#" class="bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center">
398
+ <i class="fab fa-instagram"></i>
399
+ </a>
400
+ <a href="#" class="bg-blue-500 hover:bg-blue-600 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center">
401
+ <i class="fab fa-linkedin-in"></i>
402
+ </a>
403
+ </div>
404
+ </div>
405
+ </div>
406
+
407
+ <div class="lg:w-1/2">
408
+ <form class="bg-gray-50 p-8 rounded-xl shadow-md">
409
+ <div class="mb-6">
410
+ <label for="name" class="block text-gray-700 font-medium mb-2">Nome Completo</label>
411
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Seu nome">
412
+ </div>
413
+
414
+ <div class="mb-6">
415
+ <label for="email" class="block text-gray-700 font-medium mb-2">E-mail</label>
416
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="seu@email.com">
417
+ </div>
418
+
419
+ <div class="mb-6">
420
+ <label for="phone" class="block text-gray-700 font-medium mb-2">Telefone</label>
421
+ <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="(00) 00000-0000">
422
+ </div>
423
+
424
+ <div class="mb-6">
425
+ <label for="service" class="block text-gray-700 font-medium mb-2">Serviço de Interesse</label>
426
+ <select id="service" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
427
+ <option value="">Selecione um serviço</option>
428
+ <option value="juridica">Jurídica e Forense</option>
429
+ <option value="assessoria">Assessoria Empresarial</option>
430
+ <option value="biologia">Biologia Aplicada</option>
431
+ <option value="contabilidade">Contabilidade</option>
432
+ <option value="recrutamento">Recrutamento e Seleção</option>
433
+ <option value="formacao">Formação e Capacitação</option>
434
+ </select>
435
+ </div>
436
+
437
+ <div class="mb-6">
438
+ <label for="message" class="block text-gray-700 font-medium mb-2">Mensagem</label>
439
+ <textarea id="message" rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Descreva brevemente suas necessidades..."></textarea>
440
+ </div>
441
+
442
+ <button type="submit" class="w-full bg-primary hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
443
+ Enviar Mensagem <i class="fas fa-paper-plane ml-2"></i>
444
+ </button>
445
+ </form>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </section>
450
+
451
+ <!-- Footer -->
452
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
453
+ <div class="container mx-auto px-4">
454
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
455
+ <div>
456
+ <div class="flex items-center mb-4">
457
+ <div class="bg-primary p-2 rounded-lg mr-3">
458
+ <i class="fas fa-chart-line text-white text-xl"></i>
459
+ </div>
460
+ <h3 class="text-xl font-bold">ISAB <span class="text-secondary">Consultoria</span></h3>
461
+ </div>
462
+ <p class="text-gray-400 mb-4">Conectando ideias a grandes resultados através de soluções integradas e personalizadas.</p>
463
+ <div class="flex space-x-4">
464
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
465
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
466
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
467
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
468
+ </div>
469
+ </div>
470
+
471
+ <div>
472
+ <h4 class="text-lg font-bold mb-4">Serviços</h4>
473
+ <ul class="space-y-2">
474
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Jurídica e Forense</a></li>
475
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Assessoria Empresarial</a></li>
476
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Biologia Aplicada</a></li>
477
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Contabilidade</a></li>
478
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Recrutamento e Seleção</a></li>
479
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Formação e Capacitação</a></li>
480
+ </ul>
481
+ </div>
482
+
483
+ <div>
484
+ <h4 class="text-lg font-bold mb-4">Links Úteis</h4>
485
+ <ul class="space-y-2">
486
+ <li><a href="#inicio" class="text-gray-400 hover:text-white transition">Início</a></li>
487
+ <li><a href="#sobre" class="text-gray-400 hover:text-white transition">Sobre Nós</a></li>
488
+ <li><a href="#servicos" class="text-gray-400 hover:text-white transition">Serviços</a></li>
489
+ <li><a href="#equipa" class="text-gray-400 hover:text-white transition">Equipa</a></li>
490
+ <li><a href="#contato" class="text-gray-400 hover:text-white transition">Contato</a></li>
491
+ </ul>
492
+ </div>
493
+
494
+ <div>
495
+ <h4 class="text-lg font-bold mb-4">Contactos</h4>
496
+ <ul class="space-y-2 text-gray-400">
497
+ <li class="flex items-start">
498
+ <i class="fas fa-phone-alt mt-1 mr-2 text-sm"></i>
499
+ <span>+258 878162682</span>
500
+ </li>
501
+ <li class="flex items-start">
502
+ <i class="fas fa-envelope mt-1 mr-2 text-sm"></i>
503
+ <span>isabconsu@gmail.com</span>
504
+ </li>
505
+ <li class="flex items-start">
506
+ <i class="fas fa-map-marker-alt mt-1 mr-2 text-sm"></i>
507
+ <span>EN 104, Muahivire, Nampula</span>
508
+ </li>
509
+ </ul>
510
+ </div>
511
+ </div>
512
+
513
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
514
+ <p class="text-gray-400 mb-4 md:mb-0">© 2024 ISAB Consultoria e Serviços. Todos os direitos reservados.</p>
515
+ <div class="flex space-x-6">
516
+ <a href="#" class="text-gray-400 hover:text-white">Termos de Uso</a>
517
+ <a href="#" class="text-gray-400 hover:text-white">Política de Privacidade</a>
518
+ </div>
519
+ </div>
520
+ </div>
521
+ </footer>
522
+
523
+ <!-- Floating WhatsApp Button -->
524
+ <div class="fixed bottom-6 right-6 z-50 animate-float">
525
+ <a href="https://wa.me/258878162682" class="bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg flex items-center justify-center w-16 h-16">
526
+ <i class="fab fa-whatsapp text-2xl"></i>
527
+ </a>
528
+ </div>
529
+
530
+ <script>
531
+ // Mobile menu toggle
532
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
533
+ const menu = document.getElementById('mobile-menu');
534
+ menu.classList.toggle('hidden');
535
+ });
536
+
537
+ // Smooth scrolling for anchor links
538
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
539
+ anchor.addEventListener('click', function (e) {
540
+ e.preventDefault();
541
+
542
+ const targetId = this.getAttribute('href');
543
+ const targetElement = document.querySelector(targetId);
544
+
545
+ if (targetElement) {
546
+ window.scrollTo({
547
+ top: targetElement.offsetTop - 80,
548
+ behavior: 'smooth'
549
+ });
550
+
551
+ // Close mobile menu if open
552
+ const mobileMenu = document.getElementById('mobile-menu');
553
+ if (!mobileMenu.classList.contains('hidden')) {
554
+ mobileMenu.classList.add('hidden');
555
+ }
556
+ }
557
+ });
558
+ });
559
+ </script>
560
+ <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=aderitods/www-isabconsultoria-com" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
561
+ </html>
prompts.txt ADDED
File without changes