Spaces:

heboya8
/

html-space

Running

App Files Files Community

heboya8 commited on May 24

Commit

395eeed

verified ·

1 Parent(s): 1f9a1fc

Update index.html

Browse files

Files changed (1) hide show

index.html +52 -79

index.html CHANGED Viewed

@@ -5,7 +5,7 @@
       rel="stylesheet"
       as="style"
       onload="this.rel='stylesheet'"
-      href="https://fonts.googleapis.com/css2?display=swap&amp;family=Manrope%3Awght%40400%3B500%3B700%3B800&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900"
     />
     <title>Galileo Design</title>
@@ -14,93 +14,66 @@
     <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: Manrope, "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-[#e7edf3] px-10 py-3">
-          <div class="flex items-center gap-4 text-[#0e141b]">
-            <div class="size-4">
-              <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path
-                  d="M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z"
-                  fill="currentColor"
-                ></path>
-              </svg>
             </div>
-            <h2 class="text-[#0e141b] text-lg font-bold leading-tight tracking-[-0.015em]">TalkAI</h2>
           </div>
-          <div class="flex flex-1 justify-end gap-8">
-            <div class="flex items-center gap-9">
-              <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Home</a>
-              <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Help</a>
-              <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Pricing</a>
-              <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Docs</a>
             </div>
-            <div class="flex gap-2">
-              <button
-                class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-10 px-4 bg-[#1980e6] text-slate-50 text-sm font-bold leading-normal tracking-[0.015em]"
-              >
-                <span class="truncate">Sign in</span>
-              </button>
               <button
-                class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-10 px-4 bg-[#e7edf3] text-[#0e141b] text-sm font-bold leading-normal tracking-[0.015em]"
               >
-                <span class="truncate">Join beta</span>
-              </button>
-            </div>
-          </div>
-        </header>
-        <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">
-            <h3 class="text-[#0e141b] tracking-light text-2xl font-bold leading-tight px-4 text-left pb-2 pt-5">Welcome to TalkAI</h3>
-            <p class="text-[#0e141b] text-base font-normal leading-normal pb-3 pt-1 px-4">
-              We're here to help you get started with TalkAI. If you have any questions, feel free to ask.
-            </p>
-            <div class="flex items-end gap-3 p-4">
-              <div
-                class="bg-center bg-no-repeat aspect-square bg-cover rounded-full w-10 shrink-0"
-                style='background-image: url("https://cdn.usegalileo.ai/sdxl10/4ac9fb50-6ae0-44b6-994d-caf00c3bdb32.png");'
-              ></div>
-              <div class="flex flex-1 flex-col gap-1 items-start">
-                <p class="text-[#4e7397] text-[13px] font-normal leading-normal max-w-[360px]">TalkAI</p>
-                <p class="text-base font-normal leading-normal flex max-w-[360px] rounded-xl px-4 py-3 bg-[#e7edf3] text-[#0e141b]">
-                  Hi there! I'm TalkAI. I'm a language model trained by OpenAI. I can help you with a wide range of tasks, from writing emails to summarizing documents. Feel free
-                  to ask me anything!
-                </p>
-              </div>
-            </div>
-            <div class="flex items-center px-4 py-3 gap-3 @container">
-              <label class="flex flex-col min-w-40 h-12 flex-1">
-                <div class="flex w-full flex-1 items-stretch rounded-xl h-full">
-                  <input
-                    placeholder="Type your message..."
-                    class="form-input flex w-full min-w-0 flex-1 resize-none overflow-hidden rounded-xl text-[#0e141b] focus:outline-0 focus:ring-0 border-none bg-[#e7edf3] focus:border-none h-full placeholder:text-[#4e7397] px-4 rounded-r-none border-r-0 pr-2 text-base font-normal leading-normal"
-                    value=""
-                  />
-                  <div class="flex border-none bg-[#e7edf3] items-center justify-center pr-4 rounded-r-xl border-l-0 !pr-2">
-                    <div class="flex items-center gap-4 justify-end">
-                      <div class="flex items-center gap-1">
-                        <button class="flex items-center justify-center p-1.5">
-                          <div class="text-[#4e7397]" data-icon="Paperclip" 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="M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z"
-                              ></path>
-                            </svg>
-                          </div>
-                        </button>
-                      </div>
-                      <button
-                        class="min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-8 px-4 bg-[#1980e6] text-slate-50 text-sm font-medium leading-normal hidden @[480px]:block"
-                      >
-                        <span class="truncate">Send</span>
-                      </button>
-                    </div>
-                  </div>
                 </div>
-              </label>
             </div>
           </div>
-        </div>
       </div>
     </div>
   </body>

       rel="stylesheet"
       as="style"
       onload="this.rel='stylesheet'"
+      href="https://fonts.googleapis.com/css2?display=swap&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900&amp;family=Plus+Jakarta+Sans%3Awght%40400%3B500%3B700%3B800"
     />
     <title>Galileo Design</title>
     <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>