Opening announcement banner on new tab

_data/pages/home.yml

@@ -11,6 +11,7 @@ blocks:
     buttonText: See more
     buttonLink: https://starkware.co
     isActive: false
+    openNewPage: true
   - type: group
     blocks:
       - type: home_hero

workspaces/cms-config/src/blocks.ts

@@ -910,6 +910,12 @@ export const blocks = [
         widget: "boolean",
         default: true,
       },
+      {
+        name: "openNewPage",
+        label: "openNewPage",
+        widget: "boolean",
+        default: false,
+      },
     ],
   },
 ] satisfies CmsFieldList["types"];

workspaces/cms-data/src/pages.ts

@@ -168,6 +168,7 @@ export interface NavStickyBannerBlock {
   readonly buttonText: string;
   readonly buttonLink: string;
   readonly isActive: boolean;
+  readonly openNewPage: boolean;
 }
 
 export interface LinkListBlock {

workspaces/website/src/blocks/Block.tsx

@@ -215,6 +215,7 @@ export function Block({
               text={block.text}
               buttonText={block.buttonText}
               buttonLink={block.buttonLink}
+              openNewPage={block.openNewPage}
             />
           );
       }

workspaces/website/src/pages/(components)/NavbarStickyBanner/NavbarStickyBanner.tsx

@@ -11,12 +11,14 @@ interface NavbarStickyBannerProps {
   text: string;
   buttonText: string;
   buttonLink: string;
+  openNewPage?: boolean;
 }
 
 const NavbarStickyBanner = ({
   text,
   buttonText,
   buttonLink,
+  openNewPage = false,
 }: NavbarStickyBannerProps) => {
   const hash = useMemo(
     () => sha256(text + buttonLink + buttonText).slice(-8),
@@ -77,6 +79,7 @@ const NavbarStickyBanner = ({
             }}
             _hover={{ bgColor: "white" }}
             variant="solid"
+            target={openNewPage ? "_blank" : ""}
           >
             {buttonText}
           </Button>