Merge pull request #1527 from starknet-io/dev

Merge dev into production

_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).

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"
+        }
       ],
     },
     {

workspaces/cms-data/src/seo/index.ts

@@ -19,6 +19,7 @@ export interface SEOTexts {
   jobs: {
     title: string;
     subtitle: string;
+    description: string;
   };
   search: {
     search: string;

workspaces/website/src/pages/jobs/JobsPage.tsx

@@ -20,13 +20,15 @@ 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";
 import useMobileFiltersDrawer from "../(components)/MobileFilter/useMobileFiltersDrawer";
 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>