feat: add Login and Sign Up buttons to docs header

docusaurus.config.ts

@@ -17,7 +17,9 @@ import {
   CAREERS_URL,
   WEBSITE_PRIVACY_URL,
   EXTENSION_PRIVACY_URL,
-  GITHUB_REPO_URL
+  GITHUB_REPO_URL,
+  SIGN_IN_URL,
+  SIGN_UP_URL
 } from './src/constants';
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)

src/components/GitHubInstallButtons/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { RxGithubLogo } from "react-icons/rx";
 import { VscVscode } from "react-icons/vsc";
-import { GITHUB_MAIN_REPO_URL, VSCODE_MARKETPLACE_URL } from '@site/src/constants';
+import { GITHUB_MAIN_REPO_URL, SIGN_IN_URL, SIGN_UP_URL, VSCODE_MARKETPLACE_URL } from '@site/src/constants';
 import styles from './styles.module.css';
 
 // Number formatting function
@@ -106,6 +106,30 @@ export default function GitHubInstallButtons(): React.JSX.Element {
         {stars && <span>{stars}</span>}
       </a>
 
+      <a
+        href={SIGN_IN_URL}
+        target="_blank"
+        rel="noopener noreferrer"
+        className={styles.secondaryButton}
+        title="Log into Roo Code Cloud"
+      >
+        <span>
+          Log in
+        </span>
+      </a>
+
+      <a
+        href={SIGN_UP_URL}
+        target="_blank"
+        rel="noopener noreferrer"
+        className={styles.installButton}
+        title="Sign up"
+      >
+        <span>
+          Sign up
+        </span>
+      </a>
+
       {/* Install Button */}
       <a
         href={VSCODE_MARKETPLACE_URL}

src/components/GitHubInstallButtons/styles.module.css

@@ -25,6 +25,21 @@
   text-decoration: none;
 }
 
+.secondaryButton {
+  color: var(--primary);
+  border-radius: 0.375rem;
+  border: 1px solid hsl(var(--border) / 0.75);
+  padding: 0.37rem 0.7rem;
+  transition: all 0.2s ease;
+}
+
+.secondaryButton:hover {
+  background: hsl(var(--primary) / 0.05);
+  color: hsl(var(--primary));
+  text-decoration: none;
+  scale: 1.05;
+}
+
 .installButton {
   background: hsl(var(--primary, 0 0% 9%));
   color: hsl(var(--primary-foreground, 0 0% 98%));

src/constants.ts

@@ -28,4 +28,9 @@ export const OPEN_VSX_URL = 'https://open-vsx.org/extension/RooVeterinaryInc/roo
 export const CONTACT_EMAIL = 'mailto:support@roocode.com';
 export const CAREERS_URL = 'https://careers.roocode.com';
 export const WEBSITE_PRIVACY_URL = 'https://roocode.com/privacy';
-export const EXTENSION_PRIVACY_URL = `${GITHUB_MAIN_REPO_URL}/blob/main/PRIVACY.md`;
+export const EXTENSION_PRIVACY_URL = `${GITHUB_MAIN_REPO_URL}/blob/main/PRIVACY.md`;
+
+// Authentication links
+export const APP_URL = 'https://app.roocode.com';
+export const SIGN_IN_URL = `${APP_URL}/sign-in`;
+export const SIGN_UP_URL = `${APP_URL}/sign-up`;