Add hiring page

src/components/Footer.astro

@@ -105,6 +105,7 @@ import Icon from './AstroIcon.astro';
             class='my-1.5 mr-auto sm:ml-auto sm:mr-0'
             width='200'
             height='24.8'
+            loading="lazy"
           />
         </a>
         <p class='my-4 text-slate-300/60'>

src/components/Navigation/Navigation.astro

@@ -16,6 +16,25 @@ import { AccountDropdown } from './AccountDropdown';
         <Icon icon='logo' />
       </a>
 
+      <a
+          target='_blank'
+          rel='noreferrer nofollow'
+          href='https://boards.greenhouse.io/insightmediagroupllc/jobs/4002116008'
+          class='group inline sm:hidden relative !mr-2 text-blue-300 hover:text-white'
+      >
+        We're Hiring
+
+        <span class='absolute -right-[11px] top-0'>
+            <span class='relative flex h-2 w-2'>
+              <span
+                  class='absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75'
+              ></span>
+              <span class='relative inline-flex h-2 w-2 rounded-full bg-sky-500'
+              ></span>
+            </span>
+          </span>
+      </a>
+
       <!-- Desktop navigation items -->
       <div class='hidden space-x-5 sm:flex sm:items-center'>
         <NavigationDropdown client:load />
@@ -23,9 +42,27 @@ import { AccountDropdown } from './AccountDropdown';
           Start Here
         </a>
         <a href='/teams' class='text-gray-400 hover:text-white'> Teams</a>
+        <a
+          target='_blank'
+          rel='noreferrer nofollow'
+          href='https://boards.greenhouse.io/insightmediagroupllc/jobs/4002116008'
+          class='group relative !mr-2 text-blue-300 hover:text-white'
+        >
+          We're Hiring
+
+          <span class='absolute -right-[11px] top-0'>
+            <span class='relative flex h-2 w-2'>
+              <span
+                class='absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75'
+              ></span>
+              <span class='relative inline-flex h-2 w-2 rounded-full bg-sky-500'
+              ></span>
+            </span>
+          </span>
+        </a>
         <button
           data-command-menu
-          class='hidden items-center rounded-md border border-gray-800 px-2.5 py-1.5 text-sm text-gray-400 hover:cursor-pointer hover:bg-gray-800 sm:flex'
+          class='hidden items-center rounded-md border border-gray-800 px-2.5 py-1.5 text-sm text-gray-400 hover:cursor-pointer hover:bg-gray-800 md:flex'
         >
           <Icon icon='search' class='h-3 w-3' />
           <span class='ml-2'>Search</span>

src/components/TeamAnnouncement.tsx

@@ -10,7 +10,7 @@ export function TeamAnnouncement(props: TeamAnnouncementProps) {
         New
       </span>{' '}
       <span className={'hidden sm:inline'}>Announcing roadmaps for teams. <span className='font-semibold'>Learn more!</span></span>
-      <span className={'inline sm:hidden'}>Announcing roadmaps for teams!</span>
+      <span className={'inline text-sm sm:hidden'}>Roadmaps for teams!</span>
     </a>
   );
 }