Hugging Face's logo

Spaces:
ThinkFlux
/
thinkflux
Running

App Files
ThinkFlux commited on
Commit
010a66d
·
verified ·
1 Parent(s): bddf28f

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +34 -33
index.html CHANGED
@@ -48,6 +48,7 @@
48
  50% { transform: translateY(-15px); }
49
  100% { transform: translateY(0px); }
50
  }
 
51
  </style>
52
  </head>
53
  <body class="font-sans antialiased text-gray-800">
@@ -55,10 +56,9 @@
55
  <header class="bg-white shadow-sm sticky top-0 z-50">
56
  <div class="container mx-auto px-4 py-4 flex justify-between items-center">
57
  <div class="flex items-center">
58
- <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
59
- <i class="fas fa-bolt text-white text-xl"></i>
60
  </div>
61
- <span class="text-2xl font-bold text-secondary">Think<span class="text-primary">Flux</span></span>
62
  </div>
63
  <nav class="hidden md:flex space-x-8">
64
  <a href="#servicos" class="font-medium hover:text-primary transition">Serviços</a>
@@ -91,16 +91,16 @@
91
  </div>
92
  </div>
93
  <div class="md:w-1/2">
94
- <div class="hero-carousel relative overflow-hidden rounded-xl shadow-xl">
95
  <div class="flex transition-transform duration-500">
96
  <div class="flex-shrink-0 w-full">
97
- <img src="https://cdn-icons-png.flaticon.com/512/3271/3271597.png" alt="Automação de Negócios" class="w-full">
98
  </div>
99
  <div class="flex-shrink-0 w-full">
100
- <img src="https://cdn-icons-png.flaticon.com/512/2933/2933245.png" alt="Integração de Sistemas" class="w-full">
101
  </div>
102
  <div class="flex-shrink-0 w-full">
103
- <img src="https://cdn-icons-png.flaticon.com/512/1055/1055687.png" alt="Inteligência Artificial" class="w-full">
104
  </div>
105
  </div>
106
  <div class="absolute bottom-4 left-0 right-0 flex justify-center space-x-2">
@@ -210,31 +210,31 @@
210
  <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
211
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
212
  <h2 class="text-3xl md:text-4xl font-bold mb-6">Transformando Negócios com Tecnologia</h2>
213
- <p class="text-lg mb-6 opacity-90">
214
  Na ThinkFlux, acreditamos que a automação inteligente é a chave para escalar operações comerciais sem perder o toque humano.
215
- </p>
216
  <p class="text-lg mb-8 opacity-90">
217
- Nossas soluções são desenvolvidas para empresas que querem se destacar através da eficiência operacional e excelência no atendimento ao cliente.
218
  </p>
219
  <div class="flex space-x-4">
220
  <div class="bg-primary bg-opacity-20 p-4 rounded-lg">
221
- <h3 class="font-bold text-xl mb-2">+500</h3>
222
  <p class="opacity-90">Processos automatizados</p>
223
  </div>
224
- <div class="bg-primary bg-opacity-20 p-4 rounded-lg">
225
  <h3 class="font-bold text-xl mb-2">+200</h3>
226
  <p class="opacity-90">Clientes satisfeitos</p>
227
- </div>
228
  </div>
229
  </div>
230
- <div class="md:w-1/2">
231
- <img src="https://cdn-icons-png.flaticon.com/512/4052/4052984.png" alt="Sobre a ThinkFlux" class="w-full rounded-lg shadow-xl">
232
  </div>
233
  </div>
234
  </section>
235
 
236
  <!-- How It Works -->
237
- <section class="py-20 bg-white">
238
  <div class="container mx-auto px-4">
239
  <div class="text-center mb-16">
240
  <h2 class="text-3xl md:text-4xl font-bold text-secondary mb-4">Como Funciona</h2>
@@ -261,22 +261,23 @@
261
  </div>
262
  </div>
263
  </div>
264
-
265
- <!-- Step 2 -->
266
- <div class="flex flex-col md:flex-row items-center mb-16">
267
- <div class="md:w-1/2 order-2 md:pl-10">
268
- <h3 class="text-2xl font-bold text-secondary mb-3">2. Personalização</h3>
269
  <p class="text-gray-600">
270
  Desenvolvemos fluxos personalizados que se adaptam ao seu negócio e à sua forma de atender clientes.
271
  </p>
272
  </div>
273
- <div class="md:w-1/2 flex justify-center md:justify-end order-1 md:order-3 mb-6 md:mb-0">
274
  <div class="w-16 h-16 rounded-full bg-secondary text-white flex items-center justify-center text-2xl font-bold shadow-lg">
275
  2
276
  </div>
277
  </div>
278
  </div>
279
 
 
280
  <!-- Step 3 -->
281
  <div class="flex flex-col md:flex-row items-center mb-16">
282
  <div class="md:w-1/2 md:pr-10 mb-6 md:mb-0 md:text-right">
@@ -292,20 +293,21 @@
292
  </div>
293
  </div>
294
 
295
- <!-- Step 4 -->
296
- <div class="flex flex-col md:flex-row items-center">
297
- <div class="md:w-1/2 order-2 md:pl-10">
298
- <h3 class="text-2xl font-bold text-secondary mb-3">4. Otimização</h3>
299
  <p class="text-gray-600">
300
  Monitoramos os resultados e ajustamos continuamente para melhorar performance e satisfação dos clientes.
301
  </p>
302
  </div>
303
- <div class="md:w-1/2 flex justify-center md:justify-end order-1 md:order-3 mb-6 md:mb-0">
304
  <div class="w-16 h-16 rounded-full bg-secondary text-white flex items-center justify-center text-2xl font-bold shadow-lg">
305
  4
306
  </div>
307
  </div>
308
  </div>
 
309
  </div>
310
  </div>
311
  </section>
@@ -512,13 +514,12 @@
512
  <div class="flex flex-col md:flex-row justify-between items-center">
513
  <div class="mb-6 md:mb-0">
514
  <div class="flex items-center">
515
- <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
516
- <i class="fas fa-bolt text-white text-xl"></i>
517
  </div>
518
- <span class="text-2xl font-bold">Think<span class="text-primary">Flux</span></span>
519
  </div>
520
  <p class="mt-4 text-gray-300 max-w-md">
521
- Conectamos WhatsApp, calendários e emails com agentes de atendimento automatizado para transformar sua operação comercial
522
  </p>
523
  </div>
524
 
@@ -552,7 +553,7 @@
552
  </div>
553
 
554
  <div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400">
555
- <p>&copy; 2023 ThinkFlux. Todos os direitos reservados.</p>
556
  </div>
557
  </div>
558
  </footer>
@@ -743,5 +744,5 @@
743
  });
744
  });
745
  </script>
746
- <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://deepsite.hf.co/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://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=ThinkFlux/thinkflux" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
747
  </html>
 
48
  50% { transform: translateY(-15px); }
49
  100% { transform: translateY(0px); }
50
  }
51
+
52
  </style>
53
  </head>
54
  <body class="font-sans antialiased text-gray-800">
 
56
  <header class="bg-white shadow-sm sticky top-0 z-50">
57
  <div class="container mx-auto px-4 py-4 flex justify-between items-center">
58
  <div class="flex items-center">
59
+ <div class="w-30 h-14 mr-3">
60
+ <img src="src/logo.png" alt="ThinkFlux Logo" class="w-full h-full object-contain">
61
  </div>
 
62
  </div>
63
  <nav class="hidden md:flex space-x-8">
64
  <a href="#servicos" class="font-medium hover:text-primary transition">Serviços</a>
 
91
  </div>
92
  </div>
93
  <div class="md:w-1/2">
94
+ <div class="hero-carousel relative overflow-hidden ">
95
  <div class="flex transition-transform duration-500">
96
  <div class="flex-shrink-0 w-full">
97
+ <img src="src/foto1.png" alt="Automação de Negócios" class="w-full">
98
  </div>
99
  <div class="flex-shrink-0 w-full">
100
+ <img src="src/foto2.png" alt="Integração de Sistemas" class="w-full">
101
  </div>
102
  <div class="flex-shrink-0 w-full">
103
+ <img src="src/foto3.png" alt="Inteligência Artificial" class="w-full" border-radius: 50%>
104
  </div>
105
  </div>
106
  <div class="absolute bottom-4 left-0 right-0 flex justify-center space-x-2">
 
210
  <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
211
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
212
  <h2 class="text-3xl md:text-4xl font-bold mb-6">Transformando Negócios com Tecnologia</h2>
213
+ <!--<p class="text-lg mb-6 opacity-90">
214
  Na ThinkFlux, acreditamos que a automação inteligente é a chave para escalar operações comerciais sem perder o toque humano.
215
+ </p>-->
216
  <p class="text-lg mb-8 opacity-90">
217
+ Utilizamos as melhores ferramentas para automatizar a comunicação com clientes, desde o primeiro contato até o suporte pós-venda. Com inteligência artificial para analisar dados dessas e obter insights valiosos sobre o comportamento do consumidor. Contamos com as melhores inteligências artificiais para responder perguntas complexas e personalizar a experiência do cliente. Invista na automação e na análise de dados para aumentar a eficiência, reduzir custos, melhorar a satisfação do cliente e impulsionar o crescimento do seu negócio.
218
  </p>
219
  <div class="flex space-x-4">
220
  <div class="bg-primary bg-opacity-20 p-4 rounded-lg">
221
+ <h3 class="font-bold text-xl mb-2">+350</h3>
222
  <p class="opacity-90">Processos automatizados</p>
223
  </div>
224
+ <!--<div class="bg-primary bg-opacity-20 p-4 rounded-lg">
225
  <h3 class="font-bold text-xl mb-2">+200</h3>
226
  <p class="opacity-90">Clientes satisfeitos</p>
227
+ </div>-->
228
  </div>
229
  </div>
230
+ <div class="md:w-1/2 flex justify-center">
231
+ <img class="w-500 h-500 rounded-lg shadow-lg floating" src="src/tecnologias.png" alt="Sobre a ThinkFlux" width="500" height="600">
232
  </div>
233
  </div>
234
  </section>
235
 
236
  <!-- How It Works -->
237
+ <section class="py-20 bg-white">
238
  <div class="container mx-auto px-4">
239
  <div class="text-center mb-16">
240
  <h2 class="text-3xl md:text-4xl font-bold text-secondary mb-4">Como Funciona</h2>
 
261
  </div>
262
  </div>
263
  </div>
264
+
265
+ <!-- Step 2 -->
266
+ <div class="flex flex-col md:flex-row items-center mb-16">
267
+ <div class="md:w-1/2 md:pr-10 mb-6 md:mb-0 md:text-right">
268
+ <h3 class="text-2xl font-bold text-secondary mb-3">2. Diagnóstico</h3>
269
  <p class="text-gray-600">
270
  Desenvolvemos fluxos personalizados que se adaptam ao seu negócio e à sua forma de atender clientes.
271
  </p>
272
  </div>
273
+ <div class="md:w-1/2 flex justify-center md:justify-start">
274
  <div class="w-16 h-16 rounded-full bg-secondary text-white flex items-center justify-center text-2xl font-bold shadow-lg">
275
  2
276
  </div>
277
  </div>
278
  </div>
279
 
280
+
281
  <!-- Step 3 -->
282
  <div class="flex flex-col md:flex-row items-center mb-16">
283
  <div class="md:w-1/2 md:pr-10 mb-6 md:mb-0 md:text-right">
 
293
  </div>
294
  </div>
295
 
296
+ <!-- Step 4 -->
297
+ <div class="flex flex-col md:flex-row items-center mb-16">
298
+ <div class="md:w-1/2 md:pr-10 mb-6 md:mb-0 md:text-right">
299
+ <h3 class="text-2xl font-bold text-secondary mb-3">2. Diagnóstico</h3>
300
  <p class="text-gray-600">
301
  Monitoramos os resultados e ajustamos continuamente para melhorar performance e satisfação dos clientes.
302
  </p>
303
  </div>
304
+ <div class="md:w-1/2 flex justify-center md:justify-start">
305
  <div class="w-16 h-16 rounded-full bg-secondary text-white flex items-center justify-center text-2xl font-bold shadow-lg">
306
  4
307
  </div>
308
  </div>
309
  </div>
310
+
311
  </div>
312
  </div>
313
  </section>
 
514
  <div class="flex flex-col md:flex-row justify-between items-center">
515
  <div class="mb-6 md:mb-0">
516
  <div class="flex items-center">
517
+ <div class="w-15 h-15 flex items-center justify-center mr-4">
518
+ <img src="src/logobranco.png" class="fas fa-bolt text-white" width="250" height="300"></i>
519
  </div>
 
520
  </div>
521
  <p class="mt-4 text-gray-300 max-w-md">
522
+ Transforme sua operação: menos custos, vendas turbinadas e clientes satisfeitos. Simplifique, otimize e veja seu sucesso decolar com automações inteligentes!
523
  </p>
524
  </div>
525
 
 
553
  </div>
554
 
555
  <div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400">
556
+ <p>&copy; 2025 ThinkFlux. Todos os direitos reservados.</p>
557
  </div>
558
  </div>
559
  </footer>
 
744
  });
745
  });
746
  </script>
747
+
748
  </html>