Spaces:
Running
Running
| <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=Noto+Sans%3Awght%40400%3B500%3B700%3B900&family=Plus+Jakarta+Sans%3Awght%40400%3B500%3B700%3B800" | |
| /> | |
| <title>Galileo 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-[#F9FAFA] group/design-root overflow-x-hidden" style='font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;'> | |
| <div class="layout-container flex h-full grow flex-col"> | |
| <div class="px-40 flex flex-1 justify-center py-5"> | |
| <div class="layout-content-container flex flex-col w-[512px] max-w-[512px] py-5 max-w-[960px] flex-1"> | |
| <div class="flex p-4 @container"> | |
| <div class="flex w-full flex-col gap-4 items-center"> | |
| <div class="flex gap-4 flex-col items-center"> | |
| <div | |
| class="bg-center bg-no-repeat aspect-square bg-cover rounded-full min-h-32 w-32" | |
| style='background-image: url("https://cdn.usegalileo.ai/sdxl10/5ee9e619-ec66-4791-99b0-fe51f07eb54e.png");' | |
| ></div> | |
| <div class="flex flex-col items-center justify-center justify-center"> | |
| <p class="text-[#1C1D22] text-[22px] font-bold leading-tight tracking-[-0.015em] text-center">SmartHelp</p> | |
| <p class="text-[#3C3F4A] text-base font-normal leading-normal text-center">AI · 1.3k followers</p> | |
| </div> | |
| </div> | |
| <div class="flex w-full max-w-[480px] gap-3 @[480px]:w-auto"> | |
| <button | |
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-10 px-4 bg-[#EEEFF2] text-[#1C1D22] text-sm font-bold leading-normal tracking-[0.015em] flex-1 @[480px]:flex-auto" | |
| > | |
| <span class="truncate">New Message</span> | |
| </button> | |
| <button | |
| class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-10 px-4 bg-[#607AFB] text-[#F9FAFA] text-sm font-bold leading-normal tracking-[0.015em] flex-1 @[480px]:flex-auto" | |
| > | |
| <span class="truncate">View Profile</span> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer class="flex justify-center"> | |
| <div class="flex max-w-[960px] flex-1 flex-col"> | |
| <div class="pb-3"> | |
| <div class="flex border-b border-[#D5D6DD] px-4 justify-between"> | |
| <a class="flex flex-col items-center justify-center border-b-[3px] border-b-[#607AFB] text-[#1C1D22] pb-[13px] pt-4 flex-1" href="#"> | |
| <p class="text-[#1C1D22] text-sm font-bold leading-normal tracking-[0.015em]">Chats</p> | |
| </a> | |
| <a class="flex flex-col items-center justify-center border-b-[3px] border-b-transparent text-[#3C3F4A] pb-[13px] pt-4 flex-1" href="#"> | |
| <p class="text-[#3C3F4A] text-sm font-bold leading-normal tracking-[0.015em]">Bots</p> | |
| </a> | |
| <a class="flex flex-col items-center justify-center border-b-[3px] border-b-transparent text-[#3C3F4A] pb-[13px] pt-4 flex-1" href="#"> | |
| <p class="text-[#3C3F4A] text-sm font-bold leading-normal tracking-[0.015em]">AI Assistants</p> | |
| </a> | |
| </div> | |
| </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-lg h-14 bg-[#607AFB] text-[#F9FAFA] text-base font-bold leading-normal tracking-[0.015em] min-w-0 px-2 gap-4 pl-4 pr-6" | |
| > | |
| <div class="text-[#F9FAFA]" data-icon="Plus" 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="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"></path> | |
| </svg> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |