Hugging Face's logo

Spaces:
xlorfx
/
lorf-ai
Running

App Files Community
xlorfx commited on
Commit
419fc0d
·
verified ·
1 Parent(s): 61297eb

Add 1 files

Browse files
Files changed (1) hide show
  1. index.html +261 -132
index.html CHANGED
@@ -167,6 +167,27 @@
167
  40% { transform: translateY(-20px) translateX(-50%); }
168
  60% { transform: translateY(-10px) translateX(-50%); }
169
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
170
  </style>
171
  </head>
172
  <body class="bg-dark text-light">
@@ -187,12 +208,12 @@
187
  <a href="#hero" class="nav-link active font-medium">Início</a>
188
  <a href="#solucoes" class="nav-link font-medium">Soluções</a>
189
  <a href="#diferenciais" class="nav-link font-medium">Diferenciais</a>
190
- <a href="#precos" class="nav-link font-medium">Planos</a>
191
  <a href="#contato" class="nav-link font-medium">Contato</a>
192
  </div>
193
 
194
  <div class="flex items-center space-x-4">
195
- <a href="#precos" class="px-6 py-2 font-medium accent-gradient text-dark rounded-full hover:opacity-90 transition pulse">
196
  Comece Agora
197
  </a>
198
  </div>
@@ -275,8 +296,8 @@
275
  <span>Alertas automáticos</span>
276
  </li>
277
  </ul>
278
- <a href="#precos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
279
- Ver planos <i class="fas fa-arrow-right ml-2"></i>
280
  </a>
281
  </div>
282
 
@@ -302,8 +323,8 @@
302
  <span>Integração fácil</span>
303
  </li>
304
  </ul>
305
- <a href="#precos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
306
- Ver planos <i class="fas fa-arrow-right ml-2"></i>
307
  </a>
308
  </div>
309
 
@@ -313,7 +334,7 @@
313
  </div>
314
  <h3 class="text-xl font-bold mb-3">Automação de Processos</h3>
315
  <p class="text-gray-300 mb-4">
316
- Reduza custos e aumente eficiência automatizando tarefas repetitivas e complexas.
317
  </p>
318
  <ul class="space-y-2 mb-6">
319
  <li class="flex items-center">
@@ -329,8 +350,8 @@
329
  <span>Integração com sistemas</span>
330
  </li>
331
  </ul>
332
- <a href="#precos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
333
- Ver planos <i class="fas fa-arrow-right ml-2"></i>
334
  </a>
335
  </div>
336
  </div>
@@ -408,6 +429,229 @@
408
  </div>
409
  </section>
410
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
411
  <!-- Depoimentos Section -->
412
  <section class="py-20 bg-gradient-to-b from-primary/10 to-dark">
413
  <div class="container mx-auto px-6">
@@ -428,7 +672,7 @@
428
  </div>
429
  </div>
430
  <p class="text-gray-300 mb-6">
431
- "A Lorf.ai revolucionou nossa operação. Em 30 dias já tínhamos resultados impressionantes na redução de custos e aumento de eficiência."
432
  </p>
433
  <div class="flex text-yellow-400">
434
  <i class="fas fa-star"></i>
@@ -450,7 +694,7 @@
450
  </div>
451
  </div>
452
  <p class="text-gray-300 mb-6">
453
- "Nossos chatbots agora resolvem 80% das solicitações de clientes sem intervenção humana. A economia foi imediata e a satisfação do cliente aumentou."
454
  </p>
455
  <div class="flex text-yellow-400">
456
  <i class="fas fa-star"></i>
@@ -472,7 +716,7 @@
472
  </div>
473
  </div>
474
  <p class="text-gray-300 mb-6">
475
- "As previsões de vendas da Lorf.ai têm uma precisão impressionante. Nos ajudou a otimizar estoques e reduzir desperdícios significativamente."
476
  </p>
477
  <div class="flex text-yellow-400">
478
  <i class="fas fa-star"></i>
@@ -486,121 +730,6 @@
486
  </div>
487
  </section>
488
 
489
- <!-- Preços Section -->
490
- <section id="precos" class="section bg-primary/10">
491
- <div class="container mx-auto px-6 py-20">
492
- <div class="text-center mb-16">
493
- <span class="inline-block px-4 py-1 bg-accent/10 text-accent rounded-full text-sm font-semibold mb-3">PLANOS</span>
494
- <h2 class="text-3xl md:text-4xl font-bold mb-4">Escolha o plano <span class="accent-text">ideal</span> para você</h2>
495
- <p class="text-xl text-gray-300 max-w-3xl mx-auto">
496
- Soluções flexíveis para empresas de todos os tamanhos.
497
- </p>
498
- </div>
499
-
500
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
501
- <div class="highlight-card p-8 rounded-xl">
502
- <h3 class="text-xl font-bold mb-2">Básico</h3>
503
- <p class="text-gray-300 mb-6">Ideal para pequenas empresas</p>
504
- <div class="mb-8">
505
- <span class="text-4xl font-bold">R$499</span>
506
- <span class="text-gray-400">/mês</span>
507
- </div>
508
- <ul class="space-y-3 mb-8">
509
- <li class="flex items-center">
510
- <i class="fas fa-check text-accent mr-2"></i>
511
- <span>1 Solução de IA</span>
512
- </li>
513
- <li class="flex items-center">
514
- <i class="fas fa-check text-accent mr-2"></i>
515
- <span>Até 1.000 interações/mês</span>
516
- </li>
517
- <li class="flex items-center">
518
- <i class="fas fa-check text-accent mr-2"></i>
519
- <span>Suporte por email</span>
520
- </li>
521
- <li class="flex items-center text-gray-500">
522
- <i class="fas fa-times mr-2"></i>
523
- <span>Treinamento personalizado</span>
524
- </li>
525
- </ul>
526
- <a href="#" class="block w-full py-3 text-center border-2 border-accent text-accent font-bold rounded-lg hover:bg-accent hover:text-dark transition">
527
- Começar
528
- </a>
529
- </div>
530
-
531
- <div class="highlight-card p-8 rounded-xl border-2 border-accent relative">
532
- <div class="absolute top-0 right-0 bg-accent text-dark px-3 py-1 text-xs font-bold rounded-bl-lg rounded-tr-lg">
533
- MAIS POPULAR
534
- </div>
535
- <h3 class="text-xl font-bold mb-2">Profissional</h3>
536
- <p class="text-gray-300 mb-6">Para empresas em crescimento</p>
537
- <div class="mb-8">
538
- <span class="text-4xl font-bold">R$1.299</span>
539
- <span class="text-gray-400">/mês</span>
540
- </div>
541
- <ul class="space-y-3 mb-8">
542
- <li class="flex items-center">
543
- <i class="fas fa-check text-accent mr-2"></i>
544
- <span>Até 3 Soluções de IA</span>
545
- </li>
546
- <li class="flex items-center">
547
- <i class="fas fa-check text-accent mr-2"></i>
548
- <span>Até 10.000 interações/mês</span>
549
- </li>
550
- <li class="flex items-center">
551
- <i class="fas fa-check text-accent mr-2"></i>
552
- <span>Suporte prioritário</span>
553
- </li>
554
- <li class="flex items-center">
555
- <i class="fas fa-check text-accent mr-2"></i>
556
- <span>Treinamento básico</span>
557
- </li>
558
- </ul>
559
- <a href="#" class="block w-full py-3 text-center accent-gradient text-dark font-bold rounded-lg hover:opacity-90 transition">
560
- Começar
561
- </a>
562
- </div>
563
-
564
- <div class="highlight-card p-8 rounded-xl">
565
- <h3 class="text-xl font-bold mb-2">Empresarial</h3>
566
- <p class="text-gray-300 mb-6">Para grandes organizações</p>
567
- <div class="mb-8">
568
- <span class="text-4xl font-bold">R$2.999</span>
569
- <span class="text-gray-400">/mês</span>
570
- </div>
571
- <ul class="space-y-3 mb-8">
572
- <li class="flex items-center">
573
- <i class="fas fa-check text-accent mr-2"></i>
574
- <span>Soluções ilimitadas</span>
575
- </li>
576
- <li class="flex items-center">
577
- <i class="fas fa-check text-accent mr-2"></i>
578
- <span>Interações ilimitadas</span>
579
- </li>
580
- <li class="flex items-center">
581
- <i class="fas fa-check text-accent mr-2"></i>
582
- <span>Suporte 24/7</span>
583
- </li>
584
- <li class="flex items-center">
585
- <i class="fas fa-check text-accent mr-2"></i>
586
- <span>Treinamento personalizado</span>
587
- </li>
588
- </ul>
589
- <a href="#" class="block w-full py-3 text-center border-2 border-accent text-accent font-bold rounded-lg hover:bg-accent hover:text-dark transition">
590
- Começar
591
- </a>
592
- </div>
593
- </div>
594
-
595
- <div class="text-center mt-12">
596
- <p class="text-gray-300 mb-6">Precisa de um plano personalizado?</p>
597
- <a href="#contato" class="inline-block px-8 py-3 border-2 border-accent text-accent font-bold rounded-lg hover:bg-accent hover:text-dark transition">
598
- Fale com nosso time
599
- </a>
600
- </div>
601
- </div>
602
- </section>
603
-
604
  <!-- Contato Section -->
605
  <section id="contato" class="section bg-gradient-to-b from-primary/10 to-dark">
606
  <div class="container mx-auto px-6 py-20">
@@ -712,12 +841,12 @@
712
  </div>
713
 
714
  <div>
715
- <h3 class="text-lg font-bold mb-6 text-accent">Recursos</h3>
716
  <ul class="space-y-3">
717
- <li><a href="#" class="text-gray-300 hover:text-accent transition">Documentação</a></li>
718
- <li><a href="#" class="text-gray-300 hover:text-accent transition">Tutoriais</a></li>
719
- <li><a href="#" class="text-gray-300 hover:text-accent transition">Blog</a></li>
720
- <li><a href="#" class="text-gray-300 hover:text-accent transition">Webinars</a></li>
721
  </ul>
722
  </div>
723
 
 
167
  40% { transform: translateY(-20px) translateX(-50%); }
168
  60% { transform: translateY(-10px) translateX(-50%); }
169
  }
170
+
171
+ .model-card {
172
+ transition: all 0.3s ease;
173
+ }
174
+
175
+ .model-card:hover {
176
+ transform: translateY(-5px);
177
+ box-shadow: 0 10px 25px rgba(14, 246, 204, 0.2);
178
+ }
179
+
180
+ .popular-badge {
181
+ position: absolute;
182
+ top: -12px;
183
+ right: 20px;
184
+ background: linear-gradient(90deg, #0EF6CC, #7B61FF);
185
+ color: #0F111A;
186
+ padding: 4px 12px;
187
+ border-radius: 20px;
188
+ font-size: 12px;
189
+ font-weight: bold;
190
+ }
191
  </style>
192
  </head>
193
  <body class="bg-dark text-light">
 
208
  <a href="#hero" class="nav-link active font-medium">Início</a>
209
  <a href="#solucoes" class="nav-link font-medium">Soluções</a>
210
  <a href="#diferenciais" class="nav-link font-medium">Diferenciais</a>
211
+ <a href="#modelos" class="nav-link font-medium">Modelos</a>
212
  <a href="#contato" class="nav-link font-medium">Contato</a>
213
  </div>
214
 
215
  <div class="flex items-center space-x-4">
216
+ <a href="#modelos" class="px-6 py-2 font-medium accent-gradient text-dark rounded-full hover:opacity-90 transition pulse">
217
  Comece Agora
218
  </a>
219
  </div>
 
296
  <span>Alertas automáticos</span>
297
  </li>
298
  </ul>
299
+ <a href="#modelos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
300
+ Ver modelos <i class="fas fa-arrow-right ml-2"></i>
301
  </a>
302
  </div>
303
 
 
323
  <span>Integração fácil</span>
324
  </li>
325
  </ul>
326
+ <a href="#modelos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
327
+ Ver modelos <i class="fas fa-arrow-right ml-2"></i>
328
  </a>
329
  </div>
330
 
 
334
  </div>
335
  <h3 class="text-xl font-bold mb-3">Automação de Processos</h3>
336
  <p class="text-gray-300 mb-4">
337
+ Reduza custos and aumente eficiência automatizando tarefas repetitivas e complexas.
338
  </p>
339
  <ul class="space-y-2 mb-6">
340
  <li class="flex items-center">
 
350
  <span>Integração com sistemas</span>
351
  </li>
352
  </ul>
353
+ <a href="#modelos" class="text-accent hover:text-accent2 transition flex items-center font-medium">
354
+ Ver modelos <i class="fas fa-arrow-right ml-2"></i>
355
  </a>
356
  </div>
357
  </div>
 
429
  </div>
430
  </section>
431
 
432
+ <!-- Modelos SaaS Section -->
433
+ <section id="modelos" class="section bg-gradient-to-b from-primary/10 to-dark">
434
+ <div class="container mx-auto px-6 py-20">
435
+ <div class="text-center mb-16">
436
+ <span class="inline-block px-4 py-1 bg-accent/10 text-accent rounded-full text-sm font-semibold mb-3">MODELOS SaaS</span>
437
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Nossos <span class="accent-text">Modelos de IA</span> prontos para uso</h2>
438
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
439
+ Escolha entre nossos modelos especializados e comece a usar imediatamente.
440
+ </p>
441
+ </div>
442
+
443
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
444
+ <!-- Modelo 1 -->
445
+ <div class="highlight-card model-card p-6 rounded-xl relative">
446
+ <div class="flex items-start justify-between mb-4">
447
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
448
+ <i class="fas fa-comments text-xl text-accent"></i>
449
+ </div>
450
+ <span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-xs font-semibold">VENDAS</span>
451
+ </div>
452
+ <h3 class="text-xl font-bold mb-3">Assistente de Vendas</h3>
453
+ <p class="text-gray-300 mb-4 text-sm">
454
+ Chatbot especializado em qualificar leads e agendar reuniões automaticamente.
455
+ </p>
456
+ <div class="flex items-center justify-between mt-6">
457
+ <span class="text-2xl font-bold">R$799<span class="text-sm text-gray-400">/mês</span></span>
458
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
459
+ Contratar
460
+ </a>
461
+ </div>
462
+ </div>
463
+
464
+ <!-- Modelo 2 -->
465
+ <div class="highlight-card model-card p-6 rounded-xl relative">
466
+ <div class="popular-badge">POPULAR</div>
467
+ <div class="flex items-start justify-between mb-4">
468
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
469
+ <i class="fas fa-headset text-xl text-accent2"></i>
470
+ </div>
471
+ <span class="px-3 py-1 bg-accent2/10 text-accent2 rounded-full text-xs font-semibold">ATENDIMENTO</span>
472
+ </div>
473
+ <h3 class="text-xl font-bold mb-3">Atendente Virtual 24/7</h3>
474
+ <p class="text-gray-300 mb-4 text-sm">
475
+ Resolve 80% das solicitações de clientes sem intervenção humana.
476
+ </p>
477
+ <div class="flex items-center justify-between mt-6">
478
+ <span class="text-2xl font-bold">R$1.299<span class="text-sm text-gray-400">/mês</span></span>
479
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
480
+ Contratar
481
+ </a>
482
+ </div>
483
+ </div>
484
+
485
+ <!-- Modelo 3 -->
486
+ <div class="highlight-card model-card p-6 rounded-xl relative">
487
+ <div class="flex items-start justify-between mb-4">
488
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
489
+ <i class="fas fa-chart-bar text-xl text-accent"></i>
490
+ </div>
491
+ <span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-xs font-semibold">ANÁLISE</span>
492
+ </div>
493
+ <h3 class="text-xl font-bold mb-3">Analista de Mercado</h3>
494
+ <p class="text-gray-300 mb-4 text-sm">
495
+ Monitora tendências e concorrência com relatórios semanais automáticos.
496
+ </p>
497
+ <div class="flex items-center justify-between mt-6">
498
+ <span class="text-2xl font-bold">R$1.499<span class="text-sm text-gray-400">/mês</span></span>
499
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
500
+ Contratar
501
+ </a>
502
+ </div>
503
+ </div>
504
+
505
+ <!-- Modelo 4 -->
506
+ <div class="highlight-card model-card p-6 rounded-xl relative">
507
+ <div class="flex items-start justify-between mb-4">
508
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
509
+ <i class="fas fa-file-invoice-dollar text-xl text-accent2"></i>
510
+ </div>
511
+ <span class="px-3 py-1 bg-accent2/10 text-accent2 rounded-full text-xs font-semibold">FINANÇAS</span>
512
+ </div>
513
+ <h3 class="text-xl font-bold mb-3">Assistente Financeiro</h3>
514
+ <p class="text-gray-300 mb-4 text-sm">
515
+ Analisa fluxo de caixa e prevê receitas/despesas com 95% de precisão.
516
+ </p>
517
+ <div class="flex items-center justify-between mt-6">
518
+ <span class="text-2xl font-bold">R$1.899<span class="text-sm text-gray-400">/mês</span></span>
519
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
520
+ Contratar
521
+ </a>
522
+ </div>
523
+ </div>
524
+
525
+ <!-- Modelo 5 -->
526
+ <div class="highlight-card model-card p-6 rounded-xl relative">
527
+ <div class="flex items-start justify-between mb-4">
528
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
529
+ <i class="fas fa-robot text-xl text-accent"></i>
530
+ </div>
531
+ <span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-xs font-semibold">RH</span>
532
+ </div>
533
+ <h3 class="text-xl font-bold mb-3">Recrutador Inteligente</h3>
534
+ <p class="text-gray-300 mb-4 text-sm">
535
+ Triagem automática de currículos e agendamento de entrevistas.
536
+ </p>
537
+ <div class="flex items-center justify-between mt-6">
538
+ <span class="text-2xl font-bold">R$1.199<span class="text-sm text-gray-400">/mês</span></span>
539
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
540
+ Contratar
541
+ </a>
542
+ </div>
543
+ </div>
544
+
545
+ <!-- Modelo 6 -->
546
+ <div class="highlight-card model-card p-6 rounded-xl relative">
547
+ <div class="flex items-start justify-between mb-4">
548
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
549
+ <i class="fas fa-shopping-cart text-xl text-accent2"></i>
550
+ </div>
551
+ <span class="px-3 py-1 bg-accent2/10 text-accent2 rounded-full text-xs font-semibold">E-COMMERCE</span>
552
+ </div>
553
+ <h3 class="text-xl font-bold mb-3">Personalizador de Experiência</h3>
554
+ <p class="text-gray-300 mb-4 text-sm">
555
+ Recomenda produtos e ofertas personalizadas para cada cliente.
556
+ </p>
557
+ <div class="flex items-center justify-between mt-6">
558
+ <span class="text-2xl font-bold">R$1.599<span class="text-sm text-gray-400">/mês</span></span>
559
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
560
+ Contratar
561
+ </a>
562
+ </div>
563
+ </div>
564
+
565
+ <!-- Modelo 7 -->
566
+ <div class="highlight-card model-card p-6 rounded-xl relative">
567
+ <div class="flex items-start justify-between mb-4">
568
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
569
+ <i class="fas fa-language text-xl text-accent"></i>
570
+ </div>
571
+ <span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-xs font-semibold">TRADUÇÃO</span>
572
+ </div>
573
+ <h3 class="text-xl font-bold mb-3">Tradutor Corporativo</h3>
574
+ <p class="text-gray-300 mb-4 text-sm">
575
+ Tradução automática de documentos e comunicações em 15 idiomas.
576
+ </p>
577
+ <div class="flex items-center justify-between mt-6">
578
+ <span class="text-2xl font-bold">R$899<span class="text-sm text-gray-400">/mês</span></span>
579
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
580
+ Contratar
581
+ </a>
582
+ </div>
583
+ </div>
584
+
585
+ <!-- Modelo 8 -->
586
+ <div class="highlight-card model-card p-6 rounded-xl relative">
587
+ <div class="flex items-start justify-between mb-4">
588
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
589
+ <i class="fas fa-file-alt text-xl text-accent2"></i>
590
+ </div>
591
+ <span class="px-3 py-1 bg-accent2/10 text-accent2 rounded-full text-xs font-semibold">DOCUMENTOS</span>
592
+ </div>
593
+ <h3 class="text-xl font-bold mb-3">Processador de Contratos</h3>
594
+ <p class="text-gray-300 mb-4 text-sm">
595
+ Extrai e analisa cláusulas críticas de contratos automaticamente.
596
+ </p>
597
+ <div class="flex items-center justify-between mt-6">
598
+ <span class="text-2xl font-bold">R$1.299<span class="text-sm text-gray-400">/mês</span></span>
599
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
600
+ Contratar
601
+ </a>
602
+ </div>
603
+ </div>
604
+
605
+ <!-- Modelo 9 -->
606
+ <div class="highlight-card model-card p-6 rounded-xl relative">
607
+ <div class="flex items-start justify-between mb-4">
608
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
609
+ <i class="fas fa-bullhorn text-xl text-accent"></i>
610
+ </div>
611
+ <span class="px-3 py-1 bg-accent/10 text-accent rounded-full text-xs font-semibold">MARKETING</span>
612
+ </div>
613
+ <h3 class="text-xl font-bold mb-3">Gerador de Conteúdo</h3>
614
+ <p class="text-gray-300 mb-4 text-sm">
615
+ Cria posts, emails e anúncios otimizados para cada público-alvo.
616
+ </p>
617
+ <div class="flex items-center justify-between mt-6">
618
+ <span class="text-2xl font-bold">R$999<span class="text-sm text-gray-400">/mês</span></span>
619
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
620
+ Contratar
621
+ </a>
622
+ </div>
623
+ </div>
624
+
625
+ <!-- Modelo 10 -->
626
+ <div class="highlight-card model-card p-6 rounded-xl relative">
627
+ <div class="flex items-start justify-between mb-4">
628
+ <div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4">
629
+ <i class="fas fa-chart-pie text-xl text-accent2"></i>
630
+ </div>
631
+ <span class="px-3 py-1 bg-accent2/10 text-accent2 rounded-full text-xs font-semibold">BI</span>
632
+ </div>
633
+ <h3 class="text-xl font-bold mb-3">Analista de Dados</h3>
634
+ <p class="text-gray-300 mb-4 text-sm">
635
+ Transforma dados brutos em insights acionáveis com relatórios automáticos.
636
+ </p>
637
+ <div class="flex items-center justify-between mt-6">
638
+ <span class="text-2xl font-bold">R$2.199<span class="text-sm text-gray-400">/mês</span></span>
639
+ <a href="#contato" class="px-4 py-2 bg-accent/10 text-accent rounded-lg hover:bg-accent/20 transition">
640
+ Contratar
641
+ </a>
642
+ </div>
643
+ </div>
644
+ </div>
645
+
646
+ <div class="text-center mt-16">
647
+ <p class="text-gray-300 mb-6">Precisa de um modelo personalizado para seu negócio?</p>
648
+ <a href="#contato" class="inline-block px-8 py-3 border-2 border-accent text-accent font-bold rounded-lg hover:bg-accent hover:text-dark transition">
649
+ Fale com nosso time
650
+ </a>
651
+ </div>
652
+ </div>
653
+ </section>
654
+
655
  <!-- Depoimentos Section -->
656
  <section class="py-20 bg-gradient-to-b from-primary/10 to-dark">
657
  <div class="container mx-auto px-6">
 
672
  </div>
673
  </div>
674
  <p class="text-gray-300 mb-6">
675
+ "O Assistente de Vendas da Lorf.ai qualificou 40% mais leads em apenas 2 meses, com muito menos esforço da equipe."
676
  </p>
677
  <div class="flex text-yellow-400">
678
  <i class="fas fa-star"></i>
 
694
  </div>
695
  </div>
696
  <p class="text-gray-300 mb-6">
697
+ "Nosso Atendente Virtual reduziu em 65% o tempo de resposta aos clientes, aumentando a satisfação em 30%."
698
  </p>
699
  <div class="flex text-yellow-400">
700
  <i class="fas fa-star"></i>
 
716
  </div>
717
  </div>
718
  <p class="text-gray-300 mb-6">
719
+ "O Analista de Dados nos fornece insights semanais que antes levavam 20 horas de trabalho manual para produzir."
720
  </p>
721
  <div class="flex text-yellow-400">
722
  <i class="fas fa-star"></i>
 
730
  </div>
731
  </section>
732
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
733
  <!-- Contato Section -->
734
  <section id="contato" class="section bg-gradient-to-b from-primary/10 to-dark">
735
  <div class="container mx-auto px-6 py-20">
 
841
  </div>
842
 
843
  <div>
844
+ <h3 class="text-lg font-bold mb-6 text-accent">Modelos</h3>
845
  <ul class="space-y-3">
846
+ <li><a href="#" class="text-gray-300 hover:text-accent transition">Assistente de Vendas</a></li>
847
+ <li><a href="#" class="text-gray-300 hover:text-accent transition">Atendente Virtual</a></li>
848
+ <li><a href="#" class="text-gray-300 hover:text-accent transition">Analista de Dados</a></li>
849
+ <li><a href="#" class="text-gray-300 hover:text-accent transition">Gerador de Conteúdo</a></li>
850
  </ul>
851
  </div>
852