From e9c70742323743501a0883d317893332268b77e7 Mon Sep 17 00:00:00 2001
From: nuno-aac <naac.1999@gmail.com>
Date: Mon, 23 Oct 2023 11:32:38 +0100
Subject: [PATCH] Add recruitment link

---
 _data/seo/jobs.yml                            |  3 ++
 workspaces/cms-config/src/collections/seo.ts  |  5 ++++
 workspaces/cms-data/src/seo/index.ts          |  1 +
 .../website/src/pages/jobs/JobsPage.tsx       | 30 +++++++++++++------
 4 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/_data/seo/jobs.yml b/_data/seo/jobs.yml
index 6234023653..8a0e91d938 100644
--- a/_data/seo/jobs.yml
+++ b/_data/seo/jobs.yml
@@ -1,2 +1,5 @@
 title: Ecosystem jobs
 subtitle: Find a job with the best teams building on Starknet.
+description: Recruiting for your project? Let the Starknet ecosystem know about
+  it by submitting an open position
+  [here](https://forms.reform.app/starkware/job-market-submission/grur62).
diff --git a/workspaces/cms-config/src/collections/seo.ts b/workspaces/cms-config/src/collections/seo.ts
index a76587b134..c62eee9de7 100644
--- a/workspaces/cms-config/src/collections/seo.ts
+++ b/workspaces/cms-config/src/collections/seo.ts
@@ -91,6 +91,11 @@ export const SEOCollectionConfig = {
           widget: "string",
           crowdin: true,
         },
+        {
+          label: "Recruitment text",
+          name: "description",
+          widget: "markdown"
+        }
       ],
     },
     {
diff --git a/workspaces/cms-data/src/seo/index.ts b/workspaces/cms-data/src/seo/index.ts
index e845c71d01..2b0f0f39bb 100644
--- a/workspaces/cms-data/src/seo/index.ts
+++ b/workspaces/cms-data/src/seo/index.ts
@@ -19,6 +19,7 @@ export interface SEOTexts {
   jobs: {
     title: string;
     subtitle: string;
+    description: string;
   };
   search: {
     search: string;
diff --git a/workspaces/website/src/pages/jobs/JobsPage.tsx b/workspaces/website/src/pages/jobs/JobsPage.tsx
index f4cf259987..3d2e63a874 100644
--- a/workspaces/website/src/pages/jobs/JobsPage.tsx
+++ b/workspaces/website/src/pages/jobs/JobsPage.tsx
@@ -20,6 +20,7 @@ import {
 import { useRefinementList } from "react-instantsearch-hooks";
 import { PageLayout } from "@ui/Layout/PageLayout";
 import { Heading } from "@ui/Typography/Heading";
+import { Text } from "@ui/Typography/Text";
 import { titleCase } from "src/utils/utils";
 import { RefinementListProps } from "react-instantsearch-hooks-web/dist/es/ui/RefinementList";
 import MobileFiltersButton from "../(components)/MobileFilter/MobileFiltersButton";
@@ -27,6 +28,7 @@ import useMobileFiltersDrawer from "../(components)/MobileFilter/useMobileFilter
 import MobileFiltersDrawer from "../(components)/MobileFilter/MobileFiltersDrawer";
 import { SEOTexts } from "@starknet-io/cms-data/src/seo";
 import JobsCard from "./JobsCard";
+import { MarkdownBlock } from "src/blocks/MarkdownBlock";
 
 export interface AutoProps {
   readonly params: {
@@ -156,15 +158,25 @@ const JobsPageLayout = ({ params, seo }: Pick<Props, "params" | "seo">) => {
     <PageLayout
       sectionHeaderTitle={seo.title}
       sectionHeaderDescription={seo.subtitle}
-      sectionHeaderBottomContent={
-        <MobileFiltersButton
-          filtersCount={filtersCounts}
-          onClick={onOpen}
-          style={{
-            marginBlock: "16px",
-          }}
-        />
-      }
+      sectionHeaderBottomContent={(
+        <>
+          <Text
+            color={'muted'}
+            style={{marginTop: '-36px'}}
+            variant={'body'}
+          >
+            <MarkdownBlock body={seo.description} />
+          </Text>
+            
+          <MobileFiltersButton
+            filtersCount={filtersCounts}
+            onClick={onOpen}
+            style={{
+              marginBlock: "16px",
+            }}
+          />
+        </>
+      )}
       breadcrumbs={
         <Breadcrumb separator="/">
           <BreadcrumbItem>