diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -3,13 +3,19 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI Security Auditor | Teste de Segurança para Aplicações IA</title>
+    <title>AI Shield SaaS | Plataforma Profissional de Segurança para Aplicações IA</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
             background: linear-gradient(135deg, #6b21a8 0%, #1e40af 100%);
         }
+        .dashboard-bg {
+            background-color: #f8fafc;
+        }
+        .sidebar-bg {
+            background-color: #1e293b;
+        }
         .security-card:hover {
             transform: translateY(-5px);
             box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
@@ -28,569 +34,1279 @@
             color: #f8fafc;
             border-radius: 0.5rem;
         }
+        .plan-card:hover {
+            transform: scale(1.03);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .tier-pro {
+            border: 2px solid #8b5cf6;
+        }
+        .tier-enterprise {
+            border: 2px solid #10b981;
+        }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
-    <!-- Header -->
-    <header class="gradient-bg text-white shadow-lg">
-        <div class="container mx-auto px-4 py-6">
-            <div class="flex justify-between items-center">
-                <div class="flex items-center space-x-2">
-                    <i class="fas fa-shield-alt text-3xl"></i>
-                    <h1 class="text-2xl font-bold">AI Security Auditor</h1>
+    <!-- Public Landing Page -->
+    <div id="landingPage">
+        <!-- Header -->
+        <header class="gradient-bg text-white shadow-lg">
+            <div class="container mx-auto px-4 py-4">
+                <div class="flex justify-between items-center">
+                    <div class="flex items-center space-x-2">
+                        <i class="fas fa-shield-alt text-3xl"></i>
+                        <h1 class="text-2xl font-bold">AI Shield SaaS</h1>
+                    </div>
+                    <nav class="hidden md:flex space-x-6 items-center">
+                        <a href="#features" class="hover:text-purple-200 transition">Recursos</a>
+                        <a href="#pricing" class="hover:text-purple-200 transition">Planos</a>
+                        <a href="#testimonials" class="hover:text-purple-200 transition">Clientes</a>
+                        <a href="#contact" class="hover:text-purple-200 transition">Contato</a>
+                        <a href="#" id="loginBtn" class="hover:text-purple-200 transition">Login</a>
+                        <a href="#" id="signupBtn" class="bg-white text-purple-800 hover:bg-purple-100 px-4 py-2 rounded-lg font-medium transition">Comece Agora</a>
+                    </nav>
+                    <button class="md:hidden text-2xl">
+                        <i class="fas fa-bars"></i>
+                    </button>
                 </div>
-                <nav class="hidden md:flex space-x-6">
-                    <a href="#features" class="hover:text-purple-200 transition">Recursos</a>
-                    <a href="#scanner" class="hover:text-purple-200 transition">Scanner</a>
-                    <a href="#results" class="hover:text-purple-200 transition">Resultados</a>
-                    <a href="#faq" class="hover:text-purple-200 transition">FAQ</a>
-                </nav>
-                <button class="md:hidden text-2xl">
-                    <i class="fas fa-bars"></i>
-                </button>
             </div>
-        </div>
-    </header>
+        </header>
 
-    <!-- Hero Section -->
-    <section class="gradient-bg text-white py-20">
-        <div class="container mx-auto px-4 text-center">
-            <h2 class="text-4xl md:text-5xl font-bold mb-6">Teste a Segurança de suas Aplicações IA</h2>
-            <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">
-                Identifique vulnerabilidades, vazamentos de dados e riscos de segurança em aplicações geradas por inteligência artificial.
-            </p>
-            <div class="flex flex-col md:flex-row justify-center gap-4">
-                <button id="startScanBtn" class="bg-white text-purple-800 hover:bg-purple-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105 pulse-animation">
-                    <i class="fas fa-play mr-2"></i> Iniciar Verificação
-                </button>
-                <button class="border-2 border-white hover:bg-white hover:text-purple-800 font-bold py-3 px-8 rounded-full text-lg transition">
-                    <i class="fas fa-book mr-2"></i> Saiba Mais
-                </button>
+        <!-- Hero Section -->
+        <section class="gradient-bg text-white py-20">
+            <div class="container mx-auto px-4 text-center">
+                <h2 class="text-4xl md:text-5xl font-bold mb-6">Segurança Profissional para suas Aplicações IA</h2>
+                <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">
+                    Plataforma SaaS completa para identificar e corrigir vulnerabilidades em aplicações de inteligência artificial.
+                </p>
+                <div class="flex flex-col md:flex-row justify-center gap-4">
+                    <button id="startFreeTrial" class="bg-white text-purple-800 hover:bg-purple-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105 pulse-animation">
+                        <i class="fas fa-rocket mr-2"></i> Teste Grátis por 14 dias
+                    </button>
+                    <button class="border-2 border-white hover:bg-white hover:text-purple-800 font-bold py-3 px-8 rounded-full text-lg transition">
+                        <i class="fas fa-play-circle mr-2"></i> Ver Demonstração
+                    </button>
+                </div>
+                <div class="mt-10 flex justify-center">
+                    <div class="bg-white/10 backdrop-blur-sm rounded-xl p-4 max-w-4xl">
+                        <div class="flex items-center justify-center space-x-4">
+                            <img src="https://via.placeholder.com/40" alt="Company Logo" class="h-10 rounded-full">
+                            <p class="text-sm md:text-base">"AI Shield nos ajudou a reduzir vulnerabilidades em 92% em nossa plataforma de chatbots"</p>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- Features Section -->
-    <section id="features" class="py-16 bg-white">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold text-center mb-12">Recursos Avançados de Segurança</h2>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <!-- Feature 1 -->
-                <div class="security-card bg-gray-50 p-6 rounded-xl shadow-md transition duration-300">
-                    <div class="text-purple-600 mb-4">
-                        <i class="fas fa-bug text-4xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Detecção de Vulnerabilidades</h3>
-                    <p class="text-gray-600">
-                        Identifica automaticamente vulnerabilidades comuns em aplicações IA como injeção de prompts, vazamento de dados e falhas de autenticação.
-                    </p>
+        <!-- Trusted By Section -->
+        <section class="py-12 bg-white">
+            <div class="container mx-auto px-4">
+                <p class="text-center text-gray-500 mb-8">TRUSTED BY INNOVATIVE COMPANIES WORLDWIDE</p>
+                <div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-center">
+                    <img src="https://via.placeholder.com/150x50?text=TechCorp" alt="TechCorp" class="h-8 opacity-60 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=AI+Solutions" alt="AI Solutions" class="h-10 opacity-60 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=DataMind" alt="DataMind" class="h-12 opacity-60 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Neural+Tech" alt="Neural Tech" class="h-10 opacity-60 mx-auto">
+                    <img src="https://via.placeholder.com/150x50?text=Cloud+AI" alt="Cloud AI" class="h-8 opacity-60 mx-auto">
                 </div>
+            </div>
+        </section>
+
+        <!-- Features Section -->
+        <section id="features" class="py-16 bg-gray-50">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold text-center mb-4">Recursos Empresariais</h2>
+                <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Tudo que você precisa para garantir a segurança de suas aplicações IA em escala</p>
                 
-                <!-- Feature 2 -->
-                <div class="security-card bg-gray-50 p-6 rounded-xl shadow-md transition duration-300">
-                    <div class="text-blue-600 mb-4">
-                        <i class="fas fa-lock text-4xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Análise de Modelos IA</h3>
-                    <p class="text-gray-600">
-                        Avalia os modelos de IA subjacentes para identificar vieses, comportamentos inesperados e riscos de segurança específicos de machine learning.
-                    </p>
+                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                    <!-- Feature 1 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-purple-600 mb-4">
+                            <i class="fas fa-robot text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Scanner Contínuo</h3>
+                        <p class="text-gray-600 mb-4">
+                            Monitoramento 24/7 de suas aplicações IA com alertas em tempo real para novas vulnerabilidades.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Verificação automática após cada deploy
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Histórico completo de vulnerabilidades
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Integração com CI/CD
+                            </li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Feature 2 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-blue-600 mb-4">
+                            <i class="fas fa-users-cog text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Gestão de Equipe</h3>
+                        <p class="text-gray-600 mb-4">
+                            Controle de acesso granular com RBAC (Role-Based Access Control) para sua equipe de segurança.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Múltiplos níveis de permissão
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                SSO (Single Sign-On)
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Auditoria de atividades
+                            </li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Feature 3 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-green-600 mb-4">
+                            <i class="fas fa-file-alt text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Compliance Automatizado</h3>
+                        <p class="text-gray-600 mb-4">
+                            Relatórios prontos para auditoria de conformidade com LGPD, GDPR, HIPAA e outros regulamentos.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Mapeamento de dados sensíveis
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Documentação automática
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Checklist de conformidade
+                            </li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Feature 4 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-red-600 mb-4">
+                            <i class="fas fa-project-diagram text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">API Completa</h3>
+                        <p class="text-gray-600 mb-4">
+                            Integre nossos scanners em seus fluxos de trabalho existentes com nossa API RESTful.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Documentação Swagger/OpenAPI
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                SDKs para múltiplas linguagens
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Webhooks para alertas
+                            </li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Feature 5 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-yellow-600 mb-4">
+                            <i class="fas fa-shield-virus text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Proteção em Tempo Real</h3>
+                        <p class="text-gray-600 mb-4">
+                            Firewall específico para aplicações IA que bloqueia tentativas de exploração em tempo real.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Mitigação de ataques DDoS
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Filtro de injeção de prompts
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Rate limiting inteligente
+                            </li>
+                        </ul>
+                    </div>
+                    
+                    <!-- Feature 6 -->
+                    <div class="security-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <div class="text-indigo-600 mb-4">
+                            <i class="fas fa-headset text-4xl"></i>
+                        </div>
+                        <h3 class="text-xl font-bold mb-3">Suporte Prioritário</h3>
+                        <p class="text-gray-600 mb-4">
+                            Nossa equipe de especialistas em segurança IA está disponível para ajudar quando você precisar.
+                        </p>
+                        <ul class="text-gray-600 space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                SLA de resposta de 1 hora
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Consultoria especializada
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                Treinamentos personalizados
+                            </li>
+                        </ul>
+                    </div>
                 </div>
+            </div>
+        </section>
+
+        <!-- Demo Video Section -->
+        <section class="py-16 bg-white">
+            <div class="container mx-auto px-4">
+                <div class="bg-gray-900 rounded-xl overflow-hidden">
+                    <div class="flex flex-col md:flex-row">
+                        <div class="md:w-1/2 p-8 md:p-12 text-white">
+                            <h2 class="text-3xl font-bold mb-4">Veja o AI Shield em Ação</h2>
+                            <p class="text-xl text-gray-300 mb-6">
+                                Nossa plataforma identificando e corrigindo vulnerabilidades em uma aplicação real de IA generativa.
+                            </p>
+                            <ul class="space-y-3 text-gray-300">
+                                <li class="flex items-center">
+                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
+                                    Demonstração completa da plataforma
+                                </li>
+                                <li class="flex items-center">
+                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
+                                    Fluxo de trabalho de correção
+                                </li>
+                                <li class="flex items-center">
+                                    <i class="fas fa-play-circle text-purple-400 mr-3"></i>
+                                    Painel de gestão de vulnerabilidades
+                                </li>
+                            </ul>
+                            <button class="mt-8 bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition flex items-center">
+                                <i class="fas fa-play mr-2"></i> Assistir Demonstração Completa
+                            </button>
+                        </div>
+                        <div class="md:w-1/2 bg-gray-800 flex items-center justify-center p-8">
+                            <div class="relative w-full h-64 md:h-full">
+                                <div class="absolute inset-0 bg-gray-700 rounded-lg flex items-center justify-center">
+                                    <i class="fas fa-play-circle text-5xl text-purple-400"></i>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Pricing Section -->
+        <section id="pricing" class="py-16 bg-gray-50">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold text-center mb-4">Planos Flexíveis para Cada Necessidade</h2>
+                <p class="text-xl text-center text-gray-600 mb-12 max-w-3xl mx-auto">Escolha o plano que melhor atende sua equipe e escala conforme suas necessidades</p>
                 
-                <!-- Feature 3 -->
-                <div class="security-card bg-gray-50 p-6 rounded-xl shadow-md transition duration-300">
-                    <div class="text-green-600 mb-4">
-                        <i class="fas fa-chart-line text-4xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Relatórios Detalhados</h3>
-                    <p class="text-gray-600">
-                        Gera relatórios completos com pontuação de risco, recomendações de correção e métricas de segurança comparativas.
-                    </p>
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
+                    <!-- Basic Plan -->
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300">
+                        <h3 class="text-xl font-bold mb-2">Starter</h3>
+                        <p class="text-gray-600 mb-6">Ideal para desenvolvedores individuais e pequenos projetos</p>
+                        <div class="mb-6">
+                            <span class="text-4xl font-bold">R$199</span>
+                            <span class="text-gray-600">/mês</span>
+                        </div>
+                        <ul class="space-y-3 mb-8">
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Até 5 aplicações
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                10.000 verificações/mês
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Scanner básico de vulnerabilidades
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Relatórios PDF
+                            </li>
+                            <li class="flex items-center text-gray-400">
+                                <i class="fas fa-times text-red-400 mr-2"></i>
+                                Suporte prioritário
+                            </li>
+                        </ul>
+                        <button class="w-full bg-gray-100 hover:bg-gray-200 text-gray-800 font-bold py-3 px-4 rounded-lg transition">
+                            Começar Agora
+                        </button>
+                    </div>
+                    
+                    <!-- Pro Plan -->
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300 tier-pro relative">
+                        <div class="absolute top-0 right-0 bg-purple-600 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">
+                            POPULAR
+                        </div>
+                        <h3 class="text-xl font-bold mb-2">Profissional</h3>
+                        <p class="text-gray-600 mb-6">Para equipes e projetos profissionais de IA</p>
+                        <div class="mb-6">
+                            <span class="text-4xl font-bold">R$799</span>
+                            <span class="text-gray-600">/mês</span>
+                        </div>
+                        <ul class="space-y-3 mb-8">
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Até 20 aplicações
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                50.000 verificações/mês
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Scanner avançado
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                API completa
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Suporte por email 24/7
+                            </li>
+                        </ul>
+                        <button class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                            Teste Grátis por 14 dias
+                        </button>
+                    </div>
+                    
+                    <!-- Enterprise Plan -->
+                    <div class="plan-card bg-white p-8 rounded-xl shadow-md transition duration-300 tier-enterprise">
+                        <h3 class="text-xl font-bold mb-2">Empresarial</h3>
+                        <p class="text-gray-600 mb-6">Solução completa para grandes organizações</p>
+                        <div class="mb-6">
+                            <span class="text-4xl font-bold">Sob Consulta</span>
+                        </div>
+                        <ul class="space-y-3 mb-8">
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Aplicações ilimitadas
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Verificações ilimitadas
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Scanner empresarial
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Compliance automatizado
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check text-green-500 mr-2"></i>
+                                Suporte dedicado 24/7
+                            </li>
+                        </ul>
+                        <button class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                            Fale com Nossa Equipe
+                        </button>
+                    </div>
+                </div>
+                
+                <div class="mt-12 bg-white rounded-xl shadow-md p-8 max-w-4xl mx-auto">
+                    <h3 class="text-xl font-bold mb-6 text-center">Todos os planos incluem:</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Atualizações de segurança</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Documentação completa</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Integração com GitHub/GitLab</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Alertas por email</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Dashboard básico</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-check-circle text-green-500 mr-3 text-xl"></i>
+                            <span>Suporte via chat</span>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- Scanner Section -->
-    <section id="scanner" class="py-16 bg-gray-100">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold text-center mb-12">Verificador de Segurança</h2>
-            
-            <div class="bg-white rounded-xl shadow-lg overflow-hidden max-w-4xl mx-auto">
-                <div class="p-6">
-                    <div class="flex flex-col md:flex-row gap-6">
-                        <div class="flex-1">
-                            <h3 class="text-xl font-semibold mb-4">Configuração do Teste</h3>
+        <!-- Testimonials Section -->
+        <section id="testimonials" class="py-16 bg-white">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold text-center mb-12">O que nossos clientes dizem</h2>
+                
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <!-- Testimonial 1 -->
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
+                            <div>
+                                <h4 class="font-bold">Carlos Silva</h4>
+                                <p class="text-gray-600 text-sm">CTO na TechInova</p>
+                            </div>
+                        </div>
+                        <div class="text-yellow-400 mb-4">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                        </div>
+                        <p class="text-gray-700 mb-4">
+                            "O AI Shield revolucionou nossa abordagem de segurança para aplicações IA. Identificamos e corrigimos vulnerabilidades críticas que nem sabíamos que existiam."
+                        </p>
+                        <p class="text-sm text-gray-500">2 meses atrás</p>
+                    </div>
+                    
+                    <!-- Testimonial 2 -->
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
+                            <div>
+                                <h4 class="font-bold">Ana Oliveira</h4>
+                                <p class="text-gray-600 text-sm">Líder de Segurança na DataMind</p>
+                            </div>
+                        </div>
+                        <div class="text-yellow-400 mb-4">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                        </div>
+                        <p class="text-gray-700 mb-4">
+                            "A integração contínua e os relatórios de compliance nos pouparam centenas de horas de trabalho manual. Agora passamos em auditorias com facilidade."
+                        </p>
+                        <p class="text-sm text-gray-500">5 meses atrás</p>
+                    </div>
+                    
+                    <!-- Testimonial 3 -->
+                    <div class="bg-gray-50 p-8 rounded-xl">
+                        <div class="flex items-center mb-4">
+                            <img src="https://via.placeholder.com/50" alt="Client" class="h-12 w-12 rounded-full mr-4">
+                            <div>
+                                <h4 class="font-bold">Roberto Santos</h4>
+                                <p class="text-gray-600 text-sm">Engenheiro de IA na NeuralSystems</p>
+                            </div>
+                        </div>
+                        <div class="text-yellow-400 mb-4">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star-half-alt"></i>
+                        </div>
+                        <p class="text-gray-700 mb-4">
+                            "O firewall específico para IA bloqueou tentativas de exploração que nossos sistemas tradicionais não detectariam. Um must-have para qualquer aplicação em produção."
+                        </p>
+                        <p class="text-sm text-gray-500">1 mês atrás</p>
+                    </div>
+                </div>
+                
+                <div class="mt-12 text-center">
+                    <button class="bg-white border-2 border-purple-600 text-purple-600 hover:bg-purple-50 font-bold py-3 px-8 rounded-lg transition">
+                        <i class="fas fa-book-open mr-2"></i> Ver Todos os Depoimentos
+                    </button>
+                </div>
+            </div>
+        </section>
+
+        <!-- CTA Section -->
+        <section class="gradient-bg text-white py-16">
+            <div class="container mx-auto px-4 text-center">
+                <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para levar a segurança de suas aplicações IA para o próximo nível?</h2>
+                <p class="text-xl mb-8 max-w-3xl mx-auto">
+                    Comece hoje mesmo e proteja suas aplicações contra as mais recentes ameaças específicas de inteligência artificial.
+                </p>
+                <div class="flex flex-col md:flex-row justify-center gap-4">
+                    <button id="startFreeTrialBottom" class="bg-white text-purple-800 hover:bg-purple-100 font-bold py-3 px-8 rounded-full text-lg transition-all transform hover:scale-105">
+                        <i class="fas fa-rocket mr-2"></i> Teste Grátis por 14 dias
+                    </button>
+                    <button class="border-2 border-white hover:bg-white hover:text-purple-800 font-bold py-3 px-8 rounded-full text-lg transition">
+                        <i class="fas fa-phone-alt mr-2"></i> Fale com um Especialista
+                    </button>
+                </div>
+            </div>
+        </section>
+
+        <!-- Contact Section -->
+        <section id="contact" class="py-16 bg-white">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold text-center mb-12">Entre em Contato</h2>
+                
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-5xl mx-auto">
+                    <div>
+                        <h3 class="text-xl font-bold mb-4">Informações de Contato</h3>
+                        <p class="text-gray-600 mb-6">
+                            Tem dúvidas sobre nossos produtos ou precisa de ajuda? Nossa equipe está pronta para ajudar.
+                        </p>
+                        
+                        <div class="space-y-4">
+                            <div class="flex items-start">
+                                <i class="fas fa-map-marker-alt text-purple-600 mt-1 mr-4"></i>
+                                <div>
+                                    <h4 class="font-bold">Endereço</h4>
+                                    <p class="text-gray-600">Av. Paulista, 1000 - São Paulo, SP</p>
+                                </div>
+                            </div>
                             
-                            <div class="mb-4">
-                                <label class="block text-gray-700 mb-2">Tipo de Aplicação</label>
-                                <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
-                                    <option>Chatbot/Assistente IA</option>
-                                    <option>Aplicação com Modelo Generativo</option>
-                                    <option>Sistema de Recomendação</option>
-                                    <option>Processamento de Linguagem Natural</option>
-                                    <option>Outro</option>
-                                </select>
+                            <div class="flex items-start">
+                                <i class="fas fa-envelope text-purple-600 mt-1 mr-4"></i>
+                                <div>
+                                    <h4 class="font-bold">Email</h4>
+                                    <p class="text-gray-600">contato@aishield.com.br</p>
+                                </div>
                             </div>
                             
-                            <div class="mb-4">
-                                <label class="block text-gray-700 mb-2">URL da Aplicação</label>
-                                <input type="text" placeholder="https://sua-aplicacao.com" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                            <div class="flex items-start">
+                                <i class="fas fa-phone-alt text-purple-600 mt-1 mr-4"></i>
+                                <div>
+                                    <h4 class="font-bold">Telefone</h4>
+                                    <p class="text-gray-600">(11) 1234-5678</p>
+                                </div>
                             </div>
                             
-                            <div class="mb-4">
-                                <label class="block text-gray-700 mb-2">Ou envie seu código</label>
-                                <div class="border-2 border-dashed border-gray-300 rounded-lg p-4 text-center cursor-pointer hover:bg-gray-50 transition">
-                                    <i class="fas fa-upload text-3xl text-gray-400 mb-2"></i>
-                                    <p class="text-gray-500">Arraste e solte arquivos aqui ou clique para selecionar</p>
-                                    <input type="file" class="hidden">
+                            <div class="flex items-start">
+                                <i class="fas fa-clock text-purple-600 mt-1 mr-4"></i>
+                                <div>
+                                    <h4 class="font-bold">Horário Comercial</h4>
+                                    <p class="text-gray-600">Seg-Sex: 9h às 18h</p>
                                 </div>
                             </div>
                         </div>
-                        
-                        <div class="flex-1">
-                            <h3 class="text-xl font-semibold mb-4">Testes de Segurança</h3>
+                    </div>
+                    
+                    <div>
+                        <h3 class="text-xl font-bold mb-4">Envie uma Mensagem</h3>
+                        <form class="space-y-4">
+                            <div>
+                                <label class="block text-gray-700 mb-2">Nome</label>
+                                <input type="text" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                            </div>
                             
-                            <div class="space-y-3">
-                                <label class="flex items-center space-x-3">
-                                    <input type="checkbox" checked class="rounded text-purple-500 focus:ring-purple-500">
-                                    <span>Teste de Injeção de Prompt</span>
-                                </label>
-                                
-                                <label class="flex items-center space-x-3">
-                                    <input type="checkbox" checked class="rounded text-purple-500 focus:ring-purple-500">
-                                    <span>Análise de Vazamento de Dados</span>
-                                </label>
-                                
-                                <label class="flex items-center space-x-3">
-                                    <input type="checkbox" checked class="rounded text-purple-500 focus:ring-purple-500">
-                                    <span>Verificação de Vieses</span>
-                                </label>
-                                
-                                <label class="flex items-center space-x-3">
-                                    <input type="checkbox" class="rounded text-purple-500 focus:ring-purple-500">
-                                    <span>Teste de Resistência a Ataques</span>
-                                </label>
-                                
-                                <label class="flex items-center space-x-3">
-                                    <input type="checkbox" class="rounded text-purple-500 focus:ring-purple-500">
-                                    <span>Análise de Compliance (LGPD/GDPR)</span>
-                                </label>
+                            <div>
+                                <label class="block text-gray-700 mb-2">Email</label>
+                                <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
                             </div>
                             
-                            <div class="mt-6">
-                                <label class="block text-gray-700 mb-2">Nível de Teste</label>
-                                <div class="flex items-center space-x-4">
-                                    <button class="px-4 py-2 bg-purple-100 text-purple-800 rounded-lg font-medium">Básico</button>
-                                    <button class="px-4 py-2 bg-purple-600 text-white rounded-lg font-medium">Padrão</button>
-                                    <button class="px-4 py-2 bg-purple-900 text-white rounded-lg font-medium">Avançado</button>
-                                </div>
+                            <div>
+                                <label class="block text-gray-700 mb-2">Assunto</label>
+                                <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                                    <option>Suporte Técnico</option>
+                                    <option>Vendas</option>
+                                    <option>Parcerias</option>
+                                    <option>Outro</option>
+                                </select>
+                            </div>
+                            
+                            <div>
+                                <label class="block text-gray-700 mb-2">Mensagem</label>
+                                <textarea rows="4" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500"></textarea>
                             </div>
                             
-                            <button id="runTestBtn" class="w-full mt-6 bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition flex items-center justify-center">
-                                <i class="fas fa-shield-alt mr-2"></i> Executar Testes de Segurança
+                            <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                                Enviar Mensagem
                             </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Footer -->
+        <footer class="bg-gray-900 text-white py-12">
+            <div class="container mx-auto px-4">
+                <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+                    <div>
+                        <h3 class="text-xl font-bold mb-4 flex items-center">
+                            <i class="fas fa-shield-alt mr-2"></i> AI Shield SaaS
+                        </h3>
+                        <p class="text-gray-400">
+                            A plataforma líder em segurança para aplicações de inteligência artificial.
+                        </p>
+                        <div class="flex space-x-4 mt-4">
+                            <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-twitter"></i></a>
+                            <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-linkedin"></i></a>
+                            <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-github"></i></a>
                         </div>
                     </div>
+                    
+                    <div>
+                        <h4 class="text-lg font-semibold mb-4">Produto</h4>
+                        <ul class="space-y-2 text-gray-400">
+                            <li><a href="#" class="hover:text-white transition">Recursos</a></li>
+                            <li><a href="#" class="hover:text-white transition">Planos</a></li>
+                            <li><a href="#" class="hover:text-white transition">Demonstração</a></li>
+                            <li><a href="#" class="hover:text-white transition">API</a></li>
+                        </ul>
+                    </div>
+                    
+                    <div>
+                        <h4 class="text-lg font-semibold mb-4">Empresa</h4>
+                        <ul class="space-y-2 text-gray-400">
+                            <li><a href="#" class="hover:text-white transition">Sobre Nós</a></li>
+                            <li><a href="#" class="hover:text-white transition">Blog</a></li>
+                            <li><a href="#" class="hover:text-white transition">Carreiras</a></li>
+                            <li><a href="#" class="hover:text-white transition">Parceiros</a></li>
+                        </ul>
+                    </div>
+                    
+                    <div>
+                        <h4 class="text-lg font-semibold mb-4">Legal</h4>
+                        <ul class="space-y-2 text-gray-400">
+                            <li><a href="#" class="hover:text-white transition">Termos de Serviço</a></li>
+                            <li><a href="#" class="hover:text-white transition">Política de Privacidade</a></li>
+                            <li><a href="#" class="hover:text-white transition">Segurança</a></li>
+                            <li><a href="#" class="hover:text-white transition">Compliance</a></li>
+                        </ul>
+                    </div>
+                </div>
+                
+                <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
+                    <p class="text-gray-400">
+                        © 2023 AI Shield SaaS. Todos os direitos reservados.
+                    </p>
+                    <div class="flex space-x-6 mt-4 md:mt-0">
+                        <a href="#" class="text-gray-400 hover:text-white transition">Termos</a>
+                        <a href="#" class="text-gray-400 hover:text-white transition">Privacidade</a>
+                        <a href="#" class="text-gray-400 hover:text-white transition">Cookies</a>
+                    </div>
                 </div>
             </div>
-        </div>
-    </section>
+        </footer>
+    </div>
 
-    <!-- Results Section (initially hidden) -->
-    <section id="results" class="py-16 bg-white hidden">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold text-center mb-12">Resultados da Análise</h2>
+    <!-- Dashboard (initially hidden) -->
+    <div id="dashboard" class="hidden min-h-screen">
+        <!-- Sidebar -->
+        <div class="sidebar-bg text-white fixed inset-y-0 left-0 w-64 overflow-y-auto">
+            <div class="flex items-center justify-center h-16 px-4 border-b border-gray-700">
+                <div class="flex items-center space-x-2">
+                    <i class="fas fa-shield-alt text-2xl"></i>
+                    <h1 class="text-xl font-bold">AI Shield</h1>
+                </div>
+            </div>
+            <div class="px-4 py-6">
+                <div class="flex items-center space-x-3 bg-white/10 p-3 rounded-lg">
+                    <img src="https://via.placeholder.com/40" alt="User" class="h-10 rounded-full">
+                    <div>
+                        <p class="font-medium">João Silva</p>
+                        <p class="text-xs text-gray-400">Admin</p>
+                    </div>
+                </div>
+                
+                <nav class="mt-8">
+                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-4">GERAL</h3>
+                    <div class="space-y-1">
+                        <a href="#" class="dashboard-nav-item active">
+                            <i class="fas fa-tachometer-alt mr-3"></i>
+                            Dashboard
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-search mr-3"></i>
+                            Scanner
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-bug mr-3"></i>
+                            Vulnerabilidades
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-file-alt mr-3"></i>
+                            Relatórios
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-project-diagram mr-3"></i>
+                            Aplicações
+                        </a>
+                    </div>
+                    
+                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mt-8 mb-4">CONFIGURAÇÕES</h3>
+                    <div class="space-y-1">
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-users mr-3"></i>
+                            Equipe
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-plug mr-3"></i>
+                            Integrações
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-shield-virus mr-3"></i>
+                            Firewall
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-cog mr-3"></i>
+                            Configurações
+                        </a>
+                    </div>
+                    
+                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mt-8 mb-4">SUPORTE</h3>
+                    <div class="space-y-1">
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-question-circle mr-3"></i>
+                            Ajuda
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-book mr-3"></i>
+                            Documentação
+                        </a>
+                        <a href="#" class="dashboard-nav-item">
+                            <i class="fas fa-headset mr-3"></i>
+                            Suporte
+                        </a>
+                    </div>
+                </nav>
+            </div>
+        </div>
+        
+        <!-- Main Content -->
+        <div class="dashboard-bg ml-64 min-h-screen">
+            <!-- Top Navigation -->
+            <header class="bg-white shadow-sm">
+                <div class="flex justify-between items-center h-16 px-6">
+                    <div class="flex items-center">
+                        <h2 class="text-lg font-medium text-gray-900">Dashboard</h2>
+                    </div>
+                    <div class="flex items-center space-x-4">
+                        <button class="p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
+                            <i class="fas fa-bell"></i>
+                        </button>
+                        <button class="p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
+                            <i class="fas fa-question-circle"></i>
+                        </button>
+                        <div class="relative">
+                            <button id="userMenuButton" class="flex items-center space-x-2 focus:outline-none">
+                                <img src="https://via.placeholder.com/32" alt="User" class="h-8 rounded-full">
+                                <i class="fas fa-chevron-down text-xs"></i>
+                            </button>
+                            <div id="userMenu" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-10">
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Seu Perfil</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Configurações</a>
+                                <a href="#" id="logoutBtn" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Sair</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </header>
             
-            <div class="bg-gray-50 rounded-xl shadow-lg overflow-hidden max-w-6xl mx-auto">
-                <div class="p-6">
-                    <div class="flex flex-col md:flex-row gap-6">
-                        <!-- Score Card -->
-                        <div class="md:w-1/3">
-                            <div class="bg-white p-6 rounded-lg shadow-md">
-                                <h3 class="text-xl font-semibold mb-4">Pontuação de Segurança</h3>
-                                
-                                <div class="flex justify-center mb-4">
-                                    <div class="relative w-40 h-40">
-                                        <svg class="w-full h-full" viewBox="0 0 100 100">
-                                            <!-- Background circle -->
-                                            <circle cx="50" cy="50" r="45" fill="none" stroke="#e5e7eb" stroke-width="8"/>
-                                            <!-- Progress circle -->
-                                            <circle id="scoreCircle" cx="50" cy="50" r="45" fill="none" stroke="#8b5cf6" stroke-width="8" stroke-linecap="round" stroke-dasharray="283" stroke-dashoffset="141.5" transform="rotate(-90 50 50)"/>
-                                        </svg>
-                                        <div class="absolute inset-0 flex items-center justify-center">
-                                            <span id="scoreValue" class="text-4xl font-bold">0</span>
-                                            <span class="text-2xl">/100</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                
-                                <div class="text-center">
-                                    <p id="scoreText" class="text-lg font-medium mb-2">Carregando...</p>
-                                    <p class="text-gray-600">Última verificação: <span id="lastScanDate" class="font-medium">-</span></p>
-                                </div>
+            <!-- Dashboard Content -->
+            <main class="p-6">
+                <div class="mb-6">
+                    <h3 class="text-lg font-medium text-gray-900">Visão Geral da Segurança</h3>
+                    <p class="text-sm text-gray-500">Resumo do status de segurança de suas aplicações IA</p>
+                </div>
+                
+                <!-- Stats Cards -->
+                <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <p class="text-sm font-medium text-gray-500">Aplicações Ativas</p>
+                                <p class="text-2xl font-semibold text-gray-900">8</p>
                             </div>
-                            
-                            <div class="mt-4 bg-white p-6 rounded-lg shadow-md">
-                                <h3 class="text-xl font-semibold mb-4">Recomendações</h3>
-                                <div id="recommendations" class="space-y-3">
-                                    <div class="flex items-start">
-                                        <i class="fas fa-exclamation-circle text-yellow-500 mt-1 mr-2"></i>
-                                        <span>Execute o scanner para obter recomendações personalizadas</span>
-                                    </div>
-                                </div>
+                            <div class="p-3 rounded-full bg-purple-100 text-purple-600">
+                                <i class="fas fa-robot"></i>
                             </div>
                         </div>
-                        
-                        <!-- Vulnerabilities List -->
-                        <div class="md:w-2/3">
-                            <div class="bg-white p-6 rounded-lg shadow-md">
-                                <h3 class="text-xl font-semibold mb-4">Vulnerabilidades Encontradas</h3>
-                                
-                                <div class="overflow-x-auto">
-                                    <table class="min-w-full divide-y divide-gray-200">
-                                        <thead class="bg-gray-50">
-                                            <tr>
-                                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th>
-                                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Severidade</th>
-                                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Localização</th>
-                                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Detalhes</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody id="vulnerabilitiesList" class="bg-white divide-y divide-gray-200">
-                                            <tr>
-                                                <td colspan="4" class="px-6 py-4 text-center text-gray-500">Nenhuma vulnerabilidade encontrada ainda</td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
+                        <div class="mt-4">
+                            <div class="flex items-center justify-between text-sm">
+                                <span class="text-green-600 font-medium">+2</span>
+                                <span>desde o último mês</span>
                             </div>
-                            
-                            <!-- Code Example -->
-                            <div class="mt-4 bg-gray-800 p-6 rounded-lg">
-                                <div class="flex justify-between items-center mb-4">
-                                    <h3 class="text-lg font-medium text-white">Exemplo de Código Vulnerável</h3>
-                                    <button class="text-purple-300 hover:text-purple-100">
-                                        <i class="fas fa-copy"></i>
-                                    </button>
-                                </div>
-                                <div class="code-block p-4 overflow-x-auto">
-                                    <pre class="text-sm"><code id="vulnerableCode">// Seu código vulnerável será exibido aqui após a análise</code></pre>
-                                </div>
+                        </div>
+                    </div>
+                    
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <p class="text-sm font-medium text-gray-500">Vulnerabilidades</p>
+                                <p class="text-2xl font-semibold text-gray-900">14</p>
                             </div>
-                            
-                            <!-- Fix Suggestion -->
-                            <div class="mt-4 bg-green-50 p-6 rounded-lg border border-green-200">
-                                <div class="flex items-center mb-3">
-                                    <i class="fas fa-lightbulb text-green-500 mr-2"></i>
-                                    <h3 class="text-lg font-medium text-green-800">Sugestão de Correção</h3>
-                                </div>
-                                <div id="fixSuggestion" class="text-gray-700">
-                                    <p>As sugestões de correção serão exibidas aqui após a análise de segurança.</p>
-                                </div>
+                            <div class="p-3 rounded-full bg-red-100 text-red-600">
+                                <i class="fas fa-bug"></i>
                             </div>
                         </div>
+                        <div class="mt-4">
+                            <div class="flex items-center justify-between text-sm">
+                                <span class="text-red-600 font-medium">+3</span>
+                                <span>desde a última verificação</span>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <p class="text-sm font-medium text-gray-500">Pontuação Média</p>
+                                <p class="text-2xl font-semibold text-gray-900">82/100</p>
+                            </div>
+                            <div class="p-3 rounded-full bg-blue-100 text-blue-600">
+                                <i class="fas fa-shield-alt"></i>
+                            </div>
+                        </div>
+                        <div class="mt-4">
+                            <div class="flex items-center justify-between text-sm">
+                                <span class="text-green-600 font-medium">+5</span>
+                                <span>desde o último mês</span>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <p class="text-sm font-medium text-gray-500">Verificações Hoje</p>
+                                <p class="text-2xl font-semibold text-gray-900">47</p>
+                            </div>
+                            <div class="p-3 rounded-full bg-green-100 text-green-600">
+                                <i class="fas fa-search"></i>
+                            </div>
+                        </div>
+                        <div class="mt-4">
+                            <div class="flex items-center justify-between text-sm">
+                                <span class="text-green-600 font-medium">+12</span>
+                                <span>desde ontem</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Security Score Chart -->
+                <div class="bg-white p-6 rounded-lg shadow mb-8">
+                    <div class="flex items-center justify-between mb-6">
+                        <div>
+                            <h4 class="text-lg font-medium text-gray-900">Pontuação de Segurança</h4>
+                            <p class="text-sm text-gray-500">Evolução da pontuação média de suas aplicações</p>
+                        </div>
+                        <select class="border border-gray-300 rounded-md px-3 py-1 text-sm">
+                            <option>Últimos 30 dias</option>
+                            <option>Últimos 90 dias</option>
+                            <option>Este ano</option>
+                        </select>
+                    </div>
+                    <div class="h-64 bg-gray-50 rounded-lg flex items-center justify-center">
+                        <p class="text-gray-500">Gráfico de evolução da pontuação</p>
                     </div>
                 </div>
                 
-                <div class="bg-gray-100 px-6 py-4 border-t border-gray-200">
-                    <div class="flex justify-between items-center">
-                        <button class="text-purple-600 hover:text-purple-800 font-medium flex items-center">
-                            <i class="fas fa-download mr-2"></i> Exportar Relatório
+                <!-- Recent Vulnerabilities -->
+                <div class="bg-white p-6 rounded-lg shadow mb-8">
+                    <div class="flex items-center justify-between mb-6">
+                        <div>
+                            <h4 class="text-lg font-medium text-gray-900">Vulnerabilidades Recentes</h4>
+                            <p class="text-sm text-gray-500">Problemas de segurança identificados nas últimas 72 horas</p>
+                        </div>
+                        <button class="text-sm text-purple-600 hover:text-purple-800 font-medium">
+                            Ver Todas
                         </button>
-                        <button class="bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-lg flex items-center">
-                            <i class="fas fa-sync-alt mr-2"></i> Executar Novamente
+                    </div>
+                    
+                    <div class="overflow-x-auto">
+                        <table class="min-w-full divide-y divide-gray-200">
+                            <thead class="bg-gray-50">
+                                <tr>
+                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Aplicação</th>
+                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tipo</th>
+                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Severidade</th>
+                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ações</th>
+                                </tr>
+                            </thead>
+                            <tbody class="bg-white divide-y divide-gray-200">
+                                <tr>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center text-purple-600">
+                                                <i class="fas fa-comment-alt"></i>
+                                            </div>
+                                            <div class="ml-4">
+                                                <div class="text-sm font-medium text-gray-900">Chatbot Corporativo</div>
+                                                <div class="text-sm text-gray-500">v2.1.5</div>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="text-sm text-gray-900">Injeção de Prompt</div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Alta</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Pendente</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
+                                        <button class="text-green-600 hover:text-green-900">Marcar como Resolvido</button>
+                                    </td>
+                                </tr>
+                                
+                                <tr>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600">
+                                                <i class="fas fa-image"></i>
+                                            </div>
+                                            <div class="ml-4">
+                                                <div class="text-sm font-medium text-gray-900">Gerador de Imagens</div>
+                                                <div class="text-sm text-gray-500">v1.3.2</div>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="text-sm text-gray-900">Vazamento de Dados</div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Média</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Em Progresso</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
+                                        <button class="text-green-600 hover:text-green-900">Marcar como Resolvido</button>
+                                    </td>
+                                </tr>
+                                
+                                <tr>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="flex items-center">
+                                            <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center text-green-600">
+                                                <i class="fas fa-file-alt"></i>
+                                            </div>
+                                            <div class="ml-4">
+                                                <div class="text-sm font-medium text-gray-900">Assistente de Documentos</div>
+                                                <div class="text-sm text-gray-500">v3.0.1</div>
+                                            </div>
+                                        </div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <div class="text-sm text-gray-900">Falha de Autenticação</div>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Alta</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap">
+                                        <span class="px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Resolvido</span>
+                                    </td>
+                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                        <button class="text-purple-600 hover:text-purple-900 mr-3">Detalhes</button>
+                                        <button class="text-gray-600 hover:text-gray-900">Reabrir</button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- Quick Actions -->
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <h4 class="text-lg font-medium text-gray-900 mb-4">Iniciar Nova Verificação</h4>
+                        <p class="text-sm text-gray-500 mb-4">Execute uma verificação manual em suas aplicações</p>
+                        <button class="w-full bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
+                            <i class="fas fa-play mr-2"></i> Executar Scanner
+                        </button>
+                    </div>
+                    
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <h4 class="text-lg font-medium text-gray-900 mb-4">Gerar Relatório</h4>
+                        <p class="text-sm text-gray-500 mb-4">Crie um relatório personalizado de segurança</p>
+                        <button class="w-full bg-white border border-purple-600 text-purple-600 hover:bg-purple-50 font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
+                            <i class="fas fa-file-pdf mr-2"></i> Criar Relatório
+                        </button>
+                    </div>
+                    
+                    <div class="bg-white p-6 rounded-lg shadow">
+                        <h4 class="text-lg font-medium text-gray-900 mb-4">Suporte Rápido</h4>
+                        <p class="text-sm text-gray-500 mb-4">Precisa de ajuda? Fale com nosso time</p>
+                        <button class="w-full bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 font-medium py-2 px-4 rounded-md transition flex items-center justify-center">
+                            <i class="fas fa-headset mr-2"></i> Abrir Chamado
                         </button>
                     </div>
                 </div>
-            </div>
+            </main>
         </div>
-    </section>
+    </div>
 
-    <!-- FAQ Section -->
-    <section id="faq" class="py-16 bg-gray-100">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold text-center mb-12">Perguntas Frequentes</h2>
-            
-            <div class="max-w-3xl mx-auto space-y-4">
-                <!-- FAQ Item 1 -->
-                <div class="bg-white rounded-lg shadow-md overflow-hidden">
-                    <button class="faq-toggle w-full text-left p-6 hover:bg-gray-50 transition flex justify-between items-center">
-                        <h3 class="text-lg font-medium">Quais tipos de vulnerabilidades este scanner pode detectar?</h3>
-                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+    <!-- Login Modal (hidden by default) -->
+    <div id="loginModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50">
+        <div class="bg-white rounded-lg shadow-xl max-w-md w-full">
+            <div class="p-6">
+                <div class="flex justify-between items-center mb-4">
+                    <h3 class="text-2xl font-bold text-gray-900">Acesse sua conta</h3>
+                    <button id="closeLoginModal" class="text-gray-400 hover:text-gray-500">
+                        <i class="fas fa-times"></i>
                     </button>
-                    <div class="faq-content hidden px-6 pb-6">
-                        <p class="text-gray-600">
-                            Nosso scanner identifica diversos tipos de vulnerabilidades específicas de aplicações IA, incluindo:
-                        </p>
-                        <ul class="list-disc pl-5 mt-2 space-y-1 text-gray-600">
-                            <li>Injeção de prompts maliciosos</li>
-                            <li>Vazamento de dados sensíveis através de respostas do modelo</li>
-                            <li>Vieses discriminatórios no comportamento do modelo</li>
-                            <li>Falhas na sanitização de entradas do usuário</li>
-                            <li>Problemas de controle de acesso a APIs de modelos</li>
-                            <li>Exposição de informações de treinamento do modelo</li>
-                        </ul>
-                    </div>
                 </div>
                 
-                <!-- FAQ Item 2 -->
-                <div class="bg-white rounded-lg shadow-md overflow-hidden">
-                    <button class="faq-toggle w-full text-left p-6 hover:bg-gray-50 transition flex justify-between items-center">
-                        <h3 class="text-lg font-medium">Como funciona a análise de segurança para aplicações IA?</h3>
-                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                <form class="space-y-4">
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                        <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Senha</label>
+                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div class="flex items-center justify-between">
+                        <label class="flex items-center">
+                            <input type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded">
+                            <span class="ml-2 text-sm text-gray-600">Lembrar de mim</span>
+                        </label>
+                        <a href="#" class="text-sm text-purple-600 hover:text-purple-500">Esqueceu sua senha?</a>
+                    </div>
+                    
+                    <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                        Entrar
                     </button>
-                    <div class="faq-content hidden px-6 pb-6">
-                        <p class="text-gray-600">
-                            Nossa plataforma utiliza uma combinação de técnicas avançadas:
-                        </p>
-                        <ol class="list-decimal pl-5 mt-2 space-y-2 text-gray-600">
-                            <li><strong>Testes de penetração específicos para IA:</strong> Enviamos entradas cuidadosamente elaboradas para identificar comportamentos inseguros.</li>
-                            <li><strong>Análise estática de código:</strong> Verificamos o código em busca de padrões inseguros no manuseio do modelo IA.</li>
-                            <li><strong>Monitoramento de tráfego:</strong> Analisamos as comunicações entre sua aplicação e os modelos de IA.</li>
-                            <li><strong>Testes de adversários:</strong> Tentamos enganar o modelo para produzir resultados indesejados.</li>
-                            <li><strong>Verificação de conformidade:</strong> Avaliamos se sua aplicação atende aos requisitos regulatórios relevantes.</li>
-                        </ol>
+                </form>
+                
+                <div class="mt-6">
+                    <div class="relative">
+                        <div class="absolute inset-0 flex items-center">
+                            <div class="w-full border-t border-gray-300"></div>
+                        </div>
+                        <div class="relative flex justify-center text-sm">
+                            <span class="px-2 bg-white text-gray-500">Ou continue com</span>
+                        </div>
+                    </div>
+                    
+                    <div class="mt-6 grid grid-cols-2 gap-3">
+                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
+                            <i class="fab fa-google text-red-500"></i>
+                            <span class="ml-2">Google</span>
+                        </button>
+                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
+                            <i class="fab fa-microsoft text-blue-500"></i>
+                            <span class="ml-2">Microsoft</span>
+                        </button>
                     </div>
                 </div>
                 
-                <!-- FAQ Item 3 -->
-                <div class="bg-white rounded-lg shadow-md overflow-hidden">
-                    <button class="faq-toggle w-full text-left p-6 hover:bg-gray-50 transition flex justify-between items-center">
-                        <h3 class="text-lg font-medium">Meus dados e código estão seguros durante a análise?</h3>
-                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-content hidden px-6 pb-6">
-                        <p class="text-gray-600">
-                            Segurança e privacidade são nossas principais prioridades:
-                        </p>
-                        <ul class="list-disc pl-5 mt-2 space-y-1 text-gray-600">
-                            <li>Todos os dados são processados em ambiente isolado e seguro</li>
-                            <li>Não armazenamos seu código fonte após a análise</li>
-                            <li>Os relatórios são gerados com informações anonimizadas</li>
-                            <li>Oferecemos opção de análise local sem envio de dados para nossa nuvem</li>
-                            <li>Cumprimos rigorosamente com LGPD, GDPR e outras regulamentações</li>
-                        </ul>
-                        <p class="mt-3 text-gray-600">
-                            Você pode revisar nossa <a href="#" class="text-purple-600 hover:underline">Política de Privacidade</a> para mais detalhes.
-                        </p>
-                    </div>
+                <div class="mt-6 text-center">
+                    <p class="text-sm text-gray-600">
+                        Não tem uma conta? 
+                        <a href="#" id="showSignupModal" class="text-purple-600 hover:text-purple-500 font-medium">Cadastre-se</a>
+                    </p>
                 </div>
             </div>
         </div>
-    </section>
+    </div>
 
-    <!-- Footer -->
-    <footer class="bg-gray-900 text-white py-12">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
-                <div>
-                    <h3 class="text-xl font-bold mb-4 flex items-center">
-                        <i class="fas fa-shield-alt mr-2"></i> AI Security Auditor
-                    </h3>
-                    <p class="text-gray-400">
-                        Ferramenta avançada para testar e melhorar a segurança de aplicações baseadas em inteligência artificial.
-                    </p>
-                </div>
-                
-                <div>
-                    <h4 class="text-lg font-semibold mb-4">Recursos</h4>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="#" class="hover:text-white transition">Scanner Online</a></li>
-                        <li><a href="#" class="hover:text-white transition">API de Segurança</a></li>
-                        <li><a href="#" class="hover:text-white transition">Relatórios Personalizados</a></li>
-                        <li><a href="#" class="hover:text-white transition">Integrações</a></li>
-                    </ul>
+    <!-- Signup Modal (hidden by default) -->
+    <div id="signupModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50">
+        <div class="bg-white rounded-lg shadow-xl max-w-md w-full">
+            <div class="p-6">
+                <div class="flex justify-between items-center mb-4">
+                    <h3 class="text-2xl font-bold text-gray-900">Crie sua conta</h3>
+                    <button id="closeSignupModal" class="text-gray-400 hover:text-gray-500">
+                        <i class="fas fa-times"></i>
+                    </button>
                 </div>
                 
-                <div>
-                    <h4 class="text-lg font-semibold mb-4">Empresa</h4>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="#" class="hover:text-white transition">Sobre Nós</a></li>
-                        <li><a href="#" class="hover:text-white transition">Blog</a></li>
-                        <li><a href="#" class="hover:text-white transition">Carreiras</a></li>
-                        <li><a href="#" class="hover:text-white transition">Contato</a></li>
-                    </ul>
-                </div>
+                <form class="space-y-4">
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Nome completo</label>
+                        <input type="text" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+                        <input type="email" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Senha</label>
+                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Confirmar senha</label>
+                        <input type="password" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
+                    </div>
+                    
+                    <div class="flex items-start">
+                        <input type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded mt-1">
+                        <span class="ml-2 text-sm text-gray-600">
+                            Eu concordo com os <a href="#" class="text-purple-600 hover:text-purple-500">Termos de Serviço</a> e <a href="#" class="text-purple-600 hover:text-purple-500">Política de Privacidade</a>
+                        </span>
+                    </div>
+                    
+                    <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition">
+                        Criar Conta
+                    </button>
+                </form>
                 
-                <div>
-                    <h4 class="text-lg font-semibold mb-4">Newsletter</h4>
-                    <p class="text-gray-400 mb-4">
-                        Assine para receber atualizações sobre segurança em IA.
-                    </p>
-                    <div class="flex">
-                        <input type="email" placeholder="Seu e-mail" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-900 w-full">
-                        <button class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-r-lg transition">
-                            <i class="fas fa-paper-plane"></i>
-                        </button>
+                <div class="mt-6">
+                    <div class="relative">
+                        <div class="absolute inset-0 flex items-center">
+                            <div class="w-full border-t border-gray-300"></div>
+                        </div>
+                        <div class="relative flex justify-center text-sm">
+                            <span class="px-2 bg-white text-gray-500">Ou cadastre-se com</span>
+                        </div>
                     </div>
-                    <div class="flex space-x-4 mt-4">
-                        <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-twitter"></i></a>
-                        <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-linkedin"></i></a>
-                        <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-github"></i></a>
+                    
+                    <div class="mt-6 grid grid-cols-2 gap-3">
+                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
+                            <i class="fab fa-google text-red-500"></i>
+                            <span class="ml-2">Google</span>
+                        </button>
+                        <button class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
+                            <i class="fab fa-microsoft text-blue-500"></i>
+                            <span class="ml-2">Microsoft</span>
+                        </button>
                     </div>
                 </div>
-            </div>
-            
-            <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
-                <p class="text-gray-400">
-                    © 2023 AI Security Auditor. Todos os direitos reservados.
-                </p>
-                <div class="flex space-x-6 mt-4 md:mt-0">
-                    <a href="#" class="text-gray-400 hover:text-white transition">Termos de Serviço</a>
-                    <a href="#" class="text-gray-400 hover:text-white transition">Política de Privacidade</a>
-                    <a href="#" class="text-gray-400 hover:text-white transition">Cookies</a>
+                
+                <div class="mt-6 text-center">
+                    <p class="text-sm text-gray-600">
+                        Já tem uma conta? 
+                        <a href="#" id="showLoginModalFromSignup" class="text-purple-600 hover:text-purple-500 font-medium">Faça login</a>
+                    </p>
                 </div>
             </div>
         </div>
-    </footer>
+    </div>
 
     <script>
-        // Toggle FAQ items
-        document.querySelectorAll('.faq-toggle').forEach(button => {
-            button.addEventListener('click', () => {
-                const content = button.nextElementSibling;
-                const icon = button.querySelector('i');
-                
-                content.classList.toggle('hidden');
-                icon.classList.toggle('rotate-180');
+        // Dashboard navigation item styling
+        document.querySelectorAll('.dashboard-nav-item').forEach(item => {
+            item.addEventListener('click', function() {
+                document.querySelectorAll('.dashboard-nav-item').forEach(i => i.classList.remove('active'));
+                this.classList.add('active');
             });
         });
 
-        // Run security test simulation
-        document.getElementById('runTestBtn').addEventListener('click', () => {
-            // Show loading state
-            const runBtn = document.getElementById('runTestBtn');
-            runBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Analisando...';
-            runBtn.disabled = true;
-            
-            // Show results section
-            document.getElementById('results').classList.remove('hidden');
-            
-            // Simulate scan progress
-            let progress = 0;
-            const interval = setInterval(() => {
-                progress += Math.random() * 10;
-                if (progress >= 100) {
-                    progress = 100;
-                    clearInterval(interval);
-                    showResults();
-                    runBtn.innerHTML = '<i class="fas fa-check-circle mr-2"></i> Análise Completa';
-                    setTimeout(() => {
-                        runBtn.innerHTML = '<i class="fas fa-shield-alt mr-2"></i> Executar Novamente';
-                        runBtn.disabled = false;
-                    }, 2000);
-                }
-                
-                // Update progress circle
-                const circle = document.getElementById('scoreCircle');
-                const offset = 283 * (1 - progress / 100);
-                circle.style.strokeDashoffset = offset;
-                
-                document.getElementById('scoreValue').textContent = Math.floor(progress);
-            }, 300);
+        // User menu toggle
+        const userMenuButton = document.getElementById('userMenuButton');
+        const userMenu = document.getElementById('userMenu');
+        
+        userMenuButton.addEventListener('click', () => {
+            userMenu.classList.toggle('hidden');
         });
 
-        // Show fake results for demo
-        function showResults() {
-            // Set score text based on value
-            const score = 82; // Demo score
-            const scoreText = document.getElementById('scoreText');
-            
-            if (score >= 80) {
-                scoreText.textContent = 'Boa Segurança';
-                scoreText.className = 'text-lg font-medium mb-2 text-green-600';
-            } else if (score >= 50) {
-                scoreText.textContent = 'Segurança Moderada';
-                scoreText.className = 'text-lg font-medium mb-2 text-yellow-600';
-            } else {
-                scoreText.textContent = 'Segurança Fraca';
-                scoreText.className = 'text-lg font-medium mb-2 text-red-600';
+        // Close user menu when clicking outside
+        document.addEventListener('click', (event) => {
+            if (!userMenuButton.contains(event.target) && !userMenu.contains(event.target)) {
+                userMenu.classList.add('hidden');
             }
-            
-            // Set last scan date
-            document.getElementById('lastScanDate').textContent = new Date().toLocaleString();
-            
-            // Set recommendations
-            const recommendations = [
-                'Implemente validação rigorosa de entradas para prevenir injeção de prompts',
-                'Adicione camadas de sanitização para respostas do modelo antes de exibir aos usuários',
-                'Revise as permissões de acesso à API do modelo IA',
-                'Atualize para a versão mais recente do framework de IA utilizado'
-            ];
-            
-            const recommendationsContainer = document.getElementById('recommendations');
-            recommendationsContainer.innerHTML = '';
-            
-            recommendations.forEach(rec => {
-                const div = document.createElement('div');
-                div.className = 'flex items-start';
-                div.innerHTML = `
-                    <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                    <span>${rec}</span>
-                `;
-                recommendationsContainer.appendChild(div);
-            });
-            
-            // Set vulnerabilities
-            const vulnerabilities = [
-                { type: 'Injeção de Prompt', severity: 'Alta', location: 'Endpoint /chat', details: 'Permite execução de comandos não autorizados' },
-                { type: 'Vazamento de Dados', severity: 'Média', location: 'Resposta do modelo', details: 'Pode revelar informações de treinamento' },
-                { type: 'Falta de Sanitização', severity: 'Baixa', location: 'Entrada do usuário', details: 'Permite XSS básico através de respostas' }
-            ];
-            
-            const vulnTable = document.getElementById('vulnerabilitiesList');
-            vulnTable.innerHTML = '';
-            
-            vulnerabilities.forEach(vuln => {
-                const row = document.createElement('tr');
-                
-                // Set severity color
-                let severityColor = 'bg-green-100 text-green-800';
-                if (vuln.severity === 'Alta') severityColor = 'bg-red-100 text-red-800';
-                if (vuln.severity === 'Média') severityColor = 'bg-yellow-100 text-yellow-800';
-                
-                row.innerHTML = `
-                    <td class="px-6 py-4 whitespace-nowrap">${vuln.type}</td>
-                    <td class="px-6 py-4 whitespace-nowrap">
-                        <span class="px-2 py-1 rounded-full text-xs font-medium ${severityColor}">${vuln.severity}</span>
-                    </td>
-                    <td class="px-6 py-4 whitespace-nowrap">${vuln.location}</td>
-                    <td class="px-6 py-4">${vuln.details}</td>
-                `;
-                vulnTable.appendChild(row);
+        });
+
+        // Login modal
+        const loginBtn = document.getElementById('loginBtn');
+        const loginModal = document.getElementById('loginModal');
+        const closeLoginModal = document.getElementById('closeLoginModal');
+        
+        loginBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            loginModal.classList.remove('hidden');
+        });
+        
+        closeLoginModal.addEventListener('click', () => {
+            loginModal.classList.add('hidden');
+        });
+
+        // Signup modal
+        const signupBtn = document.getElementById('signupBtn');
+        const signupModal = document.getElementById('signupModal');
+        const closeSignupModal = document.getElementById('closeSignupModal');
+        const showSignupModal = document.getElementById('showSignupModal');
+        const showLoginModalFromSignup = document.getElementById('showLoginModalFromSignup');
+        
+        signupBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            signupModal.classList.remove('hidden');
+        });
+        
+        closeSignupModal.addEventListener('click', () => {
+            signupModal.classList.add('hidden');
+        });
+        
+        showSignupModal.addEventListener('click', (e) => {
+            e.preventDefault();
+            loginModal.classList.add('hidden');
+            signupModal.classList.remove('hidden');
+        });
+        
+        showLoginModalFromSignup.addEventListener('click', (e) => {
+            e.preventDefault();
+            signupModal.classList.add('hidden');
+            loginModal.classList.remove('hidden');
+        });
+
+        // Start free trial buttons
+        const startFreeTrial = document.getElementById('startFreeTrial');
+        const startFreeTrialBottom = document.getElementById('startFreeTrialBottom');
+        
+        [startFreeTrial, startFreeTrialBottom].forEach(button => {
+            button.addEventListener('click', (e) => {
+                e.preventDefault();
+                signupModal.classList.remove('hidden');
             });
-            
-            // Set code example
-            document.getElementById('vulnerableCode').textContent = `// Exemplo de código vulnerável a injeção de prompt
-async function handleUserInput(userInput) {
-    const prompt = \`Analise esta mensagem: \${userInput}\`;
-    // ⚠️ Sem sanitização da entrada do usuário
-    const response = await aiModel.generate(prompt);
-    return response; // Potencial vazamento de dados
-}`;
+        });
 
-            // Set fix suggestion
-            document.getElementById('fixSuggestion').innerHTML = `
-                <p class="mb-2">Para corrigir a vulnerabilidade de injeção de prompt:</p>
-                <div class="code-block p-3 rounded mb-2">
-                    <pre class="text-sm">// Implemente sanitização rigorosa
-const sanitizedInput = userInput.replace(/[<>{}]/g, '');
-const prompt = \`Analise esta mensagem: \${sanitizedInput}\`;</pre>
-                </div>
-                <p>Considere também:</p>
-                <ul class="list-disc pl-5 mt-1 space-y-1">
-                    <li>Limitar o comprimento da entrada</li>
-                    <li>Implementar lista negra de termos sensíveis</li>
-                    <li>Validar o formato esperado da entrada</li>
-                </ul>
-            `;
-        }
+        // Logout
+        const logoutBtn = document.getElementById('logoutBtn');
+        logoutBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            document.getElementById('dashboard').classList.add('hidden');
+            document.getElementById('landingPage').classList.remove('hidden');
+        });
 
-        // Start scan button scrolls to scanner
-        document.getElementById('startScanBtn').addEventListener('click', () => {
-            document.getElementById('scanner').scrollIntoView({
-                behavior: 'smooth'
+        // Simulate login (for demo purposes)
+        document.querySelector('#loginModal form').addEventListener('submit', (e) => {
+            e.preventDefault();
+            loginModal.classList.add('hidden');
+            document.getElementById('landingPage').classList.add('hidden');
+            document.getElementById('dashboard').classList.remove('hidden');
+        });
+
+        // Simulate signup (for demo purposes)
+        document.querySelector('#signupModal form').addEventListener('submit', (e) => {
+            e.preventDefault();
+            signupModal.classList.add('hidden');
+            document.getElementById('landingPage').classList.add('hidden');
+            document.getElementById('dashboard').classList.remove('hidden');
+        });
+
+        // Close modals when clicking on backdrop
+        [loginModal, signupModal].forEach(modal => {
+            modal.addEventListener('click', (e) => {
+                if (e.target === modal) {
+                    modal.classList.add('hidden');
+                }
             });
         });
     </script>

Aplicação	Tipo	Severidade	Status	Ações
+ + + + + + Chatbot Corporativo + v2.1.5 + + +	+ Injeção de Prompt +	+ Alta +	+ Pendente +	+ + +
+ + + + + + Gerador de Imagens + v1.3.2 + + +	+ Vazamento de Dados +	+ Média +	+ Em Progresso +	+ + +
+ + + + + + Assistente de Documentos + v3.0.1 + + +	+ Falha de Autenticação +	+ Alta +	+ Resolvido +	+ + +