feat: enhance CTABlock and HeroSection components with dynamic button links based on authentication status

- Integrate authentication context to determine user session state.
- Update CTABlock to conditionally redirect logged-in users to documentation and non-logged-in users to the sign-up page.
- Modify HeroSection to handle "Get Started" button clicks similarly, ensuring a seamless user experience based on authentication status.

These changes improve navigation and user flow for authenticated and unauthenticated users.

Author: mjunaidca

robolearn-interface/src/components/HomepageComponents/CTABlock/index.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useAuth } from '@/contexts/AuthContext';
+import { getHomeUrl } from '@/lib/url-utils';
 import { useScrollReveal } from '../../../hooks/useScrollReveal';
 import styles from './styles.module.css';
 
@@ -45,8 +47,22 @@ export function CTABlock({
   buttonLink,
 }: CTABlockProps): React.ReactElement {
   const { siteConfig } = useDocusaurusContext();
+  const { session } = useAuth();
   const authUrl = (siteConfig.customFields?.authUrl as string) || 'http://localhost:3001';
-  const finalButtonLink = buttonLink || `${authUrl}/auth/sign-up`;
+  
+  // Determine button link based on auth status
+  const getButtonLink = () => {
+    if (buttonLink) return buttonLink;
+    // If user is logged in, redirect to docs
+    if (session?.user) {
+      const homeUrl = getHomeUrl();
+      return `${homeUrl}docs/preface-agent-native`;
+    }
+    // If not logged in, go to sign-up
+    return `${authUrl}/auth/sign-up`;
+  };
+  
+  const finalButtonLink = getButtonLink();
 
   const { ref, isVisible } = useScrollReveal<HTMLElement>();
 

robolearn-interface/src/components/HomepageComponents/HeroSection/index.tsx

@@ -2,6 +2,8 @@ import React, { useEffect, useState, useRef } from 'react';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { getOAuthAuthorizationUrl } from '@/lib/auth-client';
+import { useAuth } from '@/contexts/AuthContext';
+import { getHomeUrl } from '@/lib/url-utils';
 import styles from './styles.module.css';
 
 /**
@@ -14,6 +16,7 @@ import styles from './styles.module.css';
  */
 export function HeroSection(): React.ReactElement {
   const { siteConfig } = useDocusaurusContext();
+  const { session, isLoading } = useAuth();
   const authUrl = (siteConfig.customFields?.authUrl as string) || 'http://localhost:3001';
   const oauthClientId = (siteConfig.customFields?.oauthClientId as string) || 'robolearn-interface';
 
@@ -23,9 +26,16 @@ export function HeroSection(): React.ReactElement {
     clientId: oauthClientId,
   };
 
-  // Handle OAuth sign up flow
+  // Handle Get Started button click
   const handleGetStarted = async () => {
-    // Go to sign-up page, then redirect to OAuth flow
+    // If user is already logged in, redirect to docs
+    if (session?.user) {
+      const homeUrl = getHomeUrl();
+      window.location.href = `${homeUrl}docs/preface-agent-native`;
+      return;
+    }
+
+    // If not logged in, go to sign-up page, then redirect to OAuth flow
     const oauthUrl = await getOAuthAuthorizationUrl('signup', oauthConfig);
     const signupUrl = `${authUrl}/auth/sign-up?redirect=${encodeURIComponent(oauthUrl)}`;
     window.location.href = signupUrl;