Make landing page neutral

src/components/Header.astro

@@ -83,7 +83,7 @@ import ChevronRight from "./icons/ChevronRight.astro";
           />
         </a>
         <div class="hidden sm:flex items-center gap-2">
-          <div class="relative">
+          <div class="relative hidden">
             <div
               id="products"
               class="flex items-center hover:cursor-pointer gap-1 hover:text-color rounded-full px-3 py-1 hover:bg-surface-100"
@@ -114,7 +114,7 @@ import ChevronRight from "./icons/ChevronRight.astro";
           </div>
 
           <!-- Unhide me when we have a careers and/or about/ page -->
-          <div class="relative hidden">
+          <div class="relative">
             <div
               id="company"
               class="flex items-center hover:cursor-pointer gap-1 hover:text-color rounded-full px-3 py-1 hover:bg-surface-100"
@@ -136,10 +136,6 @@ import ChevronRight from "./icons/ChevronRight.astro";
                 >
                   Values</a
                 >
-                <a
-                  class="rounded mx-2 mb-2 px-2 py-2 hover:text-color hover:bg-surface-100"
-                  href="/careers">Careers</a
-                >
               </div>
             </div>
           </div>
@@ -172,31 +168,13 @@ import ChevronRight from "./icons/ChevronRight.astro";
         class="hidden md:flex flex-1 justify-end gap-3 sm:gap-6 items-center"
       >
         <div class="flex items-center gap-2 text-sm">
-          <a
-            href="https://github.com/axflow/axflow"
-            class="hover:bg-button p-0 sm:p-2 rounded-full"
-          >
-            <img
-              src="/github-mark-white.png"
-              alt="GitHub logo"
-              width={18}
-              height={18}
-            />
-          </a>
           <div
             id="headerCTA"
             class="flex items-center hover:cursor-pointer gap-1 hover:text-color border border-surface rounded-full px-3 py-1 hover:bg-surface-100"
           >
             <p>Book a demo</p>
             <ChevronRight className="w-4 h-4" />
           </div>
-          <a
-            href="https://studio.axflow.dev/chats"
-            class="flex items-center hover:cursor-pointer gap-1 hover:text-color rounded-full px-3 py-1 bg-surface-100 hover:bg-surface-200"
-          >
-            <p>Sign in</p>
-            <ChevronRight className="w-4 h-4" />
-          </a>
         </div>
       </div>
     </nav>

src/components/WaitlistDialog.astro

@@ -58,11 +58,9 @@ import XIcon from "../components/icons/X.astro";
   This is an info
 </p>
 <dialog
-  class="transition-all allow-discrete duration-700 backdrop:backdrop-blur backdrop:bg-black backdrop:bg-opacity-50 bg-surface max-w-lg gap-4 border border-surface-50 bg-surface-50 p-6 shadow-lg duration-200 [state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-2xl w-[90%] md:w-full"
+  class="transition-all allow-discrete duration-700 backdrop:backdrop-blur backdrop:bg-black backdrop:bg-opacity-50 bg-surface max-w-fit gap-4 border border-surface-50 bg-surface-50 p-6 shadow-lg duration-200 [state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-2xl w-[90%] md:w-full"
 >
-  <div
-    class="flex flex-col items-center justify-center gap-x-12 gap-y-10 md:flex-row"
-  >
+  <div class="flex flex-col justify-center gap-y-10 md:flex-row">
     <div class="p-6 rounded-lg relative">
       <button
         id="closeModalBtn"

src/layouts/Default.astro

@@ -24,14 +24,8 @@ const authors = getAuthors(["nicholas", "ben", "zach"]);
 
     <title>{title || "Axflow"}</title>
     <ViewTransitions />
-    <meta
-      name="description"
-      content="Tooling for product teams to build and improve AI applications"
-    />
-    <meta
-      name="keywords"
-      content="LLM,AI,tooling,evaluation,framework,TypeScript,React,JavaScript,axflow,nextjs,studio,production AI, "
-    />
+    <meta name="description" content="AI tooling for the future." />
+    <meta name="keywords" content="LLM,AI,tooling,AI,agents,agent,AI agent" />
 
     <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="any" />
 
@@ -45,10 +39,7 @@ const authors = getAuthors(["nicholas", "ben", "zach"]);
     }
 
     <meta property="og:title" content="Axflow | Studio" />
-    <meta
-      property="og:description"
-      content="Tooling for product teams to build and improve AI applications"
-    />
+    <meta property="og:description" content="AI tooling for the future." />
     <meta property="og:url" content="https://axflow.dev" />
     <meta property="og:site_name" content="Axflow" />
     <meta property="og:locale" content="en_US" />
@@ -60,7 +51,7 @@ const authors = getAuthors(["nicholas", "ben", "zach"]);
     <meta name="twitter:title" content="Axflow" />
     <meta
       name="twitter:description"
-      content="Tooling for product teams to build and improve AI applications"
+      content="AI tooling for the future."
     />
     <meta name="twitter:image" content="https://axflow.dev/OG.png" />
 
@@ -71,7 +62,7 @@ const authors = getAuthors(["nicholas", "ben", "zach"]);
     <Tooltips interactive={false} delay={[15, 2000]} arrow={false} />
   </head>
   <body
-    class="relative bg-bg-blue selection:bg-teal-200 selection:text-zinc-900"
+    class="relative bg-bg-blue selection:bg-teal-200 selection:text-zinc-900 h-screen"
   >
     <div
       class="bg-dot-grid absolute left-0 top-0 h-screen w-full bg-absolute -z-10"