Spaces:
Running
Running
| <html lang="pt-br"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>GeOver - Infraestrutura Digital para o Mercado Geoespacial</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> | |
| <style> | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); | |
| } | |
| .hero-pattern { | |
| background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, rgba(29, 78, 216, 0.1) 90%); | |
| } | |
| .card-hover: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); | |
| } | |
| .feature-icon { | |
| width: 60px; | |
| height: 60px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 12px; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm py-4"> | |
| <div class="container mx-auto px-4 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <span class="text-2xl font-bold text-blue-600">GeOver</span> | |
| <span class="ml-2 text-xs bg-blue-100 text-blue-600 px-2 py-1 rounded-full">Powered by AI</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#features" class="text-gray-600 hover:text-blue-600">Recursos</a> | |
| <a href="#agent" class="text-gray-600 hover:text-blue-600">GeOver Agent</a> | |
| <a href="#pricing" class="text-gray-600 hover:text-blue-600">Planos</a> | |
| <a href="#testimonials" class="text-gray-600 hover:text-blue-600">Depoimentos</a> | |
| </div> | |
| <div class="hidden md:block"> | |
| <button class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition">Começar</button> | |
| </div> | |
| <button class="md:hidden text-gray-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> | |
| </svg> | |
| </button> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg text-white py-20 hero-pattern"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Capacitando profissionais e empresas geoespaciais</h1> | |
| <p class="text-xl mb-8 opacity-90">Soluções orientadas por IA, insights de dados e uma rede poderosa para o mercado geoespacial.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <button class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">Comece agora</button> | |
| <button class="border-2 border-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition">Saiba mais</button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="bg-white rounded-xl shadow-xl p-6 w-full max-w-md"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> | |
| </svg> | |
| </div> | |
| <div class="text-gray-800"> | |
| <div class="font-semibold">GeOver Agent</div> | |
| <div class="text-sm text-gray-500">Processando solicitação...</div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-4 mb-4"> | |
| <div class="text-sm text-gray-600 mb-2">Analisando proposta técnica...</div> | |
| <div class="h-2 bg-gray-200 rounded-full overflow-hidden"> | |
| <div class="h-full bg-blue-500 rounded-full animate-pulse" style="width: 70%"></div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Gerar propostas</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Analisar contratos</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Simular orçamentos</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Automatizar tarefas</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Challenges Section --> | |
| <section id="features" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Resolvendo os Maiores Desafios da Indústria Geoespacial</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Transformamos obstáculos em oportunidades com soluções inteligentes</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12 mb-20"> | |
| <div> | |
| <h3 class="text-2xl font-semibold text-gray-800 mb-6">Os Desafios</h3> | |
| <div class="space-y-8"> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-red-100 text-red-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Dados Desorganizados</h4> | |
| <p class="text-gray-600">Informações dispersas e difíceis de apresentar</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-yellow-100 text-yellow-600"> | |
| <svg xmlns="http://www3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Orçamentos Ineficientes</h4> | |
| <p class="text-gray-600">Processos manuais e demorados para precificação</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-purple-100 text-purple-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Falta de Visibilidade</h4> | |
| <p class="text-gray-600">Dificuldade para novos talentos se destacarem</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-green-100 text-green-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Processos Manuais</h4> | |
| <p class="text-gray-600">Tarefas burocráticas e repetitivas</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-semibold text-gray-800 mb-6">A Vantagem GeOver</h3> | |
| <div class="space-y-8"> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-blue-100 text-blue-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Portfólios Centralizados e Validados</h4> | |
| <p class="text-gray-600">Dados organizados e validados com certificações</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-indigo-100 text-indigo-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Orçamentos Orientados por IA</h4> | |
| <p class="text-gray-600">Análise de mercado e simulação automática</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-pink-100 text-pink-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Visibilidade Aprimorada</h4> | |
| <p class="text-gray-600">Destaque baseado em performance e competência</p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="feature-icon bg-teal-100 text-teal-600"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Fluxos de Trabalho Automatizados</h4> | |
| <p class="text-gray-600">IA cuida dos processos operacionais</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Benefits Section --> | |
| <section class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Desbloqueie seu Potencial com GeOver</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Transforme sua carreira ou negócio geoespacial com nossas soluções inteligentes</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="bg-blue-100 text-blue-600 p-3 rounded-lg inline-block mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Construa sua Reputação</h3> | |
| <p class="text-gray-600">Mostre sua expertise com um portfólio validado e rankings baseados em performance.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="bg-indigo-100 text-indigo-600 p-3 rounded-lg inline-block mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Insights Orientados por IA</h3> | |
| <p class="text-gray-600">Aproveite o GeOver Agent para otimizar propostas, contratos e análise de mercado.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="bg-green-100 text-green-600 p-3 rounded-lg inline-block mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Conecte & Colabore</h3> | |
| <p class="text-gray-600">Faça networking com líderes da indústria e outros profissionais geoespaciais.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="bg-purple-100 text-purple-600 p-3 rounded-lg inline-block mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Encontre Talentos de Elite</h3> | |
| <p class="text-gray-600">Contrate com confiança, acessando profissionais verificados e qualificados.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- GeOver Agent Section --> | |
| <section id="agent" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-10"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-6">Conheça o GeOver Agent: Seu Assistente Geoespacial Orientado por IA</h2> | |
| <p class="text-xl text-gray-600 mb-8">O GeOver Agent é um assistente de IA autônomo projetado para otimizar seu fluxo de trabalho. Gere propostas, analise contratos, simule orçamentos e automatize tarefas tediosas, liberando você para focar no que mais importa: sua expertise.</p> | |
| <div class="grid grid-cols-2 gap-4 mb-8"> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> | |
| <span class="text-gray-700">Gerar propostas técnicas</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> | |
| <span class="text-gray-700">Analisar contratos</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> | |
| <span class="text-gray-700">Simular orçamentos</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> | |
| <span class="text-gray-700">Automatizar tarefas</span> | |
| </div> | |
| </div> | |
| <div class="bg-blue-50 border-l-4 border-blue-500 p-4"> | |
| <div class="flex"> | |
| <div class="flex-shrink-0"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> | |
| </svg> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-sm text-blue-700">Processamento inteligente em tempo real</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2"> | |
| <div class="bg-gray-50 rounded-xl p-8"> | |
| <div class="flex items-center mb-6"> | |
| <div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-3"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /> | |
| </svg> | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-gray-800">GeOver Agent</h4> | |
| <p class="text-sm text-gray-500">Processando solicitação...</p> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <div class="bg-white rounded-lg p-4 shadow-sm"> | |
| <div class="text-sm text-gray-600 mb-2">Analisando proposta técnica...</div> | |
| <div class="h-2 bg-gray-200 rounded-full overflow-hidden"> | |
| <div class="h-full bg-blue-500 rounded-full animate-pulse" style="width: 70%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Gerar propostas</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Analisar contratos</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Simular orçamentos</button> | |
| <button class="bg-blue-100 text-blue-600 py-2 px-4 rounded-lg text-sm font-medium hover:bg-blue-200 transition">Automatizar tarefas</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Steps Section --> | |
| <section class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Comece em 3 Passos Simples</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Independente se você é um profissional ou empresa, o GeOver facilita seu início</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div> | |
| <h3 class="text-2xl font-semibold text-gray-800 mb-6 text-center md:text-left">Para Profissionais</h3> | |
| <div class="space-y-6"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-100 text-blue-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">1</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Crie Seu Perfil</h4> | |
| <p class="text-gray-600">Configure seu perfil profissional e destaque suas competências.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-100 text-blue-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">2</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Explore Oportunidades</h4> | |
| <p class="text-gray-600">Encontre projetos ideais ou ofereça seus serviços especializados.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-100 text-blue-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">3</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Conecte & Cresça</h4> | |
| <p class="text-gray-600">Estabeleça conexões profissionais e desenvolva sua carreira.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-semibold text-gray-800 mb-6 text-center md:text-left">Para Empresas</h3> | |
| <div class="space-y-6"> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 text-indigo-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">1</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Registre sua Empresa</h4> | |
| <p class="text-gray-600">Crie o perfil da sua empresa e defina suas necessidades.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 text-indigo-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">2</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Publique Vagas ou Encontre Talentos</h4> | |
| <p class="text-gray-600">Divulgue oportunidades ou busque profissionais qualificados.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <div class="flex items-start"> | |
| <div class="bg-indigo-100 text-indigo-600 font-bold rounded-full h-8 w-8 flex items-center justify-center mr-4 mt-1">3</div> | |
| <div> | |
| <h4 class="text-lg font-semibold text-gray-800 mb-2">Contrate com Confiança</h4> | |
| <p class="text-gray-600">Use nossa IA para encontrar o match perfeito rapidamente.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section id="testimonials" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">O Que Nossos Usuários Estão Dizendo</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Veja como o GeOver está transformando carreiras e negócios</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 mr-2"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| <div class="text-yellow-400"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <blockquote class="text-gray-600 mb-6"> | |
| "O GeOver revolucionou nossa forma de trabalhar. A IA do GeOver Agent nos economiza horas de trabalho manual e os insights de mercado são incríveis." | |
| </blockquote> | |
| <div class="flex items-center"> | |
| <div class="bg-blue-100 text-blue-600 font-semibold rounded-full h-10 w-10 flex items-center justify-center mr-3"> | |
| AS | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-gray-800">Dr. Ana Silva</h4> | |
| <p class="text-sm text-gray-500">Engenheira Cartógrafa, GeoTech Solutions</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 mr-2"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| <div class="text-yellow-400"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <blockquote class="text-gray-600 mb-6"> | |
| "Como profissional autônomo, o GeOver me deu a visibilidade que eu precisava. Em 3 meses já consegui dobrar meus projetos." | |
| </blockquote> | |
| <div class="flex items-center"> | |
| <div class="bg-green-100 text-green-600 font-semibold rounded-full h-10 w-10 flex items-center justify-center mr-3"> | |
| RM | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-gray-800">Ricardo Mendes</h4> | |
| <p class="text-sm text-gray-500">Topógrafo Autônomo</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 mr-2"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| <div class="text-yellow-400"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"> | |
| <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> | |
| </svg> | |
| </div> | |
| </div> | |
| <blockquote class="text-gray-600 mb-6"> | |
| "A plataforma nos ajudou a encontrar profissionais qualificados em tempo recorde. O sistema de matching é impressionante." | |
| </blockquote> | |
| <div class="flex items-center"> | |
| <div class="bg-purple-100 text-purple-600 font-semibold rounded-full h-10 w-10 flex items-center justify-center mr-3"> | |
| CS | |
| </div> | |
| <div> | |
| <h4 class="font-semibold text-gray-800">Carla Santos</h4> | |
| <p class="text-sm text-gray-500">Diretora de RH, GeoVision</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Escolha o Plano Perfeito para Você</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Planos flexíveis para atender profissionais e empresas de todos os tamanhos</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto"> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Standard</h3> | |
| <div class="text-4xl font-bold text-gray-800 mb-6">R$ 47<span class="text-lg font-normal text-gray-500">/mês</span></div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Perfil básico</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Busca de oportunidades</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-300 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-400">GeOver Agent (limitado)</span> | |
| </li> | |
| </ul> | |
| <button class="w-full bg-gray-100 text-gray-800 py-3 rounded-lg font-medium hover:bg-gray-200 transition">Assinar</button> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-2 border-blue-500 relative card-hover"> | |
| <div class="absolute top-0 right-0 bg-blue-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">Mais Popular</div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Plus</h3> | |
| <div class="text-4xl font-bold text-gray-800 mb-6">R$ 97<span class="text-lg font-normal text-gray-500">/mês</span></div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Tudo no Standard</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">GeOver Agent completo</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Selos de competência</span> | |
| </li> | |
| </ul> | |
| <button class="w-full bg-blue-600 text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition">Assinar</button> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Pro</h3> | |
| <div class="text-4xl font-bold text-gray-800 mb-6">R$ 197<span class="text-lg font-normal text-gray-500">/mês</span></div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Tudo no Plus</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Analytics avançado</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> | |
| </svg> | |
| <span class="text-gray-600">Suporte prioritário</span> | |
| </li> | |
| </ul> | |
| <button class="w-full bg-gray-100 text-gray-800 py-3 rounded-lg font-medium hover:bg-gray-200 transition">Assinar</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Perguntas Frequentes</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Tire suas dúvidas sobre a plataforma GeOver</p> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="mb-6"> | |
| <button class="flex items-center justify-between w-full text-left font-semibold text-gray-800 py-4 border-b border-gray-200"> | |
| <span>Como o GeOver Agent funciona?</span> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> | |
| </svg> | |
| </button> | |
| <div class="text-gray-600 py-4 hidden"> | |
| O GeOver Agent é um assistente de IA treinado especificamente para o mercado geoespacial. Ele pode analisar documentos, gerar propostas técnicas, simular orçamentos e automatizar tarefas repetitivas, tudo baseado em dados do mercado e melhores práticas da indústria. | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <button class="flex items-center justify-between w-full text-left font-semibold text-gray-800 py-4 border-b border-gray-200"> | |
| <span>Como são validados os perfis profissionais?</span> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> | |
| </svg> | |
| </button> | |
| <div class="text-gray-600 py-4 hidden"> | |
| Utilizamos um sistema de verificação em múltiplas camadas que inclui: confirmação de identidade, validação de certificações profissionais, análise de histórico de projetos e feedback de clientes/empregadores anteriores. Isso garante que apenas profissionais qualificados tenham acesso aos selos de competência. | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <button class="flex items-center justify-between w-full text-left font-semibold text-gray-800 py-4 border-b border-gray-200"> | |
| <span>Posso testar antes de assinar?</span> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> | |
| </svg> | |
| </button> | |
| <div class="text-gray-600 py-4 hidden"> | |
| Sim! Oferecemos um período de teste gratuito de 14 dias para todos os novos usuários. Durante este período, você terá acesso completo a todas as funcionalidades da plataforma, incluindo o GeOver Agent com algumas limitações de uso. | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <button class="flex items-center justify-between w-full text-left font-semibold text-gray-800 py-4 border-b border-gray-200"> | |
| <span>Como funciona o sistema de matching entre profissionais e empresas?</span> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> | |
| </svg> | |
| </button> | |
| <div class="text-gray-600 py-4 hidden"> | |
| Nosso algoritmo de matching analisa mais de 50 critérios, incluindo habilidades técnicas, experiência em projetos similares, localização, disponibilidade, compatibilidade cultural e histórico de avaliações. O sistema aprende continuamente com as interações para melhorar a qualidade das conexões ao longo do tempo. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section class="gradient-bg text-white py-20"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Moldando o Futuro do Geoespacial</h2> | |
| <p class="text-xl max-w-3xl mx-auto mb-8 opacity-90">GeOver está construindo a infraestrutura digital para a indústria geoespacial, conectando profissionais, capacitando inovação e impulsionando o progresso através de IA e insights orientados por dados.</p> | |
| <button class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">Comece sua jornada agora</button> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-gray-400 py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-white text-lg font-semibold mb-4">GeOver</h3> | |
| <p class="mb-4">A infraestrutura digital para o mercado geoespacial.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"> | |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" /> | |
| </svg> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"> | |
| <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645 | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Xterminator/g" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |