Spaces:
Running
Running
File size: 4,756 Bytes
34e7244 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 395eeed 1f9a1fc 34e7244 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
<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>
|