Merged in feat/SW-1430-cta-button (pull request #1290)

Feat(SW-1430): Add header button on static pages

Approved-by: Erik Tiekstra

components/ContentType/StaticPages/index.tsx

@@ -1,9 +1,11 @@
+import Link from "next/link"
 import { Suspense } from "react"
 
 import Blocks from "@/components/Blocks"
 import Hero from "@/components/Hero"
 import Sidebar from "@/components/Sidebar"
 import SidebarSkeleton from "@/components/Sidebar/SidebarSkeleton"
+import Button from "@/components/TempDesignSystem/Button"
 import LinkChips from "@/components/TempDesignSystem/LinkChips"
 import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
@@ -33,6 +35,19 @@ export default function StaticPage({
                   <Title as="h2">{header.heading}</Title>
                   <Preamble>{header.preamble}</Preamble>
                 </div>
+                {header.top_primary_button?.url ? (
+                  <Button
+                    size="medium"
+                    intent="tertiary"
+                    theme="base"
+                    asChild
+                    className={styles.button}
+                  >
+                    <Link href={header.top_primary_button.url}>
+                      {header.top_primary_button.title}
+                    </Link>
+                  </Button>
+                ) : null}
                 {header.navigation_links ? (
                   <LinkChips chips={header.navigation_links} />
                 ) : null}

components/ContentType/StaticPages/staticPage.module.css

@@ -58,6 +58,10 @@
   grid-area: main;
 }
 
+.button {
+  width: fit-content;
+}
+
 @media (min-width: 768px) {
   .contentContainer {
     padding: var(--Spacing-x4) 0;