Hugging Face's logo

Spaces:
Luck79
/
adsoft
Running

App Files Community
Luck79 commited on
Commit
ab5e875
·
verified ·
1 Parent(s): bf7a319

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +517 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Adsoft
3
- emoji: 😻
4
- colorFrom: red
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: adsoft
3
+ emoji: 🐳
4
+ colorFrom: gray
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,517 @@
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>ADSoft Sistemas - SCV & SCVMobile | Soluções Comerciais Integradas</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
12
+ }
13
+ .hero-image {
14
+ background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
15
+ background-size: cover;
16
+ background-position: center;
17
+ background-blend-mode: overlay;
18
+ background-color: rgba(30, 58, 138, 0.8);
19
+ }
20
+ .feature-card:hover {
21
+ transform: translateY(-10px);
22
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
23
+ }
24
+ .floating {
25
+ animation: floating 3s ease-in-out infinite;
26
+ }
27
+ @keyframes floating {
28
+ 0% { transform: translateY(0px); }
29
+ 50% { transform: translateY(-15px); }
30
+ 100% { transform: translateY(0px); }
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="font-sans antialiased text-gray-800">
35
+ <!-- Header -->
36
+ <header class="gradient-bg text-white shadow-lg">
37
+ <div class="container mx-auto px-4 py-6">
38
+ <div class="flex justify-between items-center">
39
+ <div class="flex items-center space-x-2">
40
+ <i class="fas fa-laptop-code text-3xl text-blue-300"></i>
41
+ <h1 class="text-2xl font-bold">ADSoft <span class="text-blue-300">Sistemas</span></h1>
42
+ </div>
43
+ <nav class="hidden md:block">
44
+ <ul class="flex space-x-8">
45
+ <li><a href="#home" class="hover:text-blue-300 transition">Início</a></li>
46
+ <li><a href="#scv" class="hover:text-blue-300 transition">SCV ERP</a></li>
47
+ <li><a href="#scvmobile" class="hover:text-blue-300 transition">SCV Mobile</a></li>
48
+ <li><a href="#features" class="hover:text-blue-300 transition">Recursos</a></li>
49
+ <li><a href="#contact" class="hover:text-blue-300 transition">Contato</a></li>
50
+ </ul>
51
+ </nav>
52
+ <button class="md:hidden text-2xl">
53
+ <i class="fas fa-bars"></i>
54
+ </button>
55
+ </div>
56
+ </div>
57
+ </header>
58
+
59
+ <!-- Hero Section -->
60
+ <section id="home" class="hero-image text-white py-20 md:py-32">
61
+ <div class="container mx-auto px-4 text-center">
62
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Soluções Comerciais <span class="text-blue-300">Inteligentes</span></h1>
63
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Potencialize suas vendas com o SCV ERP e SCV Mobile - Sistemas integrados para gestão comercial completa</p>
64
+ <div class="flex flex-col md:flex-row justify-center gap-4">
65
+ <a href="#scv" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105">
66
+ Conheça o SCV ERP
67
+ </a>
68
+ <a href="#scvmobile" class="bg-white hover:bg-gray-100 text-blue-800 font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105">
69
+ SCV Mobile
70
+ </a>
71
+ </div>
72
+ </div>
73
+ </section>
74
+
75
+ <!-- About Section -->
76
+ <section class="py-16 bg-gray-50">
77
+ <div class="container mx-auto px-4">
78
+ <div class="flex flex-col md:flex-row items-center">
79
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
80
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">Sobre a <span class="text-blue-600">ADSoft Sistemas</span></h2>
81
+ <p class="text-lg text-gray-600 mb-6">
82
+ A ADSoft Sistemas é especializada em desenvolvimento de soluções comerciais completas, com foco em eficiência e integração entre plataformas.
83
+ </p>
84
+ <p class="text-lg text-gray-600 mb-6">
85
+ Nossos sistemas são desenvolvidos para atender empresas de todos os portes, oferecendo ferramentas poderosas para gestão de vendas, estoque, financeiro e muito mais.
86
+ </p>
87
+ <div class="flex items-center space-x-4">
88
+ <div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-semibold">
89
+ <i class="fas fa-check-circle mr-2"></i> Confiabilidade
90
+ </div>
91
+ <div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-semibold">
92
+ <i class="fas fa-bolt mr-2"></i> Performance
93
+ </div>
94
+ </div>
95
+ </div>
96
+ <div class="md:w-1/2 relative">
97
+ <div class="bg-white p-6 rounded-xl shadow-xl border border-gray-200">
98
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Equipe ADSoft" class="rounded-lg w-full h-auto">
99
+ </div>
100
+ <div class="absolute -bottom-6 -left-6 bg-blue-600 text-white p-4 rounded-lg shadow-lg hidden md:block">
101
+ <div class="text-2xl font-bold">+15</div>
102
+ <div class="text-sm">Anos de experiência</div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- SCV ERP Section -->
110
+ <section id="scv" class="py-16 bg-white">
111
+ <div class="container mx-auto px-4">
112
+ <div class="text-center mb-16">
113
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">SCV <span class="text-blue-600">ERP</span></h2>
114
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Sistema completo para gestão comercial em ambiente Windows, com todas as ferramentas que sua empresa precisa</p>
115
+ </div>
116
+
117
+ <div class="flex flex-col md:flex-row items-center">
118
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
119
+ <img src="https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="SCV ERP" class="rounded-xl shadow-lg w-full h-auto floating">
120
+ </div>
121
+ <div class="md:w-1/2">
122
+ <div class="space-y-6">
123
+ <div class="flex items-start">
124
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
125
+ <i class="fas fa-chart-line text-blue-600"></i>
126
+ </div>
127
+ <div>
128
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Gestão Comercial Completa</h3>
129
+ <p class="text-gray-600">Controle de vendas, pedidos, orçamentos, comissões e todo o processo comercial de forma integrada.</p>
130
+ </div>
131
+ </div>
132
+ <div class="flex items-start">
133
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
134
+ <i class="fas fa-boxes text-blue-600"></i>
135
+ </div>
136
+ <div>
137
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Controle de Estoque Avançado</h3>
138
+ <p class="text-gray-600">Gestão completa de estoque com múltiplos depósitos, inventários, transferências e relatórios detalhados.</p>
139
+ </div>
140
+ </div>
141
+ <div class="flex items-start">
142
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
143
+ <i class="fas fa-file-invoice-dollar text-blue-600"></i>
144
+ </div>
145
+ <div>
146
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Financeiro Integrado</h3>
147
+ <p class="text-gray-600">Contas a pagar e receber, fluxo de caixa, conciliação bancária e relatórios financeiros completos.</p>
148
+ </div>
149
+ </div>
150
+ <div class="flex items-start">
151
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
152
+ <i class="fas fa-cogs text-blue-600"></i>
153
+ </div>
154
+ <div>
155
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Personalização Total</h3>
156
+ <p class="text-gray-600">Adaptável às necessidades específicas do seu negócio, com módulos adicionais conforme demanda.</p>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ <div class="mt-8">
161
+ <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 inline-flex items-center">
162
+ Solicitar Demonstração <i class="fas fa-arrow-right ml-2"></i>
163
+ </a>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </section>
169
+
170
+ <!-- SCV Mobile Section -->
171
+ <section id="scvmobile" class="py-16 gradient-bg text-white">
172
+ <div class="container mx-auto px-4">
173
+ <div class="text-center mb-16">
174
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">SCV <span class="text-blue-300">Mobile</span></h2>
175
+ <p class="text-xl max-w-3xl mx-auto">Sistema de pedidos de venda para Android, totalmente integrado ao SCV ERP</p>
176
+ </div>
177
+
178
+ <div class="flex flex-col md:flex-row items-center">
179
+ <div class="md:w-1/2 mb-10 md:mb-0 order-2 md:order-1">
180
+ <div class="space-y-6">
181
+ <div class="flex items-start">
182
+ <div class="bg-blue-400 p-3 rounded-full mr-4">
183
+ <i class="fas fa-mobile-alt"></i>
184
+ </div>
185
+ <div>
186
+ <h3 class="text-xl font-semibold mb-2">Vendas em Qualquer Lugar</h3>
187
+ <p>Realize pedidos de venda diretamente no campo, na loja ou em visitas a clientes, com ou sem conexão com a internet.</p>
188
+ </div>
189
+ </div>
190
+ <div class="flex items-start">
191
+ <div class="bg-blue-400 p-3 rounded-full mr-4">
192
+ <i class="fas fa-sync-alt"></i>
193
+ </div>
194
+ <div>
195
+ <h3 class="text-xl font-semibold mb-2">Sincronização Instantânea</h3>
196
+ <p>Os pedidos realizados no mobile são automaticamente sincronizados com o sistema principal assim que houver conexão.</p>
197
+ </div>
198
+ </div>
199
+ <div class="flex items-start">
200
+ <div class="bg-blue-400 p-3 rounded-full mr-4">
201
+ <i class="fas fa-clipboard-check"></i>
202
+ </div>
203
+ <div>
204
+ <h3 class="text-xl font-semibold mb-2">Controle Total</h3>
205
+ <p>Consulte preços, estoque, histórico do cliente e condições de pagamento diretamente no aplicativo.</p>
206
+ </div>
207
+ </div>
208
+ <div class="flex items-start">
209
+ <div class="bg-blue-400 p-3 rounded-full mr-4">
210
+ <i class="fas fa-chart-pie"></i>
211
+ </div>
212
+ <div>
213
+ <h3 class="text-xl font-semibold mb-2">Relatórios em Tempo Real</h3>
214
+ <p>Acompanhe o desempenho das vendas mobile através de relatórios e dashboards no sistema principal.</p>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ <div class="mt-8 flex flex-wrap gap-4">
219
+ <a href="#" class="bg-white hover:bg-gray-100 text-blue-800 font-bold py-3 px-6 rounded-lg transition duration-300 inline-flex items-center">
220
+ <i class="fab fa-google-play mr-2"></i> Google Play
221
+ </a>
222
+ <a href="#contact" class="bg-blue-400 hover:bg-blue-500 text-white font-bold py-3 px-6 rounded-lg transition duration-300 inline-flex items-center">
223
+ <i class="fas fa-info-circle mr-2"></i> Mais Informações
224
+ </a>
225
+ </div>
226
+ </div>
227
+ <div class="md:w-1/2 order-1 md:order-2 md:pl-10">
228
+ <div class="relative max-w-md mx-auto">
229
+ <img src="https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="SCV Mobile" class="rounded-xl shadow-lg w-full h-auto floating">
230
+ <div class="absolute -bottom-6 -right-6 bg-white text-blue-800 p-4 rounded-lg shadow-lg hidden md:block">
231
+ <div class="text-xl font-bold">Disponível na</div>
232
+ <div class="text-3xl"><i class="fab fa-android"></i></div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </section>
239
+
240
+ <!-- Features Section -->
241
+ <section id="features" class="py-16 bg-gray-50">
242
+ <div class="container mx-auto px-4">
243
+ <div class="text-center mb-16">
244
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Recursos <span class="text-blue-600">Exclusivos</span></h2>
245
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Tudo que você precisa para otimizar a gestão do seu negócio</p>
246
+ </div>
247
+
248
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
249
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
250
+ <div class="text-blue-600 text-4xl mb-4">
251
+ <i class="fas fa-cloud"></i>
252
+ </div>
253
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Integração Total</h3>
254
+ <p class="text-gray-600">SCV ERP e SCV Mobile trabalham juntos, compartilhando dados em tempo real para uma gestão unificada.</p>
255
+ </div>
256
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
257
+ <div class="text-blue-600 text-4xl mb-4">
258
+ <i class="fas fa-shield-alt"></i>
259
+ </div>
260
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Segurança de Dados</h3>
261
+ <p class="text-gray-600">Tecnologia avançada de criptografia e backups automáticos para proteger suas informações.</p>
262
+ </div>
263
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
264
+ <div class="text-blue-600 text-4xl mb-4">
265
+ <i class="fas fa-headset"></i>
266
+ </div>
267
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Suporte Especializado</h3>
268
+ <p class="text-gray-600">Equipe técnica disponível para treinamento, implantação e suporte contínuo ao sistema.</p>
269
+ </div>
270
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
271
+ <div class="text-blue-600 text-4xl mb-4">
272
+ <i class="fas fa-tachometer-alt"></i>
273
+ </div>
274
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Performance Otimizada</h3>
275
+ <p class="text-gray-600">Desenvolvido para oferecer velocidade e estabilidade mesmo com grande volume de dados.</p>
276
+ </div>
277
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
278
+ <div class="text-blue-600 text-4xl mb-4">
279
+ <i class="fas fa-file-export"></i>
280
+ </div>
281
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Relatórios Personalizáveis</h3>
282
+ <p class="text-gray-600">Gere relatórios gerenciais completos e exporte para diversos formatos conforme sua necessidade.</p>
283
+ </div>
284
+ <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300">
285
+ <div class="text-blue-600 text-4xl mb-4">
286
+ <i class="fas fa-users-cog"></i>
287
+ </div>
288
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Multi-usuário</h3>
289
+ <p class="text-gray-600">Controle de acesso por perfis, permitindo que cada colaborador acesse apenas o necessário.</p>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </section>
294
+
295
+ <!-- Testimonials Section -->
296
+ <section class="py-16 bg-white">
297
+ <div class="container mx-auto px-4">
298
+ <div class="text-center mb-16">
299
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">O que dizem nossos <span class="text-blue-600">clientes</span></h2>
300
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Empresas que confiam nas soluções ADSoft Sistemas</p>
301
+ </div>
302
+
303
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
304
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm border border-gray-200">
305
+ <div class="flex items-center mb-4">
306
+ <div class="text-yellow-400 text-xl mr-2">
307
+ <i class="fas fa-star"></i>
308
+ <i class="fas fa-star"></i>
309
+ <i class="fas fa-star"></i>
310
+ <i class="fas fa-star"></i>
311
+ <i class="fas fa-star"></i>
312
+ </div>
313
+ </div>
314
+ <p class="text-gray-600 mb-6">"O SCV revolucionou nossa gestão comercial. A integração com o mobile permitiu que nossa equipe de vendas fosse muito mais produtiva."</p>
315
+ <div class="flex items-center">
316
+ <div class="bg-blue-100 text-blue-800 w-12 h-12 rounded-full flex items-center justify-center font-bold mr-4">JD</div>
317
+ <div>
318
+ <h4 class="font-semibold text-gray-800">João da Silva</h4>
319
+ <p class="text-sm text-gray-500">Diretor Comercial - JD Distribuidora</p>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm border border-gray-200">
324
+ <div class="flex items-center mb-4">
325
+ <div class="text-yellow-400 text-xl mr-2">
326
+ <i class="fas fa-star"></i>
327
+ <i class="fas fa-star"></i>
328
+ <i class="fas fa-star"></i>
329
+ <i class="fas fa-star"></i>
330
+ <i class="fas fa-star"></i>
331
+ </div>
332
+ </div>
333
+ <p class="text-gray-600 mb-6">"A ADSoft nos surpreendeu com o atendimento e a qualidade do sistema. O SCV Mobile foi essencial para nosso crescimento durante a pandemia."</p>
334
+ <div class="flex items-center">
335
+ <div class="bg-blue-100 text-blue-800 w-12 h-12 rounded-full flex items-center justify-center font-bold mr-4">AM</div>
336
+ <div>
337
+ <h4 class="font-semibold text-gray-800">Ana Martins</h4>
338
+ <p class="text-sm text-gray-500">Gerente - Martins Atacado</p>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm border border-gray-200">
343
+ <div class="flex items-center mb-4">
344
+ <div class="text-yellow-400 text-xl mr-2">
345
+ <i class="fas fa-star"></i>
346
+ <i class="fas fa-star"></i>
347
+ <i class="fas fa-star"></i>
348
+ <i class="fas fa-star"></i>
349
+ <i class="fas fa-star-half-alt"></i>
350
+ </div>
351
+ </div>
352
+ <p class="text-gray-600 mb-6">"Migramos de outro sistema para o SCV e foi a melhor decisão. A curva de aprendizado foi rápida e o suporte é excelente."</p>
353
+ <div class="flex items-center">
354
+ <div class="bg-blue-100 text-blue-800 w-12 h-12 rounded-full flex items-center justify-center font-bold mr-4">TC</div>
355
+ <div>
356
+ <h4 class="font-semibold text-gray-800">Thiago Costa</h4>
357
+ <p class="text-sm text-gray-500">Proprietário - Costa Materiais</p>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </section>
364
+
365
+ <!-- Contact Section -->
366
+ <section id="contact" class="py-16 gradient-bg text-white">
367
+ <div class="container mx-auto px-4">
368
+ <div class="text-center mb-16">
369
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Fale <span class="text-blue-300">Conosco</span></h2>
370
+ <p class="text-xl max-w-3xl mx-auto">Solicite uma demonstração ou tire suas dúvidas sobre nossos sistemas</p>
371
+ </div>
372
+
373
+ <div class="flex flex-col md:flex-row">
374
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
375
+ <form class="space-y-6">
376
+ <div>
377
+ <label for="name" class="block mb-2">Seu Nome</label>
378
+ <input type="text" id="name" class="w-full px-4 py-3 rounded-lg bg-blue-700 bg-opacity-20 border border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-300 text-white placeholder-blue-200" placeholder="Digite seu nome">
379
+ </div>
380
+ <div>
381
+ <label for="email" class="block mb-2">Seu E-mail</label>
382
+ <input type="email" id="email" class="w-full px-4 py-3 rounded-lg bg-blue-700 bg-opacity-20 border border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-300 text-white placeholder-blue-200" placeholder="Digite seu e-mail">
383
+ </div>
384
+ <div>
385
+ <label for="phone" class="block mb-2">Telefone</label>
386
+ <input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg bg-blue-700 bg-opacity-20 border border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-300 text-white placeholder-blue-200" placeholder="(00) 00000-0000">
387
+ </div>
388
+ <div>
389
+ <label for="message" class="block mb-2">Mensagem</label>
390
+ <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg bg-blue-700 bg-opacity-20 border border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-300 text-white placeholder-blue-200" placeholder="Digite sua mensagem"></textarea>
391
+ </div>
392
+ <div>
393
+ <button type="submit" class="bg-white hover:bg-gray-100 text-blue-800 font-bold py-3 px-8 rounded-lg transition duration-300 w-full">
394
+ Enviar Mensagem <i class="fas fa-paper-plane ml-2"></i>
395
+ </button>
396
+ </div>
397
+ </form>
398
+ </div>
399
+ <div class="md:w-1/2 md:pl-10">
400
+ <div class="bg-blue-800 bg-opacity-30 p-8 rounded-xl border border-blue-400 h-full">
401
+ <h3 class="text-2xl font-bold mb-6">Informações de Contato</h3>
402
+
403
+ <div class="space-y-6">
404
+ <div class="flex items-start">
405
+ <div class="text-blue-300 text-xl mr-4 mt-1">
406
+ <i class="fas fa-map-marker-alt"></i>
407
+ </div>
408
+ <div>
409
+ <h4 class="font-semibold mb-1">Endereço</h4>
410
+ <p>Rua Exemplo, 123 - Centro<br>CEP 00000-000 - Cidade/UF</p>
411
+ </div>
412
+ </div>
413
+ <div class="flex items-start">
414
+ <div class="text-blue-300 text-xl mr-4 mt-1">
415
+ <i class="fas fa-phone-alt"></i>
416
+ </div>
417
+ <div>
418
+ <h4 class="font-semibold mb-1">Telefone</h4>
419
+ <p>(00) 0000-0000<br>(00) 90000-0000 (WhatsApp)</p>
420
+ </div>
421
+ </div>
422
+ <div class="flex items-start">
423
+ <div class="text-blue-300 text-xl mr-4 mt-1">
424
+ <i class="fas fa-envelope"></i>
425
+ </div>
426
+ <div>
427
+ <h4 class="font-semibold mb-1">E-mail</h4>
428
+ <p>contato@adsoftsistemas.com.br<br>suporte@adsoftsistemas.com.br</p>
429
+ </div>
430
+ </div>
431
+ <div class="flex items-start">
432
+ <div class="text-blue-300 text-xl mr-4 mt-1">
433
+ <i class="fas fa-clock"></i>
434
+ </div>
435
+ <div>
436
+ <h4 class="font-semibold mb-1">Horário de Atendimento</h4>
437
+ <p>Segunda a Sexta: 08:00 às 18:00<br>Sábado: 08:00 às 12:00</p>
438
+ </div>
439
+ </div>
440
+ </div>
441
+
442
+ <div class="mt-8">
443
+ <h4 class="font-semibold mb-4">Siga-nos</h4>
444
+ <div class="flex space-x-4">
445
+ <a href="#" class="bg-blue-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition">
446
+ <i class="fab fa-facebook-f"></i>
447
+ </a>
448
+ <a href="#" class="bg-blue-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition">
449
+ <i class="fab fa-instagram"></i>
450
+ </a>
451
+ <a href="#" class="bg-blue-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition">
452
+ <i class="fab fa-linkedin-in"></i>
453
+ </a>
454
+ <a href="#" class="bg-blue-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition">
455
+ <i class="fab fa-youtube"></i>
456
+ </a>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </section>
464
+
465
+ <!-- FAQ Section -->
466
+ <section class="py-16 bg-white">
467
+ <div class="container mx-auto px-4">
468
+ <div class="text-center mb-16">
469
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Perguntas <span class="text-blue-600">Frequentes</span></h2>
470
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Tire suas dúvidas sobre nossos sistemas</p>
471
+ </div>
472
+
473
+ <div class="max-w-3xl mx-auto">
474
+ <div class="space-y-4">
475
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
476
+ <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition">
477
+ <h3 class="text-lg font-semibold text-left">O SCV Mobile funciona sem internet?</h3>
478
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
479
+ </button>
480
+ <div class="faq-content hidden px-6 pb-6 pt-2">
481
+ <p class="text-gray-600">Sim, o SCV Mobile possui funcionalidade offline. Os vendedores podem realizar pedidos mesmo sem conexão com a internet, e os dados serão sincronizados automaticamente assim que o dispositivo se conectar novamente.</p>
482
+ </div>
483
+ </div>
484
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
485
+ <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition">
486
+ <h3 class="text-lg font-semibold text-left">Qual o tempo de implantação do sistema?</h3>
487
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
488
+ </button>
489
+ <div class="faq-content hidden px-6 pb-6 pt-2">
490
+ <p class="text-gray-600">O tempo de implantação varia conforme o tamanho da empresa e a complexidade dos processos. Em média, para uma empresa de pequeno porte, a implantação básica leva de 2 a 4 semanas, incluindo treinamento da equipe.</p>
491
+ </div>
492
+ </div>
493
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
494
+ <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition">
495
+ <h3 class="text-lg font-semibold text-left">Há custos adicionais após a compra?</h3>
496
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
497
+ </button>
498
+ <div class="faq-content hidden px-6 pb-6 pt-2">
499
+ <p class="text-gray-600">Oferecemos diferentes planos de manutenção e suporte, que são opcionais. O sistema em si não tem custos ocultos, mas recomendamos a contratação do plano de suporte para garantir atualizações e assistência técnica quando necessário.</p>
500
+ </div>
501
+ </div>
502
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
503
+ <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition">
504
+ <h3 class="text-lg font-semibold text-left">Posso migrar meus dados de outro sistema?</h3>
505
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
506
+ </button>
507
+ <div class="faq-content hidden px-6 pb-6 pt-2">
508
+ <p class="text-gray-600">Sim, nossa equipe pode auxiliar na migração de dados de outros sistemas. A complexidade e o tempo necessário dependem do volume de dados e do formato em que estão armazenados atualmente.</p>
509
+ </div>
510
+ </div>
511
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
512
+ <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition">
513
+ <h3 class="text-lg font-semibold text-left">O sistema atende a legislação fiscal brasileira?</h3>
514
+ <i class="fas fa-chevron-down text-blue-600 transition-transform"></i>
515
+ </button>
516
+
517
+ </html>