Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MediVision Conseil | Expertise en Stratégie d'Imagerie Médicale et IA</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lato:wght@400;700&display=swap"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| body { | |
| font-family: 'Lato', sans-serif; | |
| color: #333; | |
| } | |
| h1, h2, h3, h4 { | |
| font-family: 'Playfair Display', serif; | |
| } | |
| .hero-bg { | |
| background: linear-gradient(rgba(30, 50, 70, 0.85), rgba(30, 50, 70, 0.85)), | |
| url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg=='); | |
| background-size: cover; | |
| } | |
| .medical-gradient { | |
| background: linear-gradient(135deg, #1e8bc3 0%, #0c5db3 100%); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | |
| } | |
| .timeline-item:not(:last-child):after { | |
| content: ''; | |
| position: absolute; | |
| left: 24px; | |
| top: 40px; | |
| height: calc(100% - 40px); | |
| width: 2px; | |
| background: #1e8bc3; | |
| } | |
| .map-container { | |
| perspective: 1000px; | |
| } | |
| .map-card { | |
| transform: rotateX(10deg); | |
| box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2); | |
| } | |
| .roi-slider::-webkit-slider-thumb { | |
| -webkit-appearance: none; | |
| width: 20px; | |
| height: 20px; | |
| background: #1e8bc3; | |
| border-radius: 50%; | |
| cursor: pointer; | |
| } | |
| .dark-mode .dark\:bg-anthracite { | |
| background-color: #1a1a1a; | |
| } | |
| .dark-mode .dark\:text-light { | |
| color: #f0f0f0; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-md py-4 sticky top-0 z-50"> | |
| <div class="container mx-auto px-6 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 bg-blue-800 rounded-full flex items-center justify-center text-white font-bold text-xl mr-3">MC</div> | |
| <span class="text-xl font-bold text-gray-800">MediVision Conseil</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#expertise" class="text-gray-700 hover:text-blue-800">Expertise</a> | |
| <a href="#process" class="text-gray-700 hover:text-blue-800">Processus</a> | |
| <a href="#roi" class="text-gray-700 hover:text-blue-800">Calculateur ROI</a> | |
| <a href="#contact" class="text-gray-700 hover:text-blue-800">Contact</a> | |
| </div> | |
| <button id="darkModeToggle" class="p-2 rounded-full bg-gray-200 text-gray-700"> | |
| <i class="fas fa-moon"></i> | |
| </button> | |
| <div class="md:hidden"> | |
| <button id="mobileMenuButton" class="text-gray-700"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div id="mobileMenu" class="hidden md:hidden bg-white absolute w-full left-0 px-6 py-4 shadow-md"> | |
| <a href="#expertise" class="block py-2 text-gray-700 hover:text-blue-800">Expertise</a> | |
| <a href="#process" class="block py-2 text-gray-700 hover:text-blue-800">Processus</a> | |
| <a href="#roi" class="block py-2 text-gray-700 hover:text-blue-800">Calculateur ROI</a> | |
| <a href="#contact" class="block py-2 text-gray-700 hover:text-blue-800">Contact</a> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="hero-bg text-white py-20 md:py-32"> | |
| <div class="container mx-auto px-6 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Transformez votre flux de travail d'imagerie médicale avec une roadmap IA sur-mesure</h1> | |
| <p class="text-xl mb-8">Vos données, notre levier : 98% de nos recommandations sont data-proof</p> | |
| <button class="medical-gradient text-white px-8 py-3 rounded-full font-bold hover:opacity-90 transition duration-300"> | |
| Évaluer mon infrastructure | |
| </button> | |
| </div> | |
| <div class="md:w-1/2 relative"> | |
| <div class="bg-white bg-opacity-20 rounded-xl p-6 backdrop-filter backdrop-blur-sm"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div> | |
| <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div> | |
| <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div> | |
| <div class="ml-auto text-sm">DICOM IA v3.2</div> | |
| </div> | |
| <div class="bg-black bg-opacity-70 rounded p-4 h-64 overflow-auto"> | |
| <div class="text-green-400 font-mono text-sm"> | |
| <p>> Initialisation du diagnostic...</p> | |
| <p>> Analyse des workflows DICOM...</p> | |
| <p>> Détection des goulots d'étranglement...</p> | |
| <p>> Évaluation des opportunités IA...</p> | |
| <p class="mt-4">> <span class="text-blue-400">Résultats préliminaires :</span></p> | |
| <p>> +35% d'efficacité diagnostique potentielle</p> | |
| <p>> 22% de capacité d'imagerie inutilisée</p> | |
| <p>> ROI estimé sur 3 ans : 2.8x</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Value Proposition --> | |
| <section id="expertise" class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-16">Notre expertise fait la différence</h2> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16"> | |
| <div class="feature-card bg-gray-50 p-8 rounded-xl transition duration-300"> | |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-exchange-alt text-blue-800 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Audit d'interopérabilité DICOM</h3> | |
| <p class="text-gray-600">Analyse complète de vos flux d'images pour optimiser l'échange entre vos équipements et systèmes.</p> | |
| </div> | |
| <div class="feature-card bg-gray-50 p-8 rounded-xl transition duration-300"> | |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-brain text-blue-800 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Benchmark d'algorithmes IA</h3> | |
| <p class="text-gray-600">Comparaison objective des solutions d'IA disponibles pour votre spécialité médicale.</p> | |
| </div> | |
| <div class="feature-card bg-gray-50 p-8 rounded-xl transition duration-300"> | |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-chart-line text-blue-800 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">ROI calculé sur 3 ans</h3> | |
| <p class="text-gray-600">Modélisation financière précise des gains attendus de votre transformation numérique.</p> | |
| </div> | |
| <div class="feature-card bg-gray-50 p-8 rounded-xl transition duration-300"> | |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-shield-alt text-blue-800 text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Compliance GDPR/HIPAA</h3> | |
| <p class="text-gray-600">Garantie de conformité réglementaire pour tous vos projets d'imagerie médicale.</p> | |
| </div> | |
| </div> | |
| <div class="bg-blue-50 rounded-xl p-8 text-center"> | |
| <p class="text-2xl font-bold text-blue-800 mb-2">+35% d'efficacité diagnostique moyenne sur nos projets*</p> | |
| <p class="text-gray-600">*Basé sur l'analyse comparative des performances avant/après nos interventions</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Expertise Showcase --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-16">Notre parcours en imagerie médicale</h2> | |
| <div class="flex flex-col md:flex-row"> | |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-8"> | |
| <div class="relative"> | |
| <div class="timeline-item relative pl-12 pb-12"> | |
| <div class="absolute left-0 top-0 w-8 h-8 bg-blue-800 rounded-full flex items-center justify-center text-white"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">2018 : Optimisation PACS pour CHU Lyon</h3> | |
| <p class="text-gray-600">Réduction de 40% des temps de transfert d'images entre services.</p> | |
| </div> | |
| <div class="timeline-item relative pl-12 pb-12"> | |
| <div class="absolute left-0 top-0 w-8 h-8 bg-blue-800 rounded-full flex items-center justify-center text-white"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">2020 : Migration cloud sécurisé Hôpital Necker</h3> | |
| <p class="text-gray-600">Première archive d'imagerie pédiatrique certifiée GDPR en Europe.</p> | |
| </div> | |
| <div class="timeline-item relative pl-12"> | |
| <div class="absolute left-0 top-0 w-8 h-8 bg-blue-800 rounded-full flex items-center justify-center text-white"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">2023 : Intégration AI-First pour réseau Clinivista</h3> | |
| <p class="text-gray-600">Déploiement d'une plateforme de télédiagnostic assisté par IA sur 22 sites.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 map-container"> | |
| <div class="map-card bg-white rounded-xl p-6 h-full"> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-map-marker-alt text-red-500 mr-2"></i> | |
| <h3 class="text-xl font-bold">Nos interventions en Europe</h3> | |
| </div> | |
| <div class="bg-gray-100 rounded-lg h-64 flex items-center justify-center relative"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iI2YwZjBmMCIvPjxwYXRoIGQ9Ik0yNTAgMTUwYzAgMC0zMCAxMDAgNTAgMTAwczEwMC0xMDAgMTAwLTEwMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjUiIGZpbGw9IiMxZTg0YzMiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSIyNTAiIHI9IjUiIGZpbGw9IiMxZTg0YzMiLz48Y2lyY2xlIGN4PSIzNTAiIGN5PSIzMDAiIHI9IjUiIGZpbGw9IiMxZTg0YzMiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSIzNTAiIHI9IjUiIGZpbGw9IiMxZTg0YzMiLz48dGV4dCB4PSIyNTAiIHk9IjQwMCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjEyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjY2Ij5Qb3Vyc3VpdGUgeW91ciBjdXJzZXVyIHN1ciBsYSBjYXJ0ZSBwb3VyIHZvaXIgdG91cyBsZXMgcHJvamV0cy48L3RleHQ+PC9zdmc+" alt="Carte des projets" class="w-full h-full object-contain"> | |
| <div class="absolute bottom-4 left-0 right-0 text-center text-gray-500 text-sm"> | |
| <i class="fas fa-info-circle mr-1"></i> Plus de 28 projets réalisés | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Consulting Process --> | |
| <section id="process" class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-16">Notre méthodologie en 4 étapes</h2> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="bg-gray-50 rounded-xl p-6 border-l-4 border-blue-800"> | |
| <div class="text-blue-800 font-bold text-lg mb-2">Étape 1</div> | |
| <h3 class="text-xl font-bold mb-3">Diagnostic workflow</h3> | |
| <p class="text-gray-600">Cartographie précise des goulots d'étranglement dans votre flux de travail d'imagerie.</p> | |
| <div class="mt-4 text-blue-800"> | |
| <i class="fas fa-clock mr-1"></i> 2-3 semaines | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-xl p-6 border-l-4 border-blue-800"> | |
| <div class="text-blue-800 font-bold text-lg mb-2">Étape 2</div> | |
| <h3 class="text-xl font-bold mb-3">Proof of Concept IA</h3> | |
| <p class="text-gray-600">Tests A/B sur vos données réelles pour valider l'apport des solutions d'IA.</p> | |
| <div class="mt-4 text-blue-800"> | |
| <i class="fas fa-flask mr-1"></i> 4-6 semaines | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-xl p-6 border-l-4 border-blue-800"> | |
| <div class="text-blue-800 font-bold text-lg mb-2">Étape 3</div> | |
| <h3 class="text-xl font-bold mb-3">Roadmap technico-juridique</h3> | |
| <p class="text-gray-600">Plan d'action détaillé intégrant contraintes techniques et réglementaires.</p> | |
| <div class="mt-4 text-blue-800"> | |
| <i class="fas fa-file-contract mr-1"></i> Livrable clé | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-xl p-6 border-l-4 border-blue-800"> | |
| <div class="text-blue-800 font-bold text-lg mb-2">Étape 4</div> | |
| <h3 class="text-xl font-bold mb-3">Monitoring KPI</h3> | |
| <p class="text-gray-600">Tableau de bord personnalisé pour suivre l'impact de nos recommandations.</p> | |
| <div class="mt-4 text-blue-800"> | |
| <i class="fas fa-chart-bar mr-1"></i> 12 mois minimum | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 text-center"> | |
| <button class="medical-gradient text-white px-8 py-3 rounded-full font-bold hover:opacity-90 transition duration-300"> | |
| Télécharger notre méthodologie complète (PDF) | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- ROI Calculator --> | |
| <section id="roi" class="py-16 bg-blue-800 text-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-6">Calculateur de ROI</h2> | |
| <p class="text-center text-blue-200 mb-12">Estimez les économies potentielles sur votre parc d'imagerie</p> | |
| <div class="bg-white bg-opacity-10 rounded-xl p-8 backdrop-filter backdrop-blur-sm max-w-3xl mx-auto"> | |
| <div class="mb-6"> | |
| <label class="block mb-2 font-bold">Nombre de scanners</label> | |
| <input type="range" min="1" max="20" value="5" class="w-full roi-slider"> | |
| <div class="flex justify-between mt-1"> | |
| <span>1</span> | |
| <span>5</span> | |
| <span>10</span> | |
| <span>15</span> | |
| <span>20</span> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <label class="block mb-2 font-bold">Volume mensuel d'examens</label> | |
| <input type="range" min="500" max="10000" value="2500" step="500" class="w-full roi-slider"> | |
| <div class="flex justify-between mt-1"> | |
| <span>500</span> | |
| <span>3k</span> | |
| <span>5k</span> | |
| <span>7.5k</span> | |
| <span>10k</span> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <label class="block mb-2 font-bold">Taux d'erreur actuel (%)</label> | |
| <input type="range" min="1" max="20" value="8" class="w-full roi-slider"> | |
| <div class="flex justify-between mt-1"> | |
| <span>1%</span> | |
| <span>5%</span> | |
| <span>10%</span> | |
| <span>15%</span> | |
| <span>20%</span> | |
| </div> | |
| </div> | |
| <div class="bg-white bg-opacity-20 rounded-lg p-6 mt-8 text-center"> | |
| <p class="text-blue-200 mb-2">Estimation économies générées sur 3 ans</p> | |
| <p class="text-3xl font-bold">€ 1,250,000 - € 2,800,000</p> | |
| <p class="text-blue-200 mt-2">ROI estimé : 2.5x - 3.8x</p> | |
| </div> | |
| <div class="mt-8 text-center"> | |
| <button class="bg-white text-blue-800 px-8 py-3 rounded-full font-bold hover:bg-gray-100 transition duration-300"> | |
| Obtenir une estimation précise | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trust Architecture --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Ils nous font confiance</h2> | |
| <div class="bg-white rounded-xl p-8 mb-12"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0 flex justify-center"> | |
| <div class="w-32 h-32 rounded-full bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-quote-left text-blue-800 text-4xl"></i> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 md:pl-8"> | |
| <blockquote class="text-xl italic mb-4"> | |
| "Leur analyse a révélé 22% de capacité d'imagerie inutilisée dans notre parc IRM et proposé des solutions concrètes pour l'optimiser. Le ROI a été atteint en 14 mois seulement." | |
| </blockquote> | |
| <div class="font-bold">Dr. Sophie Martin</div> | |
| <div class="text-gray-600">Directrice du Pôle Imagerie, Hôpital Européen</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-6 mb-12"> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+Q0hVPC90ZXh0Pjwvc3ZnPg==" alt="CHU"> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+TmVja2VyPC90ZXh0Pjwvc3ZnPg==" alt="Necker"> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+Q2xpbml2aXN0YTwvdGV4dD48L3N2Zz4=" alt="Clinivista"> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+UGhpbGlwczwvdGV4dD48L3N2Zz4=" alt="Philips"> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+TlZJRElBPC90ZXh0Pjwvc3ZnPg==" alt="NVIDIA"> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl flex items-center justify-center h-24"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTAiPjx0ZXh0IHg9IjEwMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzFlODRjMyI+SEFTIENlcnRpZmllZDwvdGV4dD48L3N2Zz4=" alt="HAS Certifié"> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-xl mb-6">De Philips à NVIDIA : nous parlons le langage des constructeurs et des data scientists</p> | |
| <button class="medical-gradient text-white px-8 py-3 rounded-full font-bold hover:opacity-90 transition duration-300"> | |
| Demander nos références complètes | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Insights Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Nos dernières publications</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-200"> | |
| <div class="bg-blue-800 text-white p-4"> | |
| <h3 class="text-xl font-bold">Whitepaper</h3> | |
| </div> | |
| <div class="p-6"> | |
| <h4 class="text-lg font-bold mb-3">Top 5 des pièges RGPD en télédiagnostic</h4> | |
| <p class="text-gray-600 mb-4">Guide pratique pour sécuriser vos flux d'images médicales dans le cadre du télédiagnostic.</p> | |
| <button class="text-blue-800 font-bold flex items-center"> | |
| Télécharger <i class="fas fa-arrow-down ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-200"> | |
| <div class="bg-blue-800 text-white p-4"> | |
| <h3 class="text-xl font-bold">Webinar</h3> | |
| </div> | |
| <div class="p-6"> | |
| <h4 class="text-lg font-bold mb-3">Comment choisir son API DICOM en 2024?</h4> | |
| <p class="text-gray-600 mb-4">Comparatif des solutions techniques et analyse des tendances du marché.</p> | |
| <button class="text-blue-800 font-bold flex items-center"> | |
| Voir le replay <i class="fas fa-play ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-16 bg-gray-800 text-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div> | |
| <h2 class="text-3xl font-bold mb-6">Prêt à optimiser votre imagerie médicale ?</h2> | |
| <p class="text-xl mb-8">Prenez rendez-vous pour une consultation découverte gratuite.</p> | |
| <div class="mb-8"> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-phone-alt mr-3 text-blue-400"></i> | |
| <span>+33 1 23 45 67 89</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-envelope mr-3 text-blue-400"></i> | |
| <span>[email protected]</span> | |
| </div> | |
| </div> | |
| <div class="bg-white bg-opacity-10 rounded-xl p-6"> | |
| <h3 class="text-xl font-bold mb-4">Horaires d'ouverture</h3> | |
| <div class="space-y-2"> | |
| <div class="flex justify-between"> | |
| <span>Lundi - Vendredi</span> | |
| <span>9h - 18h</span> | |
| </div> | |
| <div class="flex justify-between"> | |
| <span>Samedi</span> | |
| <span>10h - 14h</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-xl p-8 text-gray-800"> | |
| <h3 class="text-2xl font-bold mb-6">Contactez-nous</h3> | |
| <form> | |
| <div class="mb-4"> | |
| <label class="block mb-2 font-bold">Nom</label> | |
| <input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2 font-bold">Email</label> | |
| <input type="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2 font-bold">Téléphone</label> | |
| <input type="tel" class="w-full px-4 py-2 border border-gray-300 rounded-lg"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2 font-bold">Message</label> | |
| <textarea rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg"></textarea> | |
| </div> | |
| <button class="medical-gradient text-white px-8 py-3 rounded-full font-bold hover:opacity-90 transition duration-300 w-full"> | |
| Envoyer | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-blue-800 rounded-full flex items-center justify-center text-white font-bold text-xl mr-3">MC</div> | |
| <span class="text-xl font-bold">MediVision Conseil</span> | |
| </div> | |
| <p class="text-gray-400">Experts en stratégie d'imagerie médicale et intégration IA depuis 2015.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Services</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Audit DICOM</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Intégration IA</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Migration Cloud</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Formation</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Ressources</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Whitepapers</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Webinars</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Légal</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Mentions légales</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Confidentialité</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">CGV</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Cookies</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 mb-4 md:mb-0">© 2023 MediVision Conseil. Tous droits réservés.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobileMenuButton').addEventListener('click', function() { | |
| const menu = document.getElementById('mobileMenu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Dark mode toggle | |
| document.getElementById('darkModeToggle').addEventListener('click', function() { | |
| document.body.classList.toggle('dark-mode'); | |
| const icon = this.querySelector('i'); | |
| if (document.body.classList.contains('dark-mode')) { | |
| icon.classList.remove('fa-moon'); | |
| icon.classList.add('fa-sun'); | |
| } else { | |
| icon.classList.remove('fa-sun'); | |
| icon.classList.add('fa-moon'); | |
| } | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobileMenu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| }); | |
| }); | |
| // ROI Calculator interaction | |
| const sliders = document.querySelectorAll('.roi-slider'); | |
| sliders.forEach(slider => { | |
| slider.addEventListener('input', updateROI); | |
| }); | |
| function updateROI() { | |
| // This is a simplified example - in a real app you would calculate based on actual values | |
| const scannerCount = parseInt(document.querySelectorAll('.roi-slider')[0].value); | |
| const examVolume = parseInt(document.querySelectorAll('.roi-slider')[1].value); | |
| const errorRate = parseInt(document.querySelectorAll('.roi-slider')[2].value); | |
| // Simplified calculation for demo purposes | |
| const baseValue = scannerCount * examVolume * (errorRate/100) * 12 * 3; // 3 years | |
| const minEstimate = Math.round(baseValue * 2.5 / 10000) * 10000; | |
| const maxEstimate = Math.round(baseValue * 3.8 / 10000) * 10000; | |
| document.querySelector('.bg-white.bg-opacity-20 p:nth-child(2)').textContent = | |
| `€ ${minEstimate.toLocaleString()} - € ${maxEstimate.toLocaleString()}`; | |
| const roiRange = 2.5 + (Math.random() * 1.3); | |
| document.querySelector('.bg-white.bg-opacity-20 p:nth-child(3)').textContent = | |
| `ROI estimé : ${roiRange.toFixed(1)}x`; | |
| } | |
| // Initialize ROI calculator | |
| updateROI(); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Maheri/medivisionconseils" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |