Spaces:

guifav
/

mindapps

Running

App Files Files Community

Guilherme Favaron commited on Nov 25, 2025

Commit

7448993

1 Parent(s): 204e6eb

Reestrutura site com content.md; aplica paleta preto/laranja/branco; remove Vanta

Browse files

Files changed (4) hide show

README.md +2 -2
index.html +190 -414
prompts.txt +0 -9
style.css +318 -17

README.md CHANGED Viewed

@@ -4,9 +4,9 @@ emoji: 🐳
 colorFrom: green
 colorTo: red
 sdk: static
-pinned: false
 tags:
   - deepsite
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 colorFrom: green
 colorTo: red
 sdk: static
+pinned: true
 tags:
   - deepsite
 ---
+MindApps é um projeto que visa democratizar o acesso a ferramentas de IA para empresas e indivíduos.

index.html CHANGED Viewed

@@ -3,449 +3,225 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MindApps: Agentes de IA que Transformam seu Negócio</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
-    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
-    <style>
-        .hero-gradient {
-            background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #EC4899 100%);
-        }
-        .feature-card:hover {
-            transform: translateY(-10px);
-            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-        }
-    </style>
 </head>
-<body class="font-sans antialiased">
-    <!-- Vanta.js Globe Background -->
-    <div id="vanta-globe"></div>
-    <!-- Navigation -->
-    <nav class="relative z-10 bg-white/90 backdrop-blur-md shadow-sm">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="flex justify-between h-16 items-center">
-                <div class="flex items-center">
-                    <div class="flex-shrink-0">
-                        <img class="h-8" src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745876218721x179745738866527780/Sem_Ti%CC%81tulo.svg" alt="MindApps Logo">
-                    </div>
-                </div>
-                <div class="hidden md:block">
-                    <div class="ml-10 flex items-baseline space-x-8">
-                        <a href="https://mindapps.ai" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Soluções</a>
-                        <a href="https://mindapps.ai" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Laboratório</a>
-                        <a href="https://mindapps.ai" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Sobre Nós</a>
-                        <a href="https://mindapps.ai" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Contato</a>
-                    </div>
-                </div>
-                <div class="hidden md:block">
-                    <a href="https://mindapps.ai" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                        Solicitar Demonstração
-                    </a>
-                </div>
             </div>
         </div>
-    </nav>
-    <!-- Hero Section -->
-    <section class="hero-gradient relative text-white overflow-hidden">
-        <div class="max-w-7xl mx-auto px-4 py-24 sm:px-6 lg:px-8 relative z-10">
-            <div class="text-center">
-                <div class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-white/20 mb-6">
-                    <span class="mr-2">#1 em inovação</span>
-                    <i data-feather="award"></i>
-                </div>
-                <h1 class="text-4xl md:text-6xl font-bold tracking-tight mb-6" data-aos="fade-up">
-                    Transforme seu negócio com <br><span class="bg-clip-text text-transparent bg-gradient-to-r from-yellow-300 to-pink-300">Agentes de IA Personalizados</span>
-                </h1>
-                <p class="max-w-3xl mx-auto text-xl md:text-2xl text-gray-200 mb-10" data-aos="fade-up" data-aos-delay="100">
-                    De vendas e geração de leads a suporte ao cliente e gestão de conhecimento, nossos agentes de IA trabalham 24/7 para impulsionar sua empresa.
-                </p>
-                <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
-                    <a href="https://mindapps.ai" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
-                        Conheça nossas soluções
-                    </a>
-                    <a href="https://mindapps.ai" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10">
-                        <i data-feather="play" class="mr-2"></i> Ver demonstração
-                    </a>
-                </div>
             </div>
-        </div>
-    </section>
-    <!-- Challenges Section -->
-    <section class="bg-white py-20">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-16" data-aos="fade-up">
-                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
-                    Desafios Empresariais Solucionados
-                </h2>
-                <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    As empresas de hoje enfrentam desafios sem precedentes que impactam sua produtividade e crescimento.
-                </p>
             </div>
-            <div class="grid md:grid-cols-2 gap-8">
-                <div class="bg-gray-50 rounded-xl p-8" data-aos="fade-right">
-                    <div class="flex items-center mb-4">
-                        <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2">
-                            <i data-feather="alert-circle" class="text-white"></i>
-                        </div>
-                        <h3 class="ml-3 text-lg font-medium text-gray-900">Problemas Atuais</h3>
-                    </div>
-                    <ul class="space-y-4 text-gray-600">
-                        <li class="flex">
-                            <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
-                            <span>Equipes de vendas lutando para pesquisar prospects efetivamente</span>
-                        </li>
-                        <li class="flex">
-                            <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
-                            <span>Leads quentes que ficam parados fora do horário comercial</span>
-                        </li>
-                        <li class="flex">
-                            <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
-                            <span>Suporte ao cliente que não escala sem contratações massivas</span>
-                        </li>
-                        <li class="flex">
-                            <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
-                            <span>Conhecimento preso em documentos em vez de melhorar decisões</span>
-                        </li>
-                    </ul>
-                </div>
-                <div class="bg-indigo-50 rounded-xl p-8" data-aos="fade-left">
-                    <div class="flex items-center mb-4">
-                        <div class="flex-shrink-0 bg-indigo-600 rounded-md p-2">
-                            <i data-feather="zap" class="text-white"></i>
-                        </div>
-                        <h3 class="ml-3 text-lg font-medium text-gray-900">Solução MindApps</h3>
-                    </div>
-                    <p class="text-gray-600 mb-4">
-                        Agentes de IA personalizados que automatizam funções críticas de negócios, mantendo o toque humano que seus clientes esperam.
-                    </p>
-                    <div class="bg-white p-4 rounded-lg shadow-sm">
-                        <div class="flex">
-                            <div class="flex-shrink-0">
-                                <i data-feather="clock" class="text-indigo-600"></i>
-                            </div>
-                            <div class="ml-3">
-                                <p class="text-sm text-gray-600">
-                                    <span class="font-medium text-gray-900">Operação 24/7:</span> Nossos agentes trabalham sem parar, escalando suas operações sem limites.
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             </div>
         </div>
-    </section>
-    <!-- Solutions Section -->
-    <section id="solucoes" class="py-20 bg-gray-50">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-16" data-aos="fade-up">
-                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
-                    Nossas Soluções de Agentes de IA
-                </h2>
-                <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    Desenvolvemos agentes de IA personalizados para potencializar negócios 24 horas por dia / 7 dias por semana.
-                </p>
-            </div>
-            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
-                <!-- Solution 1 -->
-                <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 feature-card" data-aos="zoom-in">
-                    <div class="p-6">
-                        <div class="flex-shrink-0 bg-indigo-100 rounded-lg p-3 inline-flex">
-                            <img src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745877840074x731172488836782100/finance_mode_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" alt="Co-pilotos de Vendas" class="h-8 w-8">
-                        </div>
-                        <h3 class="mt-4 text-lg font-medium text-gray-900">Co-pilotos de Vendas</h3>
-                        <p class="mt-2 text-gray-600">
-                            Nossos co-pilotos de vendas trabalham ao lado da sua equipe, lidando com pesquisas de prospects sugerindo abordagem perfeita para cada potencial cliente.
-                        </p>
-                    </div>
-                    <div class="px-6 py-4 bg-gray-50">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
-                </div>
-                <!-- Solution 2 -->
-                <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 feature-card" data-aos="zoom-in" data-aos-delay="100">
-                    <div class="p-6">
-                        <div class="flex-shrink-0 bg-indigo-100 rounded-lg p-3 inline-flex">
-                            <img src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745878091172x644612278860312800/person_search_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" alt="Qualificação de Leads" class="h-8 w-8">
-                        </div>
-                        <h3 class="mt-4 text-lg font-medium text-gray-900">Qualificação de Leads 24/7</h3>
-                        <p class="mt-2 text-gray-600">
-                            Nossos sistemas de qualificação garantem que cada prospect receba atenção imediata e entre no seu pipeline devidamente categorizado e priorizado.
-                        </p>
-                    </div>
-                    <div class="px-6 py-4 bg-gray-50">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
-                </div>
-                <!-- Solution 3 -->
-                <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 feature-card" data-aos="zoom-in" data-aos-delay="200">
-                    <div class="p-6">
-                        <div class="flex-shrink-0 bg-indigo-100 rounded-lg p-3 inline-flex">
-                            <img src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745878130008x816858334874608800/support_agent_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" alt="Agentes de Suporte" class="h-8 w-8">
-                        </div>
-                        <h3 class="mt-4 text-lg font-medium text-gray-900">Agentes de Suporte ao Cliente</h3>
-                        <p class="mt-2 text-gray-600">
-                            Forneça suporte instantâneo e preciso em todos os canais – inclusive por voz, mantendo "a voz da sua marca" em todos os momentos.
-                        </p>
-                    </div>
-                    <div class="px-6 py-4 bg-gray-50">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
-                </div>
-                <!-- Solution 4 -->
-                <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 feature-card" data-aos="zoom-in" data-aos-delay="300">
-                    <div class="p-6">
-                        <div class="flex-shrink-0 bg-indigo-100 rounded-lg p-3 inline-flex">
-                            <img src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745878207278x590120768533953300/mark_unread_chat_alt_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" alt="WhatsApp Leads" class="h-8 w-8">
-                        </div>
-                        <h3 class="mt-4 text-lg font-medium text-gray-900">Geração de Leads via WhatsApp</h3>
-                        <p class="mt-2 text-gray-600">
-                            Converta leads qualificados com Agentes inteligentes de WhatsApp que engajam prospects naturalmente e adicionam leads ao seu CRM de forma perfeita.
-                        </p>
-                    </div>
-                    <div class="px-6 py-4 bg-gray-50">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
                 </div>
             </div>
-        </div>
-    </section>
-    <!-- Innovation Lab Section -->
-    <section id="laboratorio" class="py-20 bg-white">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-16" data-aos="fade-up">
-                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
-                    Nosso Laboratório de Inovação
-                </h2>
-                <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    Na MindApps, não apenas falamos sobre IA – nós a construímos.
-                </p>
-            </div>
-            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
-                <!-- Innovation 1 -->
-                <div class="bg-gray-50 rounded-xl p-6" data-aos="fade-up">
-                    <div class="flex-shrink-0 bg-indigo-600 rounded-md p-2 w-10 h-10 flex items-center justify-center">
-                        <i data-feather="eye" class="text-white"></i>
-                    </div>
-                    <h3 class="mt-4 text-lg font-medium text-gray-900">Insights Inteligentes</h3>
-                    <p class="mt-2 text-gray-600">
-                        Obtenha insights sem esforço com nossa tecnologia de análise avançada.
-                    </p>
-                    <div class="mt-4">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
-                </div>
-                <!-- Innovation 2 -->
-                <div class="bg-gray-50 rounded-xl p-6" data-aos="fade-up" data-aos-delay="100">
-                    <div class="flex-shrink-0 bg-indigo-600 rounded-md p-2 w-10 h-10 flex items-center justify-center">
-                        <i data-feather="trending-up" class="text-white"></i>
-                    </div>
-                    <h3 class="mt-4 text-lg font-medium text-gray-900">Monitore o mercado</h3>
-                    <p class="mt-2 text-gray-600">
-                        Monitore mudanças de cenários instantaneamente com nossos agentes especializados.
-                    </p>
-                    <div class="mt-4">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
                 </div>
-                <!-- Innovation 3 -->
-                <div class="bg-gray-50 rounded-xl p-6" data-aos="fade-up" data-aos-delay="200">
-                    <div class="flex-shrink-0 bg-indigo-600 rounded-md p-2 w-10 h-10 flex items-center justify-center">
-                        <i data-feather="link" class="text-white"></i>
-                    </div>
-                    <h3 class="mt-4 text-lg font-medium text-gray-900">Conexões API</h3>
-                    <p class="mt-2 text-gray-600">
-                        Conecte quaisquer dois ou mais sistemas com nossa plataforma de integração.
-                    </p>
-                    <div class="mt-4">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
                 </div>
-                <!-- Innovation 4 -->
-                <div class="bg-gray-50 rounded-xl p-6" data-aos="fade-up" data-aos-delay="300">
-                    <div class="flex-shrink-0 bg-indigo-600 rounded-md p-2 w-10 h-10 flex items-center justify-center">
-                        <i data-feather="type" class="text-white"></i>
-                    </div>
-                    <h3 class="mt-4 text-lg font-medium text-gray-900">Texto incomparável</h3>
-                    <p class="mt-2 text-gray-600">
-                        Integre IA a suas atuais ferramentas e sistemas para gerar conteúdo perfeito.
-                    </p>
-                    <div class="mt-4">
-                        <a href="https://mindapps.ai" class="text-indigo-600 hover:text-indigo-800 font-medium text-sm inline-flex items-center">
-                            Saiba mais <i data-feather="arrow-right" class="ml-1 h-4 w-4"></i>
-                        </a>
-                    </div>
                 </div>
             </div>
-        </div>
-    </section>
-    <!-- About Section -->
-    <section id="sobre" class="py-20 bg-indigo-50">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="grid md:grid-cols-2 gap-12 items-center">
-                <div data-aos="fade-right">
-                    <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
-                        Conheça mais sobre nós
-                    </h2>
-                    <p class="mt-4 text-lg text-gray-600">
-                        Unindo a inteligência humana à inteligência artificial para criar soluções transformadoras.
-                    </p>
-                    <div class="mt-8 bg-white p-6 rounded-lg shadow-sm">
-                        <div class="flex">
-                            <div class="flex-shrink-0">
-                                <img class="h-12 w-12 rounded-full" src="https://static.photos/people/200x200/1" alt="Katia Pacheco">
-                            </div>
-                            <div class="ml-4">
-                                <div class="text-sm font-medium text-gray-900">Katia Pacheco, CEO at MindApps</div>
-                                <div class="text-sm text-gray-600 mt-1">
-                                    "Na MindApps nós transformamos a forma como as empresas operam. Por meio de soluções customizadas explorando todos os melhores recursos oferecidos pelos Agentes de IA, nós levamos eficiência aos processos comerciais das organizações, aumentando suas taxas de conversão."
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div data-aos="fade-left">
-                    <img src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745880645243x573388900442209900/Design%20sem%20nome%20%281%29.svg" alt="MindApps Team" class="rounded-lg shadow-lg w-full">
                 </div>
             </div>
         </div>
-    </section>
-    <!-- Newsletter Section -->
-    <section id="contato" class="py-20 bg-gray-900 text-white">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="grid md:grid-cols-2 gap-12 items-center">
-                <div data-aos="fade-right">
-                    <h2 class="text-3xl font-extrabold sm:text-4xl">
-                        Inscreva-se para novidades!
-                    </h2>
-                    <p class="mt-4 text-lg text-gray-300">
-                        Receba insights exclusivos e novidades de IA direto na sua caixa de entrada.
-                    </p>
-                </div>
-                <div data-aos="fade-left">
-                    <form class="mt-6 sm:flex">
-                        <label for="email-address" class="sr-only">Email address</label>
-                        <input id="email-address" name="email" type="email" autocomplete="email" required class="w-full px-5 py-3 placeholder-gray-500 focus:ring-indigo-500 focus:border-indigo-500 sm:max-w-xs border-gray-300 rounded-md" placeholder="Seu melhor email">
-                        <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
-                            <button type="submit" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                                Assinar <i data-feather="send" class="ml-2 h-4 w-4"></i>
-                            </button>
-                        </div>
-                    </form>
-                    <p class="mt-3 text-sm text-gray-400">
-                        Nós respeitamos sua privacidade. Nunca enviaremos spam.
-                    </p>
                 </div>
             </div>
         </div>
-    </section>
-    <!-- Footer -->
-    <footer class="bg-gray-800">
-        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
-            <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
-                <div class="col-span-2">
-                    <img class="h-8" src="https://40d4b7221b95f5e7ceb447f7f20041f1.cdn.bubble.io/f1745880885995x778374330530601900/Sem_Ti%CC%81tulo.svg" alt="MindApps Logo">
-                    <p class="mt-4 text-gray-400 text-sm">
-                        Transformando negócios com Inteligência Artificial personalizada.
-                    </p>
-                </div>
-                <div>
-                    <h3 class="text-sm font-semibold text-gray-200 tracking-wider uppercase">Soluções</h3>
-                    <ul class="mt-4 space-y-2">
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Vendas</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Suporte</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">WhatsApp</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Conhecimento</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="text-sm font-semibold text-gray-200 tracking-wider uppercase">Empresa</h3>
-                    <ul class="mt-4 space-y-2">
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Sobre</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Blog</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Contato</a></li>
-                        <li><a href="https://mindapps.ai" class="text-gray-400 hover:text-white text-sm">Carreiras</a></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="mt-12 border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between">
-                <p class="text-gray-400 text-sm">
-                    © 2025 MindApps. Todos os direitos reservados.
-                </p>
-                <div class="flex space-x-6 mt-4 md:mt-0">
-                    <a href="https://mindapps.ai" class="text-gray-400 hover:text-white">
-                        <i data-feather="facebook"></i>
-                    </a>
-                    <a href="https://mindapps.ai" class="text-gray-400 hover:text-white">
-                        <i data-feather="instagram"></i>
-                    </a>
-                    <a href="https://mindapps.ai" class="text-gray-400 hover:text-white">
-                        <i data-feather="twitter"></i>
-                    </a>
-                    <a href="https://mindapps.ai" class="text-gray-400 hover:text-white">
-                        <i data-feather="linkedin"></i>
-                    </a>
                 </div>
             </div>
         </div>
-    </footer>
-    <script>
-        VANTA.GLOBE({
-            el: "#vanta-globe",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0x4f46e5,
-            size: 1.00,
-            backgroundColor: 0xffffff
-        });
-    </script>
-    <script>
-        AOS.init({
-            duration: 800,
-            easing: 'ease-in-out',
-            once: true
-        });
-    </script>
-    <script>feather.replace();</script>
 </body>
-</html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>MindApps.ai — 22+ Aplicações Práticas de IA</title>
+    <meta name="description" content="Laboratório de IA com 22+ ferramentas gratuitas e open source. Por Guilherme Favaron.">
+    <link rel="stylesheet" href="style.css">
 </head>
+<body>
+    <div class="container">
+        <!-- Header -->
+        <header class="header">
+            <h1 class="logo"><span class="logo-mind">MINDAPPS</span><span class="logo-ai">.AI</span></h1>
+            <p class="tagline">Laboratório de IA Aplicada</p>
+        </header>
+        <!-- Intro Card -->
+        <div class="card intro-card">
+            <h2>Exemplos de Aplicações Práticas de Inteligência Artificial</h2>
+            <p>Ferramentas gratuitas e open source para resolver problemas reais. Cada aplicação foi criada para demonstrar implementações práticas de IA — e todas estão disponíveis para você usar e aprender.</p>
+            <p><strong>Por Guilherme Favaron</strong> — VP de Tecnologia | ML Engineering</p>
+            <div class="links">
+                <a href="https://guilhermefavaron.com.br" target="_blank" class="btn btn-primary">Newsletter</a>
+                <a href="https://github.com/guifav" target="_blank" class="btn btn-secondary">GitHub</a>
+                <a href="https://linkedin.com/in/guilhermefavaron" target="_blank" class="btn btn-secondary">LinkedIn</a>
             </div>
         </div>
+        <!-- Stats -->
+        <div class="stats">
+            <div class="stat-item">
+                <span class="stat-number">20+</span>
+                <span class="stat-label">Aplicativos</span>
             </div>
+            <div class="stat-item">
+                <span class="stat-number">100%</span>
+                <span class="stat-label">Open Source</span>
             </div>
+            <div class="stat-item">
+                <span class="stat-number">Free</span>
+                <span class="stat-label">Gratuito</span>
             </div>
         </div>
+        <!-- Apps Grid -->
+        <div class="apps-section">
+            <h2 class="section-title">Produtividade & Análise</h2>
+            <div class="apps-grid">
+                <div class="app-card">
+                    <h3>🦉 Audience Owl</h3>
+                    <p>Identifique audiências-alvo com IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/audience_owl" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐆 Chat Cheetah</h3>
+                    <p>Chat com documentos via RAG</p>
+                    <a href="https://huggingface.co/spaces/guifav/chat_cheetah" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>⚖️ Jurídico AI</h3>
+                    <p>Geração de peças jurídicas</p>
+                    <a href="https://huggingface.co/spaces/guifav/juridico_ai" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🦝 Resume Raccoon</h3>
+                    <p>Análise de currículos com IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/resume_raccoon" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>📊 Data Analytics</h3>
+                    <p>Análise de CSV com IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/data_analytics" target="_blank" class="app-link">Usar App →</a>
                 </div>
             </div>
+            <h2 class="section-title">Criação de Conteúdo</h2>
+            <div class="apps-grid">
+                <div class="app-card">
+                    <h3>🐻 Blog Bear</h3>
+                    <p>Geração de artigos SEO</p>
+                    <a href="https://huggingface.co/spaces/guifav/blog_bear" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐰 Post Bunny</h3>
+                    <p>Posts para redes sociais</p>
+                    <a href="https://huggingface.co/spaces/guifav/post_bunny" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>💡 Elisa Illuminate</h3>
+                    <p>Criação de podcasts com IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/elisa_illuminate" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>💡 Guiga Illuminate</h3>
+                    <p>Criação de podcasts com IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/guiga_illuminate" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🎮 Poke Tale</h3>
+                    <p>Histórias narradas por IA</p>
+                    <a href="https://huggingface.co/spaces/guifav/poke_tale" target="_blank" class="app-link">Usar App →</a>
                 </div>
+            </div>
+            <h2 class="section-title">Áudio & Transcrição</h2>
+            <div class="apps-grid">
+                <div class="app-card">
+                    <h3>🐱 Listen Lynx</h3>
+                    <p>Transcrição inteligente de áudios</p>
+                    <a href="https://huggingface.co/spaces/guifav/listen_lynx" target="_blank" class="app-link">Usar App →</a>
                 </div>
+            </div>
+            <h2 class="section-title">Processamento de Imagens</h2>
+            <div class="apps-grid">
+                <div class="app-card">
+                    <h3>🦅 Flash Falcon</h3>
+                    <p>Geração de imagens com FLUX.1</p>
+                    <a href="https://huggingface.co/spaces/guifav/flash_falcon" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐐 Image Ibex</h3>
+                    <p>Geração com Stable Diffusion</p>
+                    <a href="https://huggingface.co/spaces/guifav/image_ibex" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🦫 BG Beaver</h3>
+                    <p>Remoção de fundos em lote</p>
+                    <a href="https://huggingface.co/spaces/guifav/bg_beaver" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🦊 Photo Fox</h3>
+                    <p>Restauração de fotos</p>
+                    <a href="https://huggingface.co/spaces/guifav/photo_fox" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐨 Clone Koala</h3>
+                    <p>Gerador de prompts para imagens</p>
+                    <a href="https://huggingface.co/spaces/guifav/clone_koala" target="_blank" class="app-link">Usar App →</a>
                 </div>
             </div>
+            <h2 class="section-title">Ferramentas Especializadas</h2>
+            <div class="apps-grid">
+                <div class="app-card">
+                    <h3>🔍 Omni Parser</h3>
+                    <p>IA que navega interfaces</p>
+                    <a href="https://huggingface.co/spaces/guifav/omni_parser" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐺 Percent Wolf</h3>
+                    <p>Cálculos de porcentagem</p>
+                    <a href="https://huggingface.co/spaces/guifav/percent_wolf" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🦙 Chat Llama</h3>
+                    <p>Chatbot com LLaMA 3.1</p>
+                    <a href="https://huggingface.co/spaces/guifav/chat_llama" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>📄 PDF To Markdown</h3>
+                    <p>Conversão com OCR</p>
+                    <a href="https://huggingface.co/spaces/guifav/pdf_to_markdown" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🐯 Text Tiger</h3>
+                    <p>Extração de texto de sites</p>
+                    <a href="https://huggingface.co/spaces/guifav/text_tiger" target="_blank" class="app-link">Usar App →</a>
+                </div>
+                <div class="app-card">
+                    <h3>🦡 Bypass Badger</h3>
+                    <p>Desbloqueio de conteúdo premium</p>
+                    <a href="https://huggingface.co/spaces/guifav/bypass_badger" target="_blank" class="app-link">Usar App →</a>
                 </div>
             </div>
         </div>
+        <!-- Newsletter Section -->
+        <div class="newsletter-section">
+            <h2 class="section-title">📧 Newsletter: IA Aplicada</h2>
+            <div class="card">
+                <p><strong>Receba conteúdo técnico semanal sobre IA aplicada:</strong></p>
+                <ul class="newsletter-list">
+                    <li>✓ Implementações reais com código</li>
+                    <li>✓ Arquiteturas e decisões técnicas</li>
+                    <li>✓ Cases empresariais com ROI explicados</li>
+                    <li>✓ Tutoriais hands-on</li>
+                </ul>
+                <div class="newsletter-embed">
+                    <iframe src="https://www.guilhermefavaron.com.br/embed" width="100%" height="320" style="border:1px solid #EEE; background:white; border-radius: 8px;" frameborder="0" scrolling="no"></iframe>
                 </div>
             </div>
         </div>
+        <!-- About Section -->
+        <div class="about-section">
+            <h2 class="section-title">👨‍💻 Sobre o Criador</h2>
+            <div class="card">
+                <p><strong>Guilherme Favaron</strong> é VP de Tecnologia e especialista em Machine Learning Engineering com 18+ anos de experiência liderando transformações digitais.</p>
+                <p><strong>Track record:</strong></p>
+                <ul class="achievements-list">
+                    <li>• 30M+ USD em portfolios de inovação gerenciados</li>
+                    <li>• 100+ projetos de tecnologia liderados</li>
+                </ul>
+                <p><strong>Formação:</strong> Ciência da Computação + ML Engineering + Mestrado em IA aplicada a Vendas & Marketing</p>
+                <div class="links">
+                    <a href="https://guilhermefavaron.com.br" target="_blank" class="btn btn-primary">Newsletter</a>
+                    <a href="https://github.com/guifav" target="_blank" class="btn btn-secondary">GitHub</a>
+                    <a href="https://linkedin.com/in/guilhermefavaron" target="_blank" class="btn btn-secondary">LinkedIn</a>
                 </div>
             </div>
         </div>
+        <!-- Footer -->
+        <footer class="footer">
+            <p>MindApps.ai — Laboratório de IA Aplicada</p>
+            <p>Todos os apps são open source e gratuitos • Criado com Python + IA</p>
+            <p class="footer-links">
+                <a href="https://guilhermefavaron.com.br" target="_blank">Newsletter</a> •
+                <a href="https://github.com/guifav" target="_blank">GitHub</a> •
+                <a href="https://linkedin.com/in/guilhermefavaron" target="_blank">LinkedIn</a>
+            </p>
+        </footer>
+    </div>
 </body>
+</html>

prompts.txt DELETED Viewed

@@ -1,9 +0,0 @@
-create a url shortener
-todos os links desse site devem levar para o site original https://mindapps.ai
-when clicked, it must go to https://mindapps.ai
-when clicked must go to https://mindapps.ai
-when clicked must go to https://mindapps.ai
-when clicked must go to https://mindapps.ai
-when clicked must go to https://mindapps.ai
-when clicked must go to https://mindapps.ai

style.css CHANGED Viewed

@@ -1,28 +1,329 @@
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
-h1 {
-	font-size: 16px;
-	margin-top: 0;
 }
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
 }
 .card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
 }
-.card p:last-child {
-	margin-bottom: 0;
 }

+/* Reset and Base Styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
 body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", sans-serif;
+    line-height: 1.6;
+    color: #1f2937;
+    background: #f9fafb;
+    padding: 0;
+}
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem 1rem;
+}
+/* Header */
+.header {
+    text-align: center;
+    margin-bottom: 2rem;
+    padding: 2rem 0;
+    background: #000;
+    margin: -2rem -1rem 2rem -1rem;
 }
+.logo {
+    font-size: 2rem;
+    font-weight: 800;
+    letter-spacing: 0.1em;
+    margin: 0;
 }
+.logo-mind {
+    color: #fff;
 }
+.logo-ai {
+    color: #ffbe00;
+}
+.tagline {
+    color: #9ca3af;
+    font-size: 0.875rem;
+    text-transform: uppercase;
+    letter-spacing: 0.15em;
+    margin-top: 0.5rem;
+}
+/* Cards */
 .card {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.intro-card {
+    border-left: 4px solid #ffbe00;
+}
+.intro-card h2 {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+    color: #111827;
+}
+.intro-card p {
+    color: #4b5563;
+    font-size: 1rem;
+    margin-bottom: 0.75rem;
+}
+.intro-card p:last-of-type {
+    margin-bottom: 1.5rem;
+}
+/* Buttons */
+.links {
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+}
+.btn {
+    display: inline-block;
+    padding: 0.625rem 1.25rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-size: 0.875rem;
+    font-weight: 600;
+    transition: all 0.2s;
+}
+.btn-primary {
+    background: #ffbe00;
+    color: #000;
+}
+.btn-primary:hover {
+    background: #e5ab00;
+    transform: translateY(-2px);
+}
+.btn-secondary {
+    background: #000;
+    color: #fff;
+    border: 1px solid #000;
+}
+.btn-secondary:hover {
+    background: #1f2937;
+    transform: translateY(-2px);
+}
+/* Stats */
+.stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 1rem;
+    margin-bottom: 3rem;
+}
+.stat-item {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 1.5rem;
+    text-align: center;
+}
+.stat-number {
+    display: block;
+    font-size: 2rem;
+    font-weight: 800;
+    color: #ffbe00;
+}
+.stat-label {
+    display: block;
+    font-size: 0.875rem;
+    color: #6b7280;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin-top: 0.25rem;
+}
+/* Apps Section */
+.apps-section {
+    margin-bottom: 3rem;
+}
+.section-title {
+    font-size: 1.25rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: #111827;
+    padding-bottom: 0.5rem;
+    border-bottom: 2px solid #ffbe00;
+}
+.apps-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 1rem;
+    margin-bottom: 3rem;
+}
+.app-card {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 1.25rem;
+    transition: all 0.3s;
+}
+.app-card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    border-color: #ffbe00;
+}
+.app-card h3 {
+    font-size: 1rem;
+    margin-bottom: 0.5rem;
+    color: #111827;
+}
+.app-card p {
+    color: #6b7280;
+    font-size: 0.875rem;
+    margin-bottom: 1rem;
+}
+.app-link {
+    display: inline-block;
+    color: #ffbe00;
+    text-decoration: none;
+    font-weight: 600;
+    font-size: 0.875rem;
+    transition: color 0.2s;
+}
+.app-link:hover {
+    color: #e5ab00;
+}
+/* Newsletter Section */
+.newsletter-section {
+    margin-bottom: 3rem;
+}
+.newsletter-list {
+    list-style: none;
+    padding: 0;
+    margin: 1rem 0 1.5rem 0;
+}
+.newsletter-list li {
+    padding: 0.5rem 0;
+    color: #4b5563;
+    font-size: 0.9375rem;
+}
+.newsletter-embed {
+    margin-top: 1.5rem;
+}
+/* About Section */
+.about-section {
+    margin-bottom: 3rem;
+}
+.achievements-list {
+    list-style: none;
+    padding: 0;
+    margin: 1rem 0;
 }
+.achievements-list li {
+    padding: 0.375rem 0;
+    color: #4b5563;
+    font-size: 0.9375rem;
 }
+/* Footer */
+.footer {
+    text-align: center;
+    padding: 2rem 0 1rem 0;
+    margin-top: 3rem;
+    border-top: 1px solid #e5e7eb;
+}
+.footer p {
+    color: #6b7280;
+    font-size: 0.875rem;
+    margin-bottom: 0.5rem;
+}
+.footer-links {
+    margin-top: 1rem;
+}
+.footer-links a {
+    color: #4b5563;
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.2s;
+}
+.footer-links a:hover {
+    color: #ffbe00;
+}
+/* Responsive */
+@media (max-width: 768px) {
+    .container {
+        padding: 1rem;
+    }
+    .header {
+        margin: -1rem -1rem 1.5rem -1rem;
+        padding: 1.5rem 0;
+    }
+    .logo {
+        font-size: 1.5rem;
+    }
+    .intro-card h2 {
+        font-size: 1.25rem;
+    }
+    .apps-grid {
+        grid-template-columns: 1fr;
+    }
+    .stats {
+        grid-template-columns: repeat(3, 1fr);
+    }
+    .links {
+        flex-direction: column;
+    }
+    .btn {
+        text-align: center;
+    }
+    .newsletter-embed iframe {
+        height: 400px;
+    }
+}
+@media (max-width: 480px) {
+    .stats {
+        grid-template-columns: 1fr;
+    }
+    .stat-number {
+        font-size: 1.5rem;
+    }
+}