Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" /> | |
| <link | |
| rel="stylesheet" | |
| as="style" | |
| onload="this.rel='stylesheet'" | |
| href="https://fonts.googleapis.com/css2?display=swap&family=Inter%3Awght%40400%3B500%3B700%3B900&family=Noto+Sans%3Awght%40400%3B500%3B700%3B900" | |
| /> | |
| <title>Stitch Design</title> | |
| <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," /> | |
| <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script> | |
| </head> | |
| <body> | |
| <div class="relative flex size-full min-h-screen flex-col bg-slate-50 group/design-root overflow-x-hidden" style='font-family: Inter, "Noto Sans", sans-serif;'> | |
| <div class="layout-container flex h-full grow flex-col"> | |
| <header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#e7edf4] px-10 py-3"> | |
| <div class="flex items-center gap-4 text-[#0d141c]"> | |
| <div class="size-4"> | |
| <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 4H17.3334V17.3334H30.6666V30.6666H44V44H4V4Z" fill="currentColor"></path></svg> | |
| </div> | |
| <h2 class="text-[#0d141c] text-lg font-bold leading-tight tracking-[-0.015em]">VedaMD</h2> | |
| </div> | |
| <button | |
| class="flex max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 bg-[#e7edf4] text-[#0d141c] gap-2 text-sm font-bold leading-normal tracking-[0.015em] min-w-0 px-2.5" | |
| > | |
| <div class="text-[#0d141c]" data-icon="Gear" data-size="20px" data-weight="regular"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" viewBox="0 0 256 256"> | |
| <path | |
| d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z" | |
| ></path> | |
| </svg> | |
| </div> | |
| </button> | |
| </header> | |
| <div class="px-40 flex flex-1 justify-center py-5"> | |
| <div class="layout-content-container flex flex-col max-w-[960px] flex-1"> | |
| <div class="w-full" style="height: 100px;"></div> | |
| <h2 class="text-[#0d141c] tracking-light text-[28px] font-bold leading-tight px-4 text-center pb-3 pt-5">Welcome to VedaMD</h2> | |
| <h1 class="text-[#0d141c] tracking-light text-[32px] font-bold leading-tight px-4 text-center pb-3 pt-6"> | |
| Get trusted clinical answers based on Sri Lankan health guidelines | |
| </h1> | |
| <p class="text-[#0d141c] text-base font-normal leading-normal pb-3 pt-1 px-4 text-center"> | |
| Ask any question about health and wellness, and receive accurate, reliable information tailored to Sri Lankan health standards. | |
| </p> | |
| <div class="flex justify-center"> | |
| <div class="flex flex-1 gap-3 flex-wrap px-4 py-3 max-w-[480px] justify-center"> | |
| <button | |
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#e7edf4] text-[#0d141c] text-sm font-bold leading-normal tracking-[0.015em] grow" | |
| > | |
| <span class="truncate">What is the recommended antibiotic regimen for puerperal sepsis according to national guidelines?</span> | |
| </button> | |
| <button | |
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-10 px-4 bg-[#e7edf4] text-[#0d141c] text-sm font-bold leading-normal tracking-[0.015em] grow" | |
| > | |
| <span class="truncate">What are the steps for active management of the third stage of labor (AMTSL)</span> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="flex max-w-[480px] flex-wrap items-end gap-4 px-4 py-3"> | |
| <label class="flex flex-col min-w-40 flex-1"> | |
| <input | |
| placeholder="Ask VedaMD anything..." | |
| class="form-input flex w-full min-w-0 flex-1 resize-none overflow-hidden rounded-xl text-[#0d141c] focus:outline-0 focus:ring-0 border-none bg-[#e7edf4] focus:border-none h-14 placeholder:text-[#49719c] p-4 text-base font-normal leading-normal" | |
| value="" | |
| /> | |
| </label> | |
| </div> | |
| <div class="flex justify-end overflow-hidden px-5 pb-5"> | |
| <button | |
| class="flex max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-full h-14 bg-[#3490f3] text-slate-50 text-base font-bold leading-normal tracking-[0.015em] min-w-0 px-2 gap-4 pl-4 pr-6" | |
| > | |
| <div class="text-slate-50" data-icon="ArrowRight" data-size="24px" data-weight="regular"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256"> | |
| <path | |
| d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" | |
| ></path> | |
| </svg> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <footer class="flex justify-center"> | |
| <div class="flex max-w-[960px] flex-1 flex-col"><p class="text-[#49719c] text-sm font-normal leading-normal pb-3 pt-1 px-4">© 2024 VedaMD. All rights reserved.</p></div> | |
| </footer> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |