chore(web): update links (#1105)

Signed-off-by: Petr Kadlec <[email protected]>

Author: kapetr

apps/beeai-web/src/constants.ts

@@ -13,11 +13,13 @@ export const SupportedDockerRegistries = ['ghcr.io'];
 
 export const GITHUB_REPO_LINK = 'https://github.com/i-am-bee';
 
+export const FRAMEWORK_QUICKSTART_LINK = 'https://framework.beeai.dev/introduction/quickstart';
+
 export const FRAMEWORK_DOCS_LINK = 'https://framework.beeai.dev';
 
-export const FRAMEWORK_QUICKSTART_LINK = 'https://framework.beeai.dev/introduction/quickstart';
+export const FRAMEWORK_INTRO_LINK = 'https://framework.beeai.dev/introduction/welcome';
 
-export const PLATFORM_QUICKSTART_LINK = 'https://docs.beeai.dev/introduction/quickstart';
+export const PLATFORM_INTRO_LINK = 'https://docs.beeai.dev/introduction/welcome';
 
 export const DISCORD_LINK = 'https://discord.gg/NradeA6ZNF';
 

apps/beeai-web/src/modules/home/Framework.tsx

@@ -8,7 +8,7 @@ import { Code, Constraint, FlowConnection, Plug, Shapes } from '@carbon/icons-re
 import { Theme, useTheme } from '@i-am-bee/beeai-ui';
 import { useIsClient } from 'usehooks-ts';
 
-import { FRAMEWORK_QUICKSTART_LINK } from '@/constants';
+import { FRAMEWORK_INTRO_LINK } from '@/constants';
 import { LayoutContainer } from '@/layouts/LayoutContainer';
 
 import FileConfigYaml from './assets/file-config-yaml.svg';
@@ -31,7 +31,7 @@ export function Framework() {
           <HeadlineWithLink
             title="beeai-framework"
             description="Build reliable, intelligent agents with our lightweight framework that goes beyond prompting and enforces rules."
-            buttonProps={{ url: FRAMEWORK_QUICKSTART_LINK }}
+            buttonProps={{ url: FRAMEWORK_INTRO_LINK }}
             inverse
           />
 

apps/beeai-web/src/modules/home/Introduction.tsx

@@ -6,8 +6,8 @@
 'use client';
 import { LayoutContainer } from '@/layouts/LayoutContainer';
 
-import { GitHubButton } from './components/GitHubButton';
 import { LogoBeeAI } from './components/LogoBeeAI';
+import { PrimaryCTALink } from './components/PrimaryCTALink';
 import classes from './Introduction.module.scss';
 
 export function Introduction() {
@@ -19,7 +19,7 @@ export function Introduction() {
             <LogoBeeAI /> <br />
             control and agency without compromise
           </h1>
-          <GitHubButton />
+          <PrimaryCTALink />
         </div>
       </section>
     </LayoutContainer>

apps/beeai-web/src/modules/home/Platform.tsx

@@ -7,7 +7,7 @@
 import { Deploy, Gui, Unlocked } from '@carbon/icons-react';
 import Image from 'next/image';
 
-import { PLATFORM_QUICKSTART_LINK } from '@/constants';
+import { PLATFORM_INTRO_LINK } from '@/constants';
 import { LayoutContainer } from '@/layouts/LayoutContainer';
 
 import InterfaceUsageAlt from './assets/interface-usage-alt.svg';
@@ -27,7 +27,7 @@ export function Platform() {
             <HeadlineWithLink
               title="beeai-platform"
               description="Test, debug, and share your agents in an interactive UI with out-of-the-box trajectory, citations, and more."
-              buttonProps={{ url: PLATFORM_QUICKSTART_LINK }}
+              buttonProps={{ url: PLATFORM_INTRO_LINK }}
             />
           </div>
 

apps/beeai-web/src/modules/home/components/HeadlineWithLink.tsx

@@ -26,7 +26,7 @@ export function HeadlineWithLink({ title, inverse, description, buttonProps }: P
       <p>{description}</p>
       {buttonProps && (
         <Button renderIcon={ArrowRight} href={buttonProps.url} target="_blank" rel="noreferrer">
-          {buttonProps?.label ?? 'Get started'}
+          {buttonProps?.label ?? 'Learn more'}
         </Button>
       )}
     </div>

…home/components/GitHubButton.module.scss …me/components/PrimaryCTALink.module.scssapps/beeai-web/src/modules/home/components/GitHubButton.module.scss renamed to apps/beeai-web/src/modules/home/components/PrimaryCTALink.module.scss apps/beeai-web/src/modules/home/components/GitHubButton.module.scss renamed to apps/beeai-web/src/modules/home/components/PrimaryCTALink.module.scss

@@ -5,11 +5,16 @@
 
 .root {
   &:global(.cds--btn) {
-    @include type-style(body-compact-01);
-    min-inline-size: rem(229px);
+    font-size: rem(16px);
+    min-inline-size: rem(208px);
     column-gap: $spacing-03;
     justify-content: flex-start;
     align-items: center;
     padding-inline-end: rem(20px);
+    svg {
+      inline-size: rem(24px);
+      block-size: rem(24px);
+      margin-block-start: rem(-1px); // vertical position correction
+    }
   }
 }

…modules/home/components/GitHubButton.tsx …dules/home/components/PrimaryCTALink.tsxapps/beeai-web/src/modules/home/components/GitHubButton.tsx renamed to apps/beeai-web/src/modules/home/components/PrimaryCTALink.tsx apps/beeai-web/src/modules/home/components/GitHubButton.tsx renamed to apps/beeai-web/src/modules/home/components/PrimaryCTALink.tsx

@@ -3,25 +3,25 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { LogoGithub } from '@carbon/icons-react';
+import { ArrowRight } from '@carbon/icons-react';
 import { Button } from '@carbon/react';
 
-import { GITHUB_REPO_LINK } from '@/constants';
+import { FRAMEWORK_QUICKSTART_LINK } from '@/constants';
 
-import classes from './GitHubButton.module.scss';
+import classes from './PrimaryCTALink.module.scss';
 
-export function GitHubButton() {
+export function PrimaryCTALink() {
   return (
     <Button
       as="a"
-      href={GITHUB_REPO_LINK}
+      href={FRAMEWORK_QUICKSTART_LINK}
       target="_blank"
       rel="noreferrer"
       size="lg"
       className={classes.root}
-      renderIcon={LogoGithub}
+      renderIcon={ArrowRight}
     >
-      Get started on GitHub
+      Get started
     </Button>
   );
 }