Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hospital AI Solutions - Transforming Healthcare</title> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.css" rel="stylesheet" /> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navbar --> | |
| <nav class="bg-white border-gray-200 dark:bg-gray-900 fixed w-full z-50"> | |
| <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> | |
| <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse"> | |
| <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Hospital AI</span> | |
| </a> | |
| <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse"> | |
| <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Get Started</button> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="bg-white dark:bg-gray-900 pt-24"> | |
| <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16"> | |
| <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">AI-Powered Healthcare Solutions</h1> | |
| <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Transform your healthcare facility with cutting-edge AI solutions designed to improve patient care, streamline operations, and enhance medical decision-making.</p> | |
| <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0"> | |
| <a href="#" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900"> | |
| View Proposal | |
| <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"> | |
| <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/> | |
| </svg> | |
| </a> | |
| <a href="#" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800"> | |
| Learn more | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section class="bg-white dark:bg-gray-900"> | |
| <div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6"> | |
| <div class="max-w-screen-md mb-8 lg:mb-16"> | |
| <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Our Solutions</h2> | |
| <p class="text-gray-500 sm:text-xl dark:text-gray-400">Discover how our AI solutions can revolutionize your healthcare facility.</p> | |
| </div> | |
| <div class="space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0"> | |
| <div> | |
| <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-blue-100 lg:h-12 lg:w-12 dark:bg-blue-900"> | |
| <svg class="w-5 h-5 text-blue-600 lg:w-6 lg:h-6 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> | |
| </div> | |
| <h3 class="mb-2 text-xl font-bold dark:text-white">Medical Imaging AI</h3> | |
| <p class="text-gray-500 dark:text-gray-400">Advanced image analysis for faster and more accurate diagnoses.</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-blue-100 lg:h-12 lg:w-12 dark:bg-blue-900"> | |
| <svg class="w-5 h-5 text-blue-600 lg:w-6 lg:h-6 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"></path></svg> | |
| </div> | |
| <h3 class="mb-2 text-xl font-bold dark:text-white">Patient Analytics</h3> | |
| <p class="text-gray-500 dark:text-gray-400">Predictive analytics for improved patient outcomes and care management.</p> | |
| </div> | |
| <div> | |
| <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-blue-100 lg:h-12 lg:w-12 dark:bg-blue-900"> | |
| <svg class="w-5 h-5 text-blue-600 lg:w-6 lg:h-6 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"></path><path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z"></path></svg> | |
| </div> | |
| <h3 class="mb-2 text-xl font-bold dark:text-white">Workflow Optimization</h3> | |
| <p class="text-gray-500 dark:text-gray-400">Streamline operations and reduce administrative burden with AI automation.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="bg-gray-50 dark:bg-gray-800"> | |
| <div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6"> | |
| <div class="mx-auto max-w-screen-sm text-center"> | |
| <h2 class="mb-4 text-4xl tracking-tight font-extrabold leading-tight text-gray-900 dark:text-white">Ready to transform your healthcare facility?</h2> | |
| <p class="mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg">Contact us today to learn how our AI solutions can help you improve patient care and operational efficiency.</p> | |
| <a href="#" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Get in touch</a> | |
| </div> | |
| </div> | |
| </section> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script> | |
| </body> | |
| </html> | |