Spaces:

valencar
/

PulmoX

Running

App Files Files Community

valencar commited on Nov 29, 2025

Commit

1802cfd

verified ·

1 Parent(s): d868a57

Upload 13 files

Browse files

Files changed (14) hide show

.gitattributes +7 -0
LANA_Card.png +3 -0
ai_system.html +280 -0
app.py +185 -0
contact.html +123 -0
doencas_pulmonares.jpg +3 -0
imagem_random.png +3 -0
index.html +324 -0
modelo_raiox.keras +3 -0
pulmox_landing.html +357 -0
pulmox_logo.png +3 -0
pulmox_logo_transparent.png +3 -0
pulmox_logo_v2.png +3 -0
requirements.txt +5 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,10 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+doencas_pulmonares.jpg filter=lfs diff=lfs merge=lfs -text
+imagem_random.png filter=lfs diff=lfs merge=lfs -text
+LANA_Card.png filter=lfs diff=lfs merge=lfs -text
+modelo_raiox.keras filter=lfs diff=lfs merge=lfs -text
+pulmox_logo_transparent.png filter=lfs diff=lfs merge=lfs -text
+pulmox_logo_v2.png filter=lfs diff=lfs merge=lfs -text
+pulmox_logo.png filter=lfs diff=lfs merge=lfs -text

LANA_Card.png ADDED Viewed

Git LFS Details

SHA256: 620a9887fb18bedd7f3d32379161274e225d5a9c2c0b8978418eaade26b7e2cb
Pointer size: 131 Bytes
Size of remote file: 133 kB

ai_system.html ADDED Viewed

	@@ -0,0 +1,280 @@

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PulmoX - AI System</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            background-color: #0e1117;
+            color: white;
+            margin: 0;
+            padding: 0;
+            display: flex;
+        }
+        .sidebar {
+            width: 280px;
+            min-height: 100vh;
+            background-color: rgba(127, 36, 25, 0.4);
+            backdrop-filter: blur(10px);
+            color: white;
+            padding: 20px;
+            box-sizing: border-box;
+            flex-shrink: 0;
+            display: flex; /* Adicionado para layout flexível */
+            flex-direction: column; /* Organiza os itens verticalmente */
+        }
+        .sidebar-content {
+            flex-grow: 1; /* Permite que o conteúdo cresça e empurre a imagem para baixo */
+        }
+        .sidebar-image {
+            margin-top: auto; /* Empurra a imagem para o final */
+            padding-top: 20px;
+            text-align: left;
+        }
+        .sidebar-image img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 8px;
+        }
+        .sidebar-logo {
+            text-align: left; /* Alinha a logomarca à esquerda */
+            padding: 20px 0 0 20px; /* Ajusta o padding para o alinhamento */
+            background-color: transparent; /* Cor de fundo da sidebar */
+        }
+        .sidebar-menu {
+            margin-top: 40px; /* Aumenta o espaço entre a logo e o menu */
+            margin-bottom: 20px;
+        }
+        .sidebar-menu a {
+            display: block;
+            color: white;
+            text-decoration: none;
+            padding: 15px 20px; /* Aumenta o padding */
+            margin: 5px -20px; /* Estende a área de destaque para a borda da sidebar */
+            font-size: 28px; /* Aumenta a fonte para maior visibilidade */
+            font-family: sans-serif; /* Volta para a fonte padrão do corpo, mais legível */
+            font-weight: 700; /* Negrito, mas não excessivo */
+            transition: all 0.2s ease-in-out;
+            border-radius: 0 10px 10px 0; /* Borda arredondada no lado direito */
+        }
+        .sidebar-menu a:hover {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Sombra sutil no hover */
+        }
+        .sidebar-menu a.active {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Sombra apenas no ativo */
+            font-weight: bold;
+            border-left: 5px solid #9ecbff; /* Linha de destaque na lateral */
+            padding-left: 15px; /* Ajusta o padding para compensar a borda */
+        }
+        .main-content {
+            flex-grow: 1;
+            padding: 1rem 2rem;
+            box-sizing: border-box;
+        }
+        .main-container {
+            max-width: 700px;
+            margin: 0 auto;
+        }
+        .image-placeholder {
+            width: 100%;
+            height: 520px; /* Aumentado em 30% de 400px */
+            background-color: rgba(51, 51, 51, 0.4);
+            backdrop-filter: blur(10px);
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 1.5rem;
+            font-size: 1.5rem;
+            color: rgba(204, 204, 204, 0.6);
+            overflow: hidden;
+        }
+        .image-placeholder img {
+            width: 100%; /* Garante que a imagem tente ocupar 100% da largura */
+            height: 100%; /* Garante que a imagem tente ocupar 100% da altura */
+            object-fit: contain; /* Garante que a proporção seja mantida */
+        }
+        .prediction-placeholder {
+            min-height: 50px;
+            margin-bottom: 1.5rem;
+            padding: 10px 0;
+        }
+        .columns-container {
+            display: flex;
+            gap: 1rem;
+            align-items: flex-start;
+        }
+        .column {
+            flex: 1;
+        }
+        .button-style {
+            border: 2px solid white;
+            border-radius: 12px;
+            background-color: black;
+            color: white;
+            padding: 1.2rem 2rem;
+            font-size: 20px;
+            font-family: sans-serif;
+            cursor: pointer;
+            width: 100%;
+            text-align: center;
+            transition: all 0.2s ease-in-out;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-decoration: none;
+            box-sizing: border-box;
+        }
+        .button-style:hover {
+            background-color: #333;
+            border-color: #9ecbff;
+        }
+        .upload-label {
+            display: block;
+            cursor: pointer;
+        }
+        #file-upload-input {
+            display: none;
+        }
+         .footer {
+            text-align: left; /* Garante o alinhamento à esquerda */
+            padding: 1rem 20px; /* Adiciona padding lateral para afastar da borda */
+            color: #aaa;
+            font-size: 14px;
+            line-height: 1.5;
+        }
+        .footer a {
+            color: #9ecbff !important;
+            text-decoration: none !important;
+        }
+    </style>
+</head>
+<body>
+    <div class="sidebar">
+        <div class="sidebar-logo">
+            <a href="index.html"><img src="pulmox_logo_v2.png" alt="PulmoX Logo" style="width: 191px; height: auto; margin-bottom: 20px;"></a>
+        </div>
+        <div class="sidebar-content">
+            <div class="sidebar-menu">
+                <a href="index.html">Sobre</a>
+                <a href="ai_system.html" class="active">PulmoX</a>
+                <a href="contact.html">Contato</a>
+            </div>
+        </div>
+    </div>
+	    <div class="main-content">
+	        <div class="main-container">
+			            <div style="font-size:32px; font-weight:bold; margin-top:0px; line-height:1.2; margin-bottom: 1.5rem;">
+			                Classificação de Doenças Pulmonares via IA
+			            </div>
+            <div class="image-placeholder" id="image-placeholder">
+                <img src="doencas_pulmonares.jpg" alt="Imagem de Raio-X de Pulmão">
+            </div>
+            <div class="prediction-placeholder">
+                <span style="color:white; font-size:32px;">Previsão:</span>
+                <span id="prediction-result" style="color:#5dade2; font-size:32px;">Aguardando Ação</span>
+                <span id="prediction-prob" style="color:white; font-size:32px;"></span>
+            </div>
+            <div class="columns-container">
+                <div class="column">
+                    <button class="button-style" id="random-button">Raios-X Aleatórios</button>
+                </div>
+                <div class="column">
+                    <input type="file" id="file-upload-input" accept=".png">
+                    <label for="file-upload-input" class="upload-label">
+                        <div class="button-style">Selecionar Arquivo</div>
+                    </label>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        const resultElement = document.getElementById('prediction-result');
+        const probElement = document.getElementById('prediction-prob');
+        const imagePlaceholder = document.getElementById('image-placeholder');
+        const fileInput = document.getElementById('file-upload-input');
+        function updatePrediction(classe, prob, cor) {
+            resultElement.textContent = classe;
+            resultElement.style.color = cor;
+            probElement.textContent = prob > 0 ? ` - ${prob}%` : '';
+        }
+        function displayImage(file) {
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                imagePlaceholder.innerHTML = `<img src="${e.target.result}" alt="Imagem de Raio-X">`;
+            };
+            reader.readAsDataURL(file);
+        }
+        fileInput.addEventListener('change', function(event) {
+            const file = event.target.files[0];
+            if (!file) return;
+            displayImage(file);
+            const formData = new FormData();
+            formData.append('file', file);
+            updatePrediction('Processando...', 0, '#9ecbff');
+            fetch('/predict', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.error) {
+                    updatePrediction('Erro', 0, '#ff0000');
+                    alert(`Erro na predição: ${data.error}`);
+                    return;
+                }
+                updatePrediction(data.classe, data.prob, data.cor);
+            })
+            .catch(error => {
+                console.error('Erro:', error);
+                updatePrediction('Erro de Conexão', 0, '#ff0000');
+                alert('Erro ao conectar com o servidor de predição. Verifique se o servidor Flask está rodando.');
+            });
+        });
+        document.getElementById('random-button').addEventListener('click', function() {
+            updatePrediction('Buscando Imagem...', 0, '#9ecbff');
+            fetch('/random_predict', {
+                method: 'GET'
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.error) {
+                    updatePrediction('Erro', 0, '#ff0000');
+                    alert(`Erro ao buscar imagem: ${data.error}`);
+                    return;
+                }
+                const imgSource = `data:${data.image_mimetype};base64,${data.image_base64}`;
+                imagePlaceholder.innerHTML = `<img src="${imgSource}" alt="Imagem de Raio-X Aleatória">`;
+                updatePrediction(data.classe, data.prob, data.cor);
+            })
+            .catch(error => {
+                console.error('Erro:', error);
+                updatePrediction('Erro de Conexão', 0, '#ff0000');
+                alert('Erro ao conectar com o servidor de predição. Verifique se o servidor Flask está rodando.');
+            });
+        });
+    </script>
+</body>
+</html>

app.py ADDED Viewed

	@@ -0,0 +1,185 @@

+from flask import Flask, request, jsonify
+from PIL import Image
+from io import BytesIO
+import numpy as np
+import requests
+import os
+from keras.models import load_model
+from keras.preprocessing import image
+import warnings
+import random
+import base64
+import shutil
+from threading import Thread
+# Constantes para o download
+RANDOM_XRAYS_DIR = 'random_xrays'
+RANDOM_XRAYS_BASE_URL = "https://raw.githubusercontent.com/vladimiralencar/Projects-2024/main/X-Rays/Dados_Raios_X/"
+RANDOM_XRAYS_LIST = [
+    'CHNCXR_0342_1.png','CHNCXR_0022_0.png','CHNCXR_0006_0.png','CHNCXR_0004_0.png','CHNCXR_0338_1.png',
+    'CHNCXR_0340_1.png','CHNCXR_0020_0.png','CHNCXR_0019_0.png','CHNCXR_0024_0.png','CHNCXR_0344_1.png'
+]
+def download_random_xrays():
+    """Baixa as imagens aleatórias para uma pasta local."""
+    if os.path.exists(RANDOM_XRAYS_DIR):
+        print(f"✅ Pasta '{RANDOM_XRAYS_DIR}' já existe. Pulando download.")
+        return
+    os.makedirs(RANDOM_XRAYS_DIR, exist_ok=True)
+    print(f"⏳ Baixando {len(RANDOM_XRAYS_LIST)} imagens para '{RANDOM_XRAYS_DIR}'...")
+    for filename in RANDOM_XRAYS_LIST:
+        url = RANDOM_XRAYS_BASE_URL + filename
+        local_path = os.path.join(RANDOM_XRAYS_DIR, filename)
+        try:
+            response = requests.get(url, stream=True)
+            response.raise_for_status()
+            with open(local_path, 'wb') as file:
+                shutil.copyfileobj(response.raw, file)
+            print(f"   - Baixado: {filename}")
+        except Exception as e:
+            print(f"   ❌ Erro ao baixar {filename}: {e}")
+    print("✅ Download de imagens aleatórias concluído.")
+warnings.filterwarnings("ignore")
+app = Flask(__name__, static_folder='.', static_url_path='/')
+# ===========================
+# Carregamento do modelo
+# ===========================
+MODEL_PATH = 'modelo_raiox.keras'
+MODEL = None
+try:
+    if not os.path.exists(MODEL_PATH):
+        print(f"❌ Arquivo de modelo '{MODEL_PATH}' não encontrado. A predição não funcionará.")
+    else:
+        MODEL = load_model(MODEL_PATH, compile=False)
+        print("✅ Modelo carregado com sucesso.")
+except Exception as e:
+    print(f"❌ Erro ao carregar o modelo: {e}")
+# ===========================
+# Função de predição (Adaptada para Flask)
+# ===========================
+def predict_image(img_data):
+    """
+    Realiza a predição em um objeto PIL Image.
+    Retorna um dicionário com a classe, probabilidade e cores.
+    """
+    if MODEL is None:
+        return {
+            "classe": "Erro",
+            "prob": 0,
+            "cor": "#ff0000",
+            "mensagem": "Modelo não carregado."
+        }
+    IMAGE_HEIGHT, IMAGE_WIDTH = 96, 96
+    categories = ['Normal', 'Tuberculose']
+    # 1. Pré-processamento
+    img = img_data.convert("RGB").resize((IMAGE_HEIGHT, IMAGE_WIDTH))
+    img = image.img_to_array(img)
+    img = np.expand_dims(img, axis=0) / 255.0
+    # 2. Predição
+    pred = MODEL.predict(img, verbose=0)
+    classe_idx = np.argmax(pred)
+    prob = np.max(pred) * 100
+    # 3. Formatação do resultado
+    classe = categories[classe_idx]
+    cor_classe = "#5dade2" if classe_idx == 0 else "#e74c3c"
+    return {
+        "classe": classe,
+        "prob": round(prob),
+        "cor": cor_classe,
+        "mensagem": "Predição realizada com sucesso."
+    }
+# ===========================
+# Rotas do Flask
+@app.route('/random_predict', methods=['GET'])
+def random_predict():
+    """Endpoint para buscar uma imagem aleatória local, realizar a predição e retornar a imagem em base64 e o resultado."""
+    if not os.path.exists(RANDOM_XRAYS_DIR) or not os.listdir(RANDOM_XRAYS_DIR):
+        return jsonify({"error": "Imagens aleatórias não encontradas. Verifique o download."}), 500
+    # 1. Escolher uma imagem localmente
+    imagens_locais = os.listdir(RANDOM_XRAYS_DIR)
+    nome_imagem = random.choice(imagens_locais)
+    local_path = os.path.join(RANDOM_XRAYS_DIR, nome_imagem)
+    try:
+        # 2. Carregar a imagem para predição
+        # 2. Carregar a imagem para predição
+        with open(local_path, 'rb') as f:
+            img_data = f.read()
+        # 3. Realizar a predição
+        img = Image.open(BytesIO(img_data))
+        result = predict_image(img)
+        # 4. Codificar a imagem em Base64 para envio ao frontend
+        img_base64 = base64.b64encode(img_data).decode('utf-8')
+        # 5. Combinar resultado da predição com a imagem
+        result['image_base64'] = img_base64
+        result['image_mimetype'] = 'image/png' # Assumindo que as imagens são PNG
+        return jsonify(result)
+    except Exception as e:
+        print(f"Erro interno no random_predict (local): {e}")
+        return jsonify({"error": f"Erro interno: {e}"}), 500
+@app.route('/')
+# ===========================
+@app.route('/')
+def index():
+    """Serve o arquivo HTML principal."""
+    # O Flask está configurado para servir arquivos estáticos da pasta atual.
+    # A rota '/' irá servir o index.html.
+    return app.send_static_file('index.html')
+@app.route('/predict', methods=['POST'])
+def predict():
+    """Endpoint para receber o arquivo e realizar a predição."""
+    if 'file' not in request.files:
+        return jsonify({"error": "Nenhum arquivo enviado"}), 400
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({"error": "Nome de arquivo vazio"}), 400
+    if file and file.filename.endswith('.png'):
+        try:
+            # Lê o arquivo diretamente para um objeto PIL Image
+            img = Image.open(BytesIO(file.read()))
+            # Realiza a predição
+            result = predict_image(img)
+            return jsonify(result)
+        except Exception as e:
+            print(f"Erro durante a predição: {e}")
+            return jsonify({"error": f"Erro interno durante a predição: {e}"}), 500
+    return jsonify({"error": "Formato de arquivo inválido. Apenas .png é aceito."}), 400
+if __name__ == '__main__':
+    # Inicia o download das imagens em uma thread separada para não bloquear o servidor
+    download_thread = Thread(target=download_random_xrays)
+    download_thread.start()
+    app.run(debug=True)

contact.html ADDED Viewed

	@@ -0,0 +1,123 @@

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PulmoX - Contact</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            background-color: #0e1117;
+            color: white;
+            margin: 0;
+            padding: 0;
+            display: flex;
+        }
+        .sidebar {
+            width: 280px;
+            min-height: 100vh;
+            background-color: rgba(127, 36, 25, 0.4);
+            backdrop-filter: blur(10px);
+            color: white;
+            padding: 20px;
+            box-sizing: border-box;
+            flex-shrink: 0;
+            display: flex;
+            flex-direction: column;
+        }
+        .sidebar-content {
+            flex-grow: 1;
+        }
+        .sidebar-image {
+            margin-top: auto;
+            padding-top: 20px;
+            text-align: left;
+        }
+        .sidebar-image img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 8px;
+        }
+        .sidebar-logo {
+            text-align: left; /* Alinha a logomarca à esquerda */
+            padding: 20px 0 0 20px; /* Ajusta o padding para o alinhamento */
+            background-color: transparent; /* Cor de fundo da sidebar */
+        }
+        .sidebar-menu {
+            margin-top: 40px; /* Aumenta o espaço entre a logo e o menu */
+            margin-bottom: 20px;
+        }
+        .sidebar-menu a {
+            display: block;
+            color: white;
+            text-decoration: none;
+            padding: 15px 20px; /* Aumenta o padding */
+            margin: 5px -20px; /* Estende a área de destaque para a borda da sidebar */
+            font-size: 28px; /* Aumenta a fonte para maior visibilidade */
+            font-family: sans-serif; /* Volta para a fonte padrão do corpo, mais legível */
+            font-weight: 700; /* Negrito, mas não excessivo */
+            transition: all 0.2s ease-in-out;
+            border-radius: 0 10px 10px 0; /* Borda arredondada no lado direito */
+        }
+        .sidebar-menu a:hover {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Sombra sutil no hover */
+        }
+        .sidebar-menu a.active {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Sombra apenas no ativo */
+            font-weight: bold;
+            border-left: 5px solid #9ecbff; /* Linha de destaque na lateral */
+            padding-left: 15px; /* Ajusta o padding para compensar a borda */
+        }
+        .main-content {
+            flex-grow: 1;
+            padding: 1rem 2rem;
+            box-sizing: border-box;
+        }
+        .main-container {
+            max-width: 700px;
+            margin: 0 auto;
+        }
+        .contact-info {
+            margin-top: 2rem;
+            font-size: 18px; /* Aumenta a fonte para 18px */
+            line-height: 1.8;
+            text-align: left; /* Garante o alinhamento à esquerda do conteúdo de contato */
+        }
+        .contact-info a {
+            color: #9ecbff !important;
+            text-decoration: none !important;
+        }
+    </style>
+</head>
+<body>
+    <div class="sidebar">
+        <div class="sidebar-logo">
+            <a href="index.html"><img src="pulmox_logo_v2.png" alt="PulmoX Logo" style="width: 191px; height: auto; margin-bottom: 20px;"></a>
+        </div>
+        <div class="sidebar-content">
+            <div class="sidebar-menu">
+                <a href="index.html">Sobre</a>
+                <a href="ai_system.html">PulmoX</a>
+                <a href="contact.html" class="active">Contato</a>
+            </div>
+        </div>
+    </div>
+    <div class="main-content">
+        <div class="main-container">
+            <h1>Contato e Informações do Projeto</h1>
+            <div class="contact-info">
+                <p><strong>PulmoX - versão 1.6</strong></p>
+                <p>Desenvolvido por:<br> Prof. Dr. Vladimir C. Alencar e Pesquisadores Associados</p>
+                <p>LANA/UEPB</p>
+                <p>Campina Grande. Paraíba. Brasil. 2025</p>
+                <p><a href="https://www.valencar.com" target="_blank">www.valencar.com</a></p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

doencas_pulmonares.jpg ADDED Viewed

Git LFS Details

SHA256: 3e91aa3ceba63ae41ea05a132513255c5cb88af4754c95cbefa88e472f373c00
Pointer size: 131 Bytes
Size of remote file: 112 kB

imagem_random.png ADDED Viewed

Git LFS Details

SHA256: 84232c59a9d758336b90cb2e0270d830777d9f9e97069d73d29a884e4269624f
Pointer size: 131 Bytes
Size of remote file: 135 kB

index.html ADDED Viewed

	@@ -0,0 +1,324 @@

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PulmoX - About</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            background-color: #0e1117;
+            color: white;
+            margin: 0;
+            padding: 0;
+            display: flex;
+        }
+        .sidebar {
+            width: 280px;
+            min-height: 100vh;
+            background-color: rgba(127, 36, 25, 0.4);
+            backdrop-filter: blur(10px);
+            color: white;
+            padding: 20px;
+            box-sizing: border-box;
+            flex-shrink: 0;
+            display: flex; /* Adicionado para layout flexível */
+            flex-direction: column; /* Organiza os itens verticalmente */
+        }
+        .sidebar-content {
+            flex-grow: 1; /* Permite que o conteúdo cresça e empurre a imagem para baixo */
+        }
+        .sidebar-image {
+            margin-top: auto; /* Empurra a imagem para o final */
+            padding-top: 20px;
+            text-align: left;
+        }
+        .sidebar-image img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 8px;
+        }
+        .sidebar-logo {
+            text-align: left; /* Alinha a logomarca à esquerda */
+            padding: 20px 0 0 20px; /* Ajusta o padding para o alinhamento */
+            background-color: transparent; /* Cor de fundo da sidebar */
+        }
+        .sidebar-menu {
+            margin-top: 40px; /* Aumenta o espaço entre a logo e o menu */
+            margin-bottom: 20px;
+        }
+        .sidebar-menu a {
+            display: block;
+            color: white;
+            text-decoration: none;
+            padding: 15px 20px; /* Aumenta o padding */
+            margin: 5px -20px; /* Estende a área de destaque para a borda da sidebar */
+            font-size: 28px; /* Aumenta a fonte para maior visibilidade */
+            font-family: sans-serif; /* Volta para a fonte padrão do corpo, mais legível */
+            font-weight: 700; /* Negrito, mas não excessivo */
+            transition: all 0.2s ease-in-out;
+            border-radius: 0 10px 10px 0; /* Borda arredondada no lado direito */
+        }
+        .sidebar-menu a:hover {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Sombra sutil no hover */
+        }
+        .sidebar-menu a.active {
+            background-color: #0e1117; /* Cor de fundo escura para destaque */
+            color: #9ecbff; /* Cor do texto de destaque */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Sombra apenas no ativo */
+            font-weight: bold;
+            border-left: 5px solid #9ecbff; /* Linha de destaque na lateral */
+            padding-left: 15px; /* Ajusta o padding para compensar a borda */
+        }
+        .main-content {
+            flex-grow: 1;
+            padding: 1rem 2rem;
+            box-sizing: border-box;
+        }
+        .main-container {
+            max-width: 700px;
+            margin: 0 auto;
+        }
+        .image-placeholder {
+            width: 100%;
+            height: 520px; /* Aumentado em 30% de 400px */
+            background-color: #333;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 1.5rem;
+            font-size: 1.5rem;
+            color: rgba(204, 204, 204, 0.6);
+            overflow: hidden;
+        }
+        .image-placeholder img {
+            width: 100%; /* Garante que a imagem tente ocupar 100% da largura */
+            height: 100%; /* Garante que a imagem tente ocupar 100% da altura */
+            object-fit: contain; /* Garante que a proporção seja mantida */
+        }
+        .prediction-placeholder {
+            min-height: 50px;
+            margin-bottom: 1.5rem;
+            padding: 10px 0;
+        }
+        .columns-container {
+            display: flex;
+            gap: 1rem;
+            align-items: flex-start;
+        }
+        .column {
+            flex: 1;
+        }
+        .button-style {
+            border: 2px solid white;
+            border-radius: 12px;
+            background-color: black;
+            color: white;
+            padding: 1.2rem 2rem;
+            font-size: 20px;
+            font-family: sans-serif;
+            cursor: pointer;
+            width: 100%;
+            text-align: center;
+            transition: all 0.2s ease-in-out;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-decoration: none;
+            box-sizing: border-box;
+        }
+        .button-style:hover {
+            background-color: #333;
+            border-color: #9ecbff;
+        }
+        .upload-label {
+            display: block;
+            cursor: pointer;
+        }
+        #file-upload-input {
+            display: none;
+        }
+         .footer {
+            text-align: left; /* Garante o alinhamento à esquerda */
+            padding: 1rem 0;
+            color: #aaa;
+            font-size: 14px;
+            line-height: 1.5;
+        }
+        .footer a {
+            color: #9ecbff !important;
+            text-decoration: none !important;
+        }
+        /* Estilos adicionados do pulmox_landing.html para a página About */
+        .about-content h2 {
+            font-size: 24px;
+            margin-top: 1.5rem;
+            margin-bottom: 0.5rem;
+        }
+        .about-content p.lead {
+            color: #aaa;
+            font-size: 16px;
+            margin-bottom: 1.5rem;
+        }
+        .about-content .card {
+            background-color: #1a1a1a;
+            border-radius: 8px;
+            padding: 15px;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+        }
+        .about-content .pill {
+            display: inline-block;
+            padding: 4px 8px;
+            border-radius: 999px;
+            background-color: #333;
+            font-weight: 700;
+            color: rgba(204, 204, 204, 0.6);
+            font-size: 12px;
+        }
+        .about-content .muted {
+            color: #aaa;
+        }
+        .about-content .section-title {
+            font-size: 20px;
+            margin-top: 1.5rem;
+            margin-bottom: 0.5rem;
+        }
+        .about-content .section-sub {
+            color: #aaa;
+            margin-bottom: 1rem;
+        }
+        .about-content .pipeline {
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+        .about-content .step {
+            flex: 1;
+            min-width: 150px;
+            background-color: #222;
+            padding: 10px;
+            border-radius: 6px;
+        }
+        .about-content .step h4 {
+            margin: 0 0 5px;
+            font-size: 14px;
+        }
+        .about-content .step p {
+            margin: 0;
+            color: #aaa;
+            font-size: 13px;
+        }
+        .about-content .grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 15px;
+            margin-top: 15px;
+        }
+        .about-content .feature h3 {
+            margin: 0 0 5px;
+        }
+        .about-content .feature p {
+            margin: 0;
+            color: #aaa;
+            font-size: 14px;
+        }
+        @media (max-width: 768px) {
+            .about-content .grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="sidebar">
+        <div class="sidebar-logo">
+            <a href="index.html"><img src="pulmox_logo_v2.png" alt="PulmoX Logo" style="width: 191px; height: auto; margin-bottom: 20px;"></a>
+        </div>
+        <div class="sidebar-content">
+            <div class="sidebar-menu">
+                <a href="index.html" class="active">Sobre</a>
+                <a href="ai_system.html">PulmoX</a>
+                <a href="contact.html">Contato</a>
+            </div>
+        </div>
+    </div>
+	    <div class="main-content">
+		        <div class="main-container">
+			            <div style="font-size:32px; font-weight:bold; margin-top:0px; line-height:1.2; margin-bottom: 1.5rem;">
+			                Classificação de Doenças Pulmonares via IA
+			            </div>
+			            <div class="about-intro" style="margin-bottom: 2rem; padding: 1.5rem; background-color: rgba(26, 26, 26, 0.6); border-radius: 8px; backdrop-filter: blur(10px);">
+			                <h1>About PulmoX</h1>
+			                <p style="font-size: 18px; line-height: 1.6;">PulmoX – Um Sistema para Classificação de Doenças Pulmonares em Imagens de Raios-X com Aplicação de Técnicas de Inteligência Artificial.</p>
+			                <p style="font-size: 18px; line-height: 1.6;">Ele usa técnicas de Deep Learning com Transfer Learning e Vision Transformers (ViT) para classificação de doenças pulmonares em imagens de Raios-X de Pulmão.</p>
+			                <p style="font-size: 18px; line-height: 1.6;">Foram obtidas pouco mais de 7.000 imagens de Raios-X etiquetadas com as patologias, de fontes open source.</p>
+			            </div>
+			            <hr style="border-color: #333; margin: 2rem 0;">
+	                        <div class="about-content">
+                <h2>PulmoX — Inteligência Artificial para Diagnósticos Pulmonares Mais Rápidos e Confiáveis</h2>
+                <p class="lead">Analise automaticamente raios‑X de tórax com modelos de ponta: Transfer Learning e Vision Transformers (ViT). Otimize triagens, padronize laudos e acelere decisões clínicas.</p>
+                <div style="margin-top:18px" class="card">
+                    <div style="display:flex;align-items:center;justify-content:space-between;gap:12px">
+                        <div>
+                            <div class="pill">Treinado com +7.000 imagens rotuladas</div>
+                            <div style="font-weight:700;margin-top:8px">Precisão clínica para triagem e apoio diagnóstico</div>
+                            <div class="muted" style="margin-top:6px;font-size:13px">Compatível com fluxos DICOM e integração via API</div>
+                        </div>
+                        <div style="text-align:right;font-size:12px;color:var(--muted)">Adequado para hospitais, clínicas e centros de pesquisa</div>
+                    </div>
+                </div>
+                <section style="margin-top: 2rem;">
+                    <h2 class="section-title">Como Funciona</h2>
+                    <p class="section-sub">Pipeline simples e integrado para incorporar IA ao seu fluxo de trabalho clínico.</p>
+                    <div class="pipeline">
+                        <div class="step">
+                            <h4>1. Upload / Integração DICOM</h4>
+                            <p>O PulmoX recebe imagens em formatos clínicos e as prepara para análise.</p>
+                        </div>
+                        <div class="step">
+                            <h4>2. Pré‑processamento</h4>
+                            <p>Normalização, redimensionamento e melhoria de contraste para robustez do modelo.</p>
+                        </div>
+                        <div class="step">
+                            <h4>3. Inferência com ViT</h4>
+                            <p>Vision Transformers e Transfer Learning para extração de padrões sutis.</p>
+                        </div>
+                        <div class="step">
+                            <h4>4. Mapa de Calor & Classe</h4>
+                            <p>Geração de probabilidades, mapa de calor explicável e relatório pré‑formatado.</p>
+                        </div>
+                        <div class="step">
+                            <h4>5. Integração e Laudo</h4>
+                            <p>API para integração com PACS, EMR ou exportação em PDF.</p>
+                        </div>
+                    </div>
+                </section>
+                <section style="margin-top: 2rem;">
+                    <h2 class="section-title">Base de Treinamento</h2>
+                    <p class="section-sub">Modelo treinado com um conjunto open source de mais de 7.000 imagens de raios‑X rotuladas cobrindo patologias relevantes.</p>
+                    <div class="grid">
+                        <div class="card feature">
+                            <h3>Robustez</h3>
+                            <p>Treinamento com imagens de diferentes equipamentos e resoluções para melhor generalização.</p>
+                        </div>
+                        <div class="card feature">
+                            <h3>Variedade Clínica</h3>
+                            <p>Patologias múltiplas representadas para permitir classificação multi‑rótulo.</p>
+                        </div>
+                        <div class="card feature">
+                            <h3>Atualizações</h3>
+                            <p>Pipeline que suporta re‑treinamento contínuo e incorporação de novas anotações.</p>
+                        </div>
+                    </div>
+                </section>
+            </div>
+	        </div>
+	    </div>
+	</body>
+	</html>

modelo_raiox.keras ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:c3fa34d7b1ad08c3eff75e4818c2a7ad85481ccf02c48e5ef596c620b7abe53b
+size 13364273

pulmox_landing.html ADDED Viewed

	@@ -0,0 +1,357 @@

+<!doctype html>
+<html lang="pt-BR">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>PulmoX — Inteligência Artificial para Diagnósticos Pulmonares</title>
+  <meta name="description" content="PulmoX: Sistema de IA para classificação de doenças pulmonares em imagens de raios‑X. Transfer Learning, Vision Transformers (ViT) e mais de 7.000 imagens rotuladas.">
+  <style>
+    :root{
+      --bg:#0f1724; --card:#0b1220; --muted:#94a3b8; --accent:#4f46e5; --accent-2:#06b6d4; --glass: rgba(255,255,255,0.04);
+      --radius:12px; --maxw:1100px; --gap:24px; --container-padding:20px;
+      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
+    }
+    *{box-sizing:border-box}
+    html,body{height:100%}
+    body{margin:0;background:linear-gradient(180deg,#071029 0%, #071227 45%, #071b2b 100%);color:#e6eef8;line-height:1.45}
+    .container{max-width:var(--maxw);margin:0 auto;padding:48px var(--container-padding)}
+    /* Header */
+    header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
+    .brand{display:flex;align-items:center;gap:12px}
+    .logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(79,70,229,0.18)}
+    .logo svg{width:26px;height:26px}
+    .brand h1{font-size:18px;margin:0}
+    nav{display:flex;gap:18px;align-items:center}
+    nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}
+    .cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));padding:10px 16px;border-radius:10px;color:white;text-decoration:none;font-weight:700}
+    /* Hero */
+    .hero{display:grid;grid-template-columns:1fr 460px;gap:32px;align-items:center;margin-bottom:48px}
+    .hero h2{font-size:34px;margin:0 0 12px}
+    .hero p.lead{color:var(--muted);font-size:16px;margin:0 0 20px}
+    .hero .actions{display:flex;gap:12px}
+    .btn{padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
+    .btn-primary{background:linear-gradient(90deg,var(--accent),#7c3aed);color:white}
+    .btn-ghost{border:1px solid rgba(255,255,255,0.06);color:var(--muted);background:transparent}
+    /* Card */
+    .card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border-radius:var(--radius);padding:18px;box-shadow:0 6px 20px rgba(2,6,23,0.6);backdrop-filter: blur(5px);}
+    /* Features grid */
+    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
+    .feature h3{margin:0 0 8px}
+    .feature p{margin:0;color:var(--muted);font-size:14px}
+    /* Responsive */
+    @media (max-width:980px){
+      .hero{grid-template-columns:1fr;}
+      .grid{grid-template-columns:repeat(2,1fr)}
+    }
+    @media (max-width:620px){
+      .container{padding:28px 16px}
+      nav{display:none}
+      .grid{grid-template-columns:1fr}
+    }
+    /* Sections */
+    section{margin-bottom:48px}
+    h2.section-title{font-size:22px;margin:0 0 12px}
+    p.section-sub{color:var(--muted);margin:0 0 18px}
+    /* Pipeline */
+    .pipeline{display:flex;gap:12px;flex-wrap:wrap}
+    .step{flex:1;min-width:180px;background:var(--glass);padding:12px;border-radius:10px}
+    .step h4{margin:0 0 6px;font-size:14px}
+    .step p{margin:0;color:var(--muted);font-size:13px}
+    /* Testimonials */
+    .testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
+    .testimonial p{color:var(--muted);font-size:14px}
+    .quote{font-weight:600}
+    @media(max-width:760px){.testimonials{grid-template-columns:1fr}}
+    /* CTA large */
+    .cta-large{display:flex;align-items:center;justify-content:space-between;padding:22px;border-radius:14px;background:linear-gradient(90deg,rgba(79,70,229,0.12),rgba(6,182,212,0.06));}
+    .cta-large h3{margin:0}
+    .cta-large p{margin:6px 0 0;color:var(--muted)}
+    footer{color:var(--muted);font-size:13px;padding:36px 0 80px}
+    /* small helpers */
+    .muted{color:var(--muted)}
+    .pill{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.03);font-weight:700;color:var(--muted);font-size:12px}
+    /* image mock */
+    .xray-mock{width:100%;height:340px;border-radius:12px;background:rgba(9, 18, 39, 0.6);backdrop-filter: blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
+    .xray-mock .overlay{position:absolute;inset:12px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
+    .xray-outline{width:86%;height:78%;border-radius:6px;background:linear-gradient(180deg,#e6eef830,#9fb3c030);display:flex;align-items:center;justify-content:center;color:rgba(219, 238, 254, 0.6);font-weight:700}
+    /* tiny form */
+    .form-inline{display:flex;gap:8px;align-items:center}
+    .form-inline input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}
+    .form-inline button{padding:10px 12px;border-radius:10px;background:var(--accent);border:none;color:white}
+    /* code block */
+    pre{background:#071127;padding:12px;border-radius:10px;color:#c6f6ff;overflow:auto}
+  </style>
+</head>
+<body>
+  <div class="container">
+    <header>
+      <div class="brand">
+        <div class="logo" aria-hidden>
+          <!-- simple lung + pixel icon -->
+          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 3c-1.1 0-2 .9-2 2v4c0 2.8 2.2 5 5 5h2" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.95"/><path d="M17 3c1.1 0 2 .9 2 2v4c0 2.8-2.2 5-5 5h-2" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.95"/></svg>
+        </div>
+        <div>
+          <h1>PulmoX</h1>
+          <div class="muted" style="font-size:13px;margin-top:3px">AI | Radiologia | Diagnóstico</div>
+        </div>
+      </div>
+      <nav>
+        <a href="#como-funciona">Como funciona</a>
+        <a href="#beneficios">Benefícios</a>
+        <a href="#casos">Casos de Uso</a>
+        <a href="#contato" class="cta">Solicitar Demonstração</a>
+      </nav>
+    </header>
+    <!-- HERO -->
+    <main class="hero">
+      <div>
+        <h2>PulmoX — Inteligência Artificial para Diagnósticos Pulmonares Mais Rápidos e Confiáveis</h2>
+        <p class="lead">Analise automaticamente raios‑X de tórax com modelos de ponta: Transfer Learning e Vision Transformers (ViT). Otimize triagens, padronize laudos e acelere decisões clínicas.</p>
+        <div class="actions">
+          <a class="btn btn-primary" href="#contato">Solicitar Demonstração</a>
+          <a class="btn btn-ghost" href="#como-funciona">Ver Tecnologia</a>
+        </div>
+        <div style="margin-top:18px" class="card">
+          <div style="display:flex;align-items:center;justify-content:space-between;gap:12px">
+            <div>
+              <div class="pill">Treinado com +7.000 imagens rotuladas</div>
+              <div style="font-weight:700;margin-top:8px">Precisão clínica para triagem e apoio diagnóstico</div>
+              <div class="muted" style="margin-top:6px;font-size:13px">Compatível com fluxos DICOM e integração via API</div>
+            </div>
+            <div style="text-align:right;font-size:12px;color:var(--muted)">Adequado para hospitais, clínicas e centros de pesquisa</div>
+          </div>
+        </div>
+      </div>
+      <aside>
+        <div class="card xray-mock" aria-hidden>
+          <div class="overlay"></div>
+          <div class="xray-outline">Visualização de Raio‑X + Mapa de Calor (Heatmap)</div>
+        </div>
+        <div style="display:flex;gap:12px;margin-top:12px">
+          <div class="card" style="flex:1">
+            <strong>Tempo médio de análise</strong>
+            <div class="muted">Redução de até 40% no tempo de triagem clínico</div>
+          </div>
+          <div class="card" style="width:160px;text-align:center">
+            <strong>Escalável</strong>
+            <div class="muted">Nuvem ou on‑premise</div>
+          </div>
+        </div>
+      </aside>
+    </main>
+    <!-- Features -->
+    <section id="como-funciona">
+      <h2 class="section-title">Como Funciona</h2>
+      <p class="section-sub">Pipeline simples e integrado para incorporar IA ao seu fluxo de trabalho clínico.</p>
+      <div class="pipeline">
+        <div class="step">
+          <h4>1. Upload / Integração DICOM</h4>
+          <p>O PulmoX recebe imagens em formatos clínicos e as prepara para análise.</p>
+        </div>
+        <div class="step">
+          <h4>2. Pré‑processamento</h4>
+          <p>Normalização, redimensionamento e melhoria de contraste para robustez do modelo.</p>
+        </div>
+        <div class="step">
+          <h4>3. Inferência com ViT</h4>
+          <p>Vision Transformers e Transfer Learning para extração de padrões sutis.</p>
+        </div>
+        <div class="step">
+          <h4>4. Mapa de Calor & Classe</h4>
+          <p>Geração de probabilidades, mapa de calor explicável e relatório pré‑formatado.</p>
+        </div>
+        <div class="step">
+          <h4>5. Integração e Laudo</h4>
+          <p>API para integração com PACS, EMR ou exportação em PDF.</p>
+        </div>
+      </div>
+    </section>
+    <!-- Dataset -->
+    <section>
+      <h2 class="section-title">Base de Treinamento</h2>
+      <p class="section-sub">Modelo treinado com um conjunto open source de mais de 7.000 imagens de raios‑X rotuladas cobrindo patologias relevantes.</p>
+      <div class="grid">
+        <div class="card feature">
+          <h3>Robustez</h3>
+          <p>Treinamento com imagens de diferentes equipamentos e resoluções para melhor generalização.</p>
+        </div>
+        <div class="card feature">
+          <h3>Variedade Clínica</h3>
+          <p>Patologias múltiplas representadas para permitir classificação multi‑rótulo.</p>
+        </div>
+        <div class="card feature">
+          <h3>Atualizações</h3>
+          <p>Pipeline que suporta re‑treinamento contínuo e incorporação de novas anotações.</p>
+        </div>
+      </div>
+    </section>
+    <!-- Benefits -->
+    <section id="beneficios">
+      <h2 class="section-title">Benefícios para sua Instituição</h2>
+      <p class="section-sub">Resultados práticos que impactam a operação e a qualidade do atendimento.</p>
+      <div class="grid">
+        <div class="card">
+          <h3>Agilidade operacional</h3>
+          <p class="muted">Triagens mais rápidas e filas de espera reduzidas.</p>
+        </div>
+        <div class="card">
+          <h3>Padronização</h3>
+          <p class="muted">Menos variabilidade entre profissionais, maior consistência diagnóstica.</p>
+        </div>
+        <div class="card">
+          <h3>Suporte à Decisão</h3>
+          <p class="muted">Relatórios com probabilidade e mapas que auxiliam a interpretação clínica.</p>
+        </div>
+      </div>
+    </section>
+    <!-- Integration -->
+    <section>
+      <h2 class="section-title">Integração & Segurança</h2>
+      <p class="section-sub">Fácil integração via API, compatibilidade DICOM e opções de implantação seguras.</p>
+      <div style="display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap">
+        <div class="card" style="flex:1;min-width:260px">
+          <h3>APIs e SDKs</h3>
+          <p class="muted">Endpoints REST, exemplos em Python e suporte a integração com PACS.</p>
+        </div>
+        <div class="card" style="flex:1;min-width:260px">
+          <h3>Conformidade</h3>
+          <p class="muted">Processamento em ambiente seguro, com opções on‑premise para dados sensíveis.</p>
+        </div>
+        <div class="card" style="flex:1;min-width:260px">
+          <h3>Escalabilidade</h3>
+          <p class="muted">From single‑server deployments to cloud clusters—scale as you need.</p>
+        </div>
+      </div>
+    </section>
+    <!-- Cases -->
+    <section id="casos">
+      <h2 class="section-title">Casos de Uso</h2>
+      <p class="section-sub">Aplicável a vários cenários clínicos e de pesquisa.</p>
+      <div class="grid">
+        <div class="card">
+          <h3>Hospitais</h3>
+          <p class="muted">Aceleração da triagem em emergências e suporte a plantões com alta demanda.</p>
+        </div>
+        <div class="card">
+          <h3>Clínicas e Laboratórios</h3>
+          <p class="muted">Padronização de laudos e aumento da produtividade.</p>
+        </div>
+        <div class="card">
+          <h3>Pesquisa e Ensino</h3>
+          <p class="muted">Ferramenta para estudos de visão computacional aplicada à saúde.</p>
+        </div>
+      </div>
+    </section>
+    <!-- Testimonials -->
+    <section>
+      <h2 class="section-title">Depoimentos</h2>
+      <p class="section-sub">Feedback real de profissionais que testaram o PulmoX.</p>
+      <div class="testimonials">
+        <div class="card testimonial">
+          <div class="quote">“O PulmoX reduziu nosso tempo de análise em mais de 40% sem perda de qualidade.”</div>
+          <p class="muted">— Dr. João Mendes, Radiologista</p>
+        </div>
+        <div class="card testimonial">
+          <div class="quote">“A solução trouxe confiabilidade e padronização às avaliações médicas do nosso setor.”</div>
+          <p class="muted">— Gestor Clínico</p>
+        </div>
+      </div>
+    </section>
+    <!-- CTA -->
+    <section>
+      <div class="cta-large card">
+        <div>
+          <h3>Pronto para elevar o nível do diagnóstico pulmonar na sua instituição?</h3>
+          <p class="muted">Solicite uma demonstração, piloto ou proposta técnica personalizada.</p>
+        </div>
+        <div style="display:flex;gap:10px;align-items:center">
+          <a href="#contato" class="btn btn-primary">Solicitar Demonstração</a>
+          <a href="#contato" class="btn btn-ghost">Fale com um Especialista</a>
+        </div>
+      </div>
+    </section>
+    <!-- Contact form -->
+    <section id="contato">
+      <h2 class="section-title">Solicitar Demonstração</h2>
+      <p class="section-sub">Preencha os dados abaixo e nossa equipe entrará em contato para agendar uma demonstração.</p>
+      <div style="display:flex;gap:18px;flex-wrap:wrap">
+        <form class="card" style="flex:1;min-width:320px;padding:18px" onsubmit="event.preventDefault();alert('Obrigado! Entraremos em contato.');">
+          <label style="display:block;margin-bottom:8px">Nome</label>
+          <input type="text" placeholder="Nome completo" required style="width:100%;margin-bottom:12px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit">
+          <label style="display:block;margin-bottom:8px">E-mail</label>
+          <input type="email" placeholder="seu@exemplo.com" required style="width:100%;margin-bottom:12px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit">
+          <label style="display:block;margin-bottom:8px">Instituição</label>
+          <input type="text" placeholder="Hospital / Clínica / Universidade" style="width:100%;margin-bottom:12px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit">
+          <label style="display:block;margin-bottom:8px">Mensagem (opcional)</label>
+          <textarea placeholder="Breve descrição do interesse" style="width:100%;min-height:100px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit"></textarea>
+          <div style="display:flex;gap:8px;margin-top:12px">
+            <button class="btn btn-primary" type="submit">Enviar Solicitação</button>
+            <a class="btn btn-ghost" href="#">Baixar Folheto (PDF)</a>
+          </div>
+        </form>
+        <div style="flex:1;min-width:260px">
+          <div class="card" style="padding:16px;margin-bottom:12px">
+            <h4 style="margin:0 0 6px">Agende um piloto</h4>
+            <p class="muted">Implementação piloto em ambiente controlado para avaliar impacto clínico e operacional.</p>
+          </div>
+          <div class="card" style="padding:16px">
+            <h4 style="margin:0 0 6px">Documentação técnica</h4>
+            <p class="muted">Disponibilizamos API docs, whitepapers e resultados de validação para revisão técnica.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <footer>
+      <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
+        <div style="max-width:540px">
+          <strong>PulmoX</strong> — Tecnologia avançada para quem cuida de vidas.<br>
+          <span class="muted">© 2025 PulmoX. Todos os direitos reservados. Política de privacidade | Termos de serviço</span>
+        </div>
+        <div style="display:flex;gap:12px;align-items:center">
+          <a href="#" class="muted">Sobre</a>
+          <a href="#" class="muted">Contato</a>
+          <a href="#" class="muted">Suporte</a>
+        </div>
+      </div>
+    </footer>
+  </div>
+</body>
+</html>

pulmox_logo.png ADDED Viewed

Git LFS Details

SHA256: 6f55be1b656b90aa7184fb4738f2f4fda78e29316badd856cb1f2c3c70778ef4
Pointer size: 131 Bytes
Size of remote file: 763 kB

pulmox_logo_transparent.png ADDED Viewed

Git LFS Details

SHA256: 85305405a7af29d3c57a95face36457975656ac1c6e22136532a1b077caaea97
Pointer size: 131 Bytes
Size of remote file: 759 kB

pulmox_logo_v2.png ADDED Viewed

Git LFS Details

SHA256: 0dec4ab05f2a07b14d35de14dce5171626844fcfc112f71a94bd839df8bbcfc7
Pointer size: 131 Bytes
Size of remote file: 817 kB

requirements.txt ADDED Viewed

	@@ -0,0 +1,5 @@

+Flask==3.1.2
+keras==2.15.0
+numpy==2.3.5
+Pillow==12.0.0
+Requests==2.32.5