Merge dev into production

_data/pages/grant.yml

@@ -16,6 +16,73 @@ blocks:
     title: Seed Grant Program
     description: ""
     darkTextColor: true
+  - type: container
+    blocks:
+      - type: flex_layout
+        heading_variant: sm
+        blocks:
+          - type: markdown
+            body: >-
+              The Seed Grants Program is designed to provide teams with grants
+              up to $25,000 in USDC in non-dilutive funding to enhance the
+              growth of the Starknet ecosystem. 
+
+
+              This program has a simplified application and evaluation process, aiming to provide a decision approximately two weeks after submission. 
+
+
+              A Seed Grant is appropriate for projects and teams that meet any of the following criteria:
+
+
+              * Actively involved in the Starknet community and/ or participated in a Starknet hackathon, builder program, or other entry-level initiative.
+
+              * Already developed an MVP or proof of concept.
+
+              * Willing to submit a demo or links to a proof of concept or MVP.
+
+              * Planning on using or building upon existing Starknet tools and integrations.
+
+              * You’re experimenting with innovative concepts aimed at pushing boundaries of what is possible on Starknet.
+
+
+              All teams should present a clear plan detailing how the grant will be used within the next three months.
+
+
+              We welcome applications from all industries, and there are no restrictions on the types of projects we consider.
+        heading: Seed Grants Program
+        xl: 1
+        lg: 1
+        md: 1
+        base: 1
+    max_width: 1062
+  - type: card_display
+    title: Application Process
+    button: Apply Now
+    buttonLink: https://starknet.questbook.app/proposal_form/?grantId=661667585afea0acb56c9f08&chainId=10&newTab=true
+    card_display_items:
+      - title: Application
+        description: "Apply via our grants submission form to submit your project. You
+          will need to submit a clear roadmap of how the grant will be utilized
+          over the next 3 months. "
+        icon: Application
+      - title: Internal Evaluation
+        description: An internal committee will assess each application based on
+          potential impact, innovation, milestones, community engagement & track
+          record, and embeddedness with the Starknet ecosystem.
+        icon: Internal Evaluation
+      - title: Results
+        description: "We plan to communicate decisions on your application within an
+          approximate two week timeframe. "
+        icon: Results
+      - title: Onboarding
+        description: After successfully completing KYC and signing a grant agreement,
+          you will receive funds.
+        icon: Onboarding
+      - title: Post Grant Check-in
+        description: "After three months, the Foundation will check-in with Grantees and
+          assess the results. The Grantee should share regular updates (blog
+          posts, videos, AMAs etc) with the team to assist in this process.  "
+        icon: Post Grant Check-in
   - type: container
     blocks:
       - type: flex_layout
@@ -25,13 +92,13 @@ blocks:
             body: >-
               The Seed Grant Program is designed to provide teams with grants up
               to $25,000 in USDC in non-dilutive funding to enhance the growth
-              of the Starknet ecosystem. 
+              of the Starknet ecosystem. 
 
 
-              This program has a simplified application and evaluation process, aiming to provide a decision approximately two weeks after submission. 
+              This program has a simplified application and evaluation process, aiming to provide a decision approximately two weeks after submission. 
 
 
-              Seed Grants  are  intended for projects that have already developed a minimum viable product (MVP) or proof of concept, but haven’t yet gone to market. They are appropriate for projects and teams that meet the following criteria:
+              Seed Grants  are  intended for projects that have already developed a minimum viable product (MVP) or proof of concept, but haven't yet gone to market. They are appropriate for projects and teams that meet the following criteria:
 
 
               * actively involved in the Starknet community and / or participated in a Starknet hackathon, builder program, or other entry-level initiative;
@@ -84,7 +151,7 @@ blocks:
               This program is not for mature stage projects. 
 
 
-              If your product has been live on mainnet for over three months and / or has a core group of users already, it will not be eligible for a Seed Grant. 
+              If your product has been live on mainnet for over three months and / or has a core group of users already, it will not be eligible for a Seed Grant. 
 
 
               We do not accept applications related to:
@@ -130,7 +197,7 @@ blocks:
             body: >-
               The Seed Grants Program aims to support early stage teams that
               have already developed a minimum viable product (MVP) or proof of
-              concept, but haven’t yet gone to market. 
+              concept, but haven't yet gone to market. 
 
 
               If you or your project satisfy the following criteria, consider applying for Seed Grants:
@@ -217,4 +284,4 @@ blocks:
             body: While any project can apply, your project has a much better chance of
               standing out if you can show prior Starknet alignment and
               participation.
-    max_width: 1062
+    max_width: 1062

workspaces/cms-config/src/blocks.ts

@@ -263,10 +263,17 @@ export const cardDisplayItem = [
     crowdin: false,
   },
   {
-    label: "Image",
+    label: "Icon",
     required: false,
-    name: "image",
-    widget: "image",
+    name: "icon",
+    widget: "select",
+    options: [
+      "Application",
+      "Internal Evaluation",
+      "Results",
+      "Onboarding",
+      "Post Grant Check-in",
+    ],
     crowdin: false,
   },
 ] satisfies CmsField[];

workspaces/website/src/blocks/DisplayCardItems.tsx

@@ -72,12 +72,13 @@ export default function DisplayCardItems({
           )}
         </Flex>
         <List display="flex" flexDirection="column" as="ol" flex={1} gap={4}>
-          {card_display_items?.map(({ title, description }, i) => {
+          {card_display_items?.map(({ title, description, icon }, i) => {
             return (
               <DisplayCard
                 key={title + i}
                 index={i + 1}
                 title={title}
+                icon={icon}
                 description={description}
               />
             );

workspaces/website/src/components/Card/DisplayCard.tsx

@@ -7,7 +7,8 @@ import { Results } from "@ui/Icons/DisplayCardIcons/Results";
 import { Heading } from "@ui/Typography/Heading";
 
 type Props = {
-  readonly title:
+  readonly title: string;
+  readonly icon?:
     | "Application"
     | "Internal Evaluation"
     | "Results"
@@ -25,7 +26,12 @@ const images = {
   "Post Grant Check-in": <GrantDeliverables />,
 };
 
-export const DisplayCard = (props: Props) => {
+export const DisplayCard = ({
+  title,
+  icon = "Application",
+  description,
+  index,
+}: Props) => {
   return (
     <Box
       as="li"
@@ -56,7 +62,7 @@ export const DisplayCard = (props: Props) => {
             _dark={{ color: "white" }}
             marginBottom={{ base: "16px", md: "0" }}
           >
-            {images[props?.title]}
+            {images[icon]}
           </Box>
         </Stack>
         <Box flex="1">
@@ -71,7 +77,7 @@ export const DisplayCard = (props: Props) => {
               _dark={{ bg: "white", color: "black" }}
               color="white"
             >
-              {props.index}
+              {index}
             </Circle>
             <Heading
               variant="h4"
@@ -81,10 +87,10 @@ export const DisplayCard = (props: Props) => {
                 color: "button-nav-fg",
               }}
             >
-              {props.title}
+              {title}
             </Heading>
           </Stack>
-          <Text>{props.description}</Text>
+          <Text>{description}</Text>
         </Box>
       </Stack>
     </Box>