From 524a2d3a4f77b6c21ba12ac5b8ca7265c82a2f30 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Sun, 5 May 2024 10:33:33 +0300
Subject: [PATCH] fixing all comments

---
 _data/pages/grant.yml                         |   1 +
 public/assets/grant_deliverables.svg          |  55 ---------
 workspaces/cms-config/src/blocks.ts           |   6 +
 workspaces/cms-data/src/pages.ts              |   1 +
 workspaces/website/src/blocks/Block.tsx       |   1 +
 .../website/src/blocks/DisplayCardItems.tsx   |   3 +-
 .../website/src/blocks/ListCardItems.tsx      |   2 +-
 .../src/components/Card/DisplayCard.tsx       | 114 +++++++++---------
 .../src/components/HeroImage/HeroImage.tsx    |   5 +
 9 files changed, 74 insertions(+), 114 deletions(-)
 delete mode 100644 public/assets/grant_deliverables.svg

diff --git a/_data/pages/grant.yml b/_data/pages/grant.yml
index 8a6e100a93..a272b0bb02 100644
--- a/_data/pages/grant.yml
+++ b/_data/pages/grant.yml
@@ -10,6 +10,7 @@ blocks:
     buttonUrl: ""
     title: Seed Grant Program
     description: ""
+    darkTextColor: true
   - type: card_display
     title: Application Process
     button: Apply Now
diff --git a/public/assets/grant_deliverables.svg b/public/assets/grant_deliverables.svg
deleted file mode 100644
index 12229e9dfa..0000000000
--- a/public/assets/grant_deliverables.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M38.9593 61.7484V27.6898H40.5088V61.7484H38.9593Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M39.1582 41.3386L35.4631 37.2351L36.6148 36.1991L40.31 40.3026L39.1582 41.3386Z" fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M39.1863 56.1409L31.7959 48.7547L32.8916 47.6596L40.2819 55.0458L39.1863 56.1409Z" fill="#0C0C4F" />
-    <path
-        d="M29.1914 49.7023C26.6238 49.7023 24.5429 47.6225 24.5429 45.0564C24.5429 42.4902 26.6238 40.4104 29.1914 40.4104C31.759 40.4104 33.8399 42.4902 33.8399 45.0564C33.8399 47.6225 31.759 49.7023 29.1914 49.7023Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M29.1914 41.1848C27.0517 41.1848 25.3176 42.9178 25.3176 45.0564C25.3176 47.1949 27.0517 48.9279 29.1914 48.9279C31.3311 48.9279 33.0651 47.1949 33.0651 45.0564C33.0651 42.9178 31.3311 41.1848 29.1914 41.1848ZM23.7681 45.0564C23.7681 42.0625 26.1959 39.6361 29.1914 39.6361C32.1868 39.6361 34.6146 42.0625 34.6146 45.0564C34.6146 48.0502 32.1868 50.4766 29.1914 50.4766C26.1959 50.4766 23.7681 48.0502 23.7681 45.0564Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M39.1863 48.8904L46.5766 41.5042L47.6722 42.5993L40.2819 49.9855L39.1863 48.8904Z" fill="#0C0C4F" />
-    <path
-        d="M50.1306 43.5471C52.6982 43.5471 54.7791 41.4674 54.7791 38.9012C54.7791 36.3351 52.6982 34.2553 50.1306 34.2553C47.563 34.2553 45.4821 36.3351 45.4821 38.9012C45.4821 41.4674 47.563 43.5471 50.1306 43.5471Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M44.7074 38.9012C44.7074 35.9074 47.1352 33.481 50.1306 33.481C53.1261 33.481 55.5539 35.9074 55.5539 38.9012C55.5539 41.895 53.1261 44.3215 50.1306 44.3215C47.1352 44.3215 44.7074 41.895 44.7074 38.9012ZM50.1306 35.0296C47.9909 35.0296 46.2569 36.7627 46.2569 38.9012C46.2569 41.0397 47.9909 42.7728 50.1306 42.7728C52.2703 42.7728 54.0044 41.0397 54.0044 38.9012C54.0044 36.7627 52.2703 35.0296 50.1306 35.0296Z"
-        fill="#0C0C4F" />
-    <path
-        d="M39.8663 27.5436C42.4339 27.5436 44.5148 25.4638 44.5148 22.8977C44.5148 20.3315 42.4339 18.2518 39.8663 18.2518C37.2987 18.2518 35.2178 20.3315 35.2178 22.8977C35.2178 25.4638 37.2987 27.5436 39.8663 27.5436Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M34.443 22.8977C34.443 19.9039 36.8708 17.4774 39.8663 17.4774C42.8618 17.4774 45.2895 19.9039 45.2895 22.8977C45.2895 25.8915 42.8618 28.3179 39.8663 28.3179C36.8708 28.3179 34.443 25.8915 34.443 22.8977ZM39.8663 19.0261C37.7266 19.0261 35.9925 20.7592 35.9925 22.8977C35.9925 25.0362 37.7266 26.7693 39.8663 26.7693C42.006 26.7693 43.74 25.0362 43.74 22.8977C43.74 20.7592 42.006 19.0261 39.8663 19.0261Z"
-        fill="#0C0C4F" />
-    <path
-        d="M32.476 38.2125C35.0436 38.2125 37.1245 36.1328 37.1245 33.5666C37.1245 31.0005 35.0436 28.9207 32.476 28.9207C29.9084 28.9207 27.8275 31.0005 27.8275 33.5666C27.8275 36.1328 29.9084 38.2125 32.476 38.2125Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M27.0527 33.5666C27.0527 30.5728 29.4805 28.1464 32.476 28.1464C35.4714 28.1464 37.8992 30.5728 37.8992 33.5666C37.8992 36.5604 35.4714 38.9868 32.476 38.9868C29.4805 38.9868 27.0527 36.5604 27.0527 33.5666ZM32.476 29.695C30.3363 29.695 28.6022 31.4281 28.6022 33.5666C28.6022 35.7051 30.3363 37.4382 32.476 37.4382C34.6157 37.4382 36.3497 35.7051 36.3497 33.5666C36.3497 31.4281 34.6157 29.695 32.476 29.695Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M38.9523 12.8988V1.28404H40.5019V12.8988L38.9523 12.8988Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M42.8009 2.32712C41.0784 1.28914 38.9227 1.28914 37.2002 2.32712L9.03571 19.2996C7.40792 20.2805 6.41278 22.0416 6.41278 23.9413V56.0587C6.41278 57.9584 7.40793 59.7195 9.03572 60.7004L37.2002 77.6729C38.9227 78.7109 41.0784 78.7109 42.8009 77.6729L70.9654 60.7004C72.5931 59.7195 73.5883 57.9584 73.5883 56.0587V23.9413C73.5883 22.0416 72.5931 20.2805 70.9654 19.2996L42.8009 2.32712ZM36.4001 1.00091C38.6147 -0.333635 41.3864 -0.333638 43.601 1.00091L71.7654 17.9734C73.8583 19.2346 75.1378 21.4988 75.1378 23.9413V56.0587C75.1378 58.5012 73.8583 60.7654 71.7655 62.0266L43.601 78.9991C41.3864 80.3336 38.6147 80.3336 36.4001 78.9991L8.23562 62.0266C6.14275 60.7654 4.86328 58.5012 4.86328 56.0587V23.9413C4.86328 21.4988 6.14274 19.2346 8.23562 17.9734L36.4001 1.00091Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M42.9506 16.3207C41.2105 15.2537 39.0184 15.2537 37.2784 16.3207L21.396 26.0596C19.7885 27.0453 18.8088 28.7948 18.8088 30.6796V49.3204C18.8088 51.2052 19.7885 52.9547 21.396 53.9404L37.2784 63.6793C39.0184 64.7463 41.2105 64.7463 42.9506 63.6793L58.833 53.9404C60.4404 52.9547 61.4201 51.2052 61.4201 49.3204V30.6796C61.4201 28.7948 60.4404 27.0453 58.833 26.0596L42.9506 16.3207ZM36.468 15.0007C38.7052 13.6288 41.5237 13.6288 43.7609 15.0007L59.6433 24.7396C61.71 26.0069 62.9696 28.2563 62.9696 30.6796V49.3204C62.9696 51.7437 61.71 53.9931 59.6433 55.2604L43.7609 64.9993C41.5237 66.3712 38.7052 66.3712 36.468 64.9993L20.5856 55.2604C18.5189 53.9931 17.2593 51.7437 17.2593 49.3204V30.6796C17.2593 28.2563 18.5189 26.0069 20.5856 24.7396L36.468 15.0007Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M42.8368 41.6904C41.1866 40.7152 39.1438 40.6832 37.4638 41.6062L33.5149 43.7758L32.7685 42.4187L36.7174 40.2491C38.8773 39.0623 41.5037 39.1035 43.6254 40.3573L62.2018 51.3354L61.4132 52.6685L42.8368 41.6904Z"
-        fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M25.8151 48.3933L19.2297 52.652L18.3879 51.3519L24.9733 47.0931L25.8151 48.3933Z" fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M16.9143 54.1949L7.61729 60.3894L6.75778 59.1009L16.0548 52.9063L16.9143 54.1949Z" fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M16.9143 26.1923L7.61729 19.9977L6.75778 21.2863L16.0548 27.4808L16.9143 26.1923Z" fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.0894 53.8077L73.3864 60.0023L74.2459 58.7137L64.9489 52.5192L64.0894 53.8077Z" fill="#0C0C4F" />
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M64.0894 26.5795L73.3864 20.3849L74.2459 21.6735L64.9489 27.868L64.0894 26.5795Z" fill="#0C0C4F" />
-</svg>
\ No newline at end of file
diff --git a/workspaces/cms-config/src/blocks.ts b/workspaces/cms-config/src/blocks.ts
index bb2be972b8..19a2832dcc 100644
--- a/workspaces/cms-config/src/blocks.ts
+++ b/workspaces/cms-config/src/blocks.ts
@@ -597,6 +597,12 @@ export const blocks = [
         widget: "string",
         crowdin: true,
       },
+      {
+        name: "darkTextColor",
+        widget: "boolean",
+        required: false,
+        crowdin: true,
+      },
       {
         name: "description",
         widget: "string",
diff --git a/workspaces/cms-data/src/pages.ts b/workspaces/cms-data/src/pages.ts
index 0b6be11488..2e19aef0cd 100644
--- a/workspaces/cms-data/src/pages.ts
+++ b/workspaces/cms-data/src/pages.ts
@@ -137,6 +137,7 @@ export interface PageHeaderBlock {
 
 export interface HeroBlock {
   readonly type: "hero";
+  readonly darkTextColor?: boolean;
   readonly title: string;
   readonly description: string;
   readonly variant?:
diff --git a/workspaces/website/src/blocks/Block.tsx b/workspaces/website/src/blocks/Block.tsx
index ef6bfdbac2..5a795449b1 100644
--- a/workspaces/website/src/blocks/Block.tsx
+++ b/workspaces/website/src/blocks/Block.tsx
@@ -169,6 +169,7 @@ export function Block({
               buttonText={block.buttonText}
               buttonUrl={block.buttonUrl}
               leftBoxMaxWidth={block.leftBoxMaxWidth}
+              darkTextColor={block.darkTextColor}
             />
           );
 
diff --git a/workspaces/website/src/blocks/DisplayCardItems.tsx b/workspaces/website/src/blocks/DisplayCardItems.tsx
index 019690ed4a..0bf24336b3 100644
--- a/workspaces/website/src/blocks/DisplayCardItems.tsx
+++ b/workspaces/website/src/blocks/DisplayCardItems.tsx
@@ -30,6 +30,7 @@ export default function DisplayCardItems({
             <Heading
               color="heading-navy-fg"
               variant="h3"
+              fontWeight="extrabold"
               mb={{ base: "24px", sm: "10px" }}
               fontSize={24}
               id={`toc-${slugify(title)}`}
@@ -48,7 +49,7 @@ export default function DisplayCardItems({
               fontWeight={600}
               paddingInline={6}
               borderRadius="6px"
-              fontSize={16}
+              fontSize={18}
               style={{ textDecoration: "none" }}
               textAlign="center"
             >
diff --git a/workspaces/website/src/blocks/ListCardItems.tsx b/workspaces/website/src/blocks/ListCardItems.tsx
index 551b2c7cad..da498b1688 100644
--- a/workspaces/website/src/blocks/ListCardItems.tsx
+++ b/workspaces/website/src/blocks/ListCardItems.tsx
@@ -29,7 +29,7 @@ export default function ListCardItems({
           <Heading
             color="heading-navy-fg"
             variant="h3"
-            mb="10px"
+            mb="24px"
             id={`toc-${slugify(title)}`}
           >
             {title}
diff --git a/workspaces/website/src/components/Card/DisplayCard.tsx b/workspaces/website/src/components/Card/DisplayCard.tsx
index 8a5e61ac9a..10dcc5a424 100644
--- a/workspaces/website/src/components/Card/DisplayCard.tsx
+++ b/workspaces/website/src/components/Card/DisplayCard.tsx
@@ -27,66 +27,66 @@ const images = {
 
 export const DisplayCard = (props: Props) => {
   return (
-    <Box as="li" maxW="5xl">
-      <Box
-        w={{ base: "full" }}
-        mx="auto"
-        bg="card-bg"
-        borderRadius="16px"
-        rounded={"16px"}
-        padding={"32px 24px"}
-        border="1px"
-        borderColor="#EFEFEF"
-        _dark={{ borderColor: "transparent" }}
-        px={{ base: "6", md: "8" }}
+    <Box
+      as="li"
+      maxW="5xl"
+      w={{ base: "full" }}
+      mx="auto"
+      bg="card-bg"
+      borderRadius="16px"
+      rounded={"16px"}
+      padding={"32px 24px"}
+      border="1px"
+      borderColor="#EFEFEF"
+      _dark={{ borderColor: "transparent" }}
+      px={{ base: "6", md: "8" }}
+    >
+      <Stack
+        direction={{ base: "column", md: "row" }}
+        spacing={{ base: "3", md: "6" }}
+        align="center"
       >
-        <Stack
-          direction={{ base: "column", md: "row" }}
-          spacing={{ base: "3", md: "6" }}
-          align="center"
-        >
-          <Stack spacing="4">
-            <Box
-              width="80px"
-              height="80px"
-              borderRadius="8px"
-              overflow="hidden"
-              color="#0C0C4F"
-              _dark={{ color: "white" }}
-              marginBottom={{ base: "16px", md: "0" }}
-            >
-              {images[props?.title]}
-            </Box>
-          </Stack>
-          <Box flex="1">
-            <Stack
-              direction={{ base: "row", md: "row" }}
-              pb="4px"
-              paddingTop="4px"
-            >
-              <Circle
-                size="24px"
-                bg="#0C0C4F"
-                _dark={{ bg: "white", color: "black" }}
-                color="white"
-              >
-                {props.index}
-              </Circle>
-              <Heading
-                variant="h4"
-                fontSize={18}
-                color="btn-primary-bg"
-                _dark={{
-                  color: "button-nav-fg",
-                }}
-              >
-                {props.title}
-              </Heading>
-            </Stack>
-            <Text>{props.description}</Text>
+        <Stack spacing="4">
+          <Box
+            width="80px"
+            height="80px"
+            borderRadius="8px"
+            overflow="hidden"
+            color="#0C0C4F"
+            _dark={{ color: "white" }}
+            marginBottom={{ base: "16px", md: "0" }}
+          >
+            {images[props?.title]}
           </Box>
         </Stack>
-      </Box>
+        <Box flex="1">
+          <Stack
+            direction={{ base: "row", md: "row" }}
+            pb="4px"
+            paddingTop="4px"
+          >
+            <Circle
+              size="24px"
+              bg="#0C0C4F"
+              _dark={{ bg: "white", color: "black" }}
+              color="white"
+            >
+              {props.index}
+            </Circle>
+            <Heading
+              variant="h4"
+              fontSize={18}
+              color="btn-primary-bg"
+              _dark={{
+                color: "button-nav-fg",
+              }}
+            >
+              {props.title}
+            </Heading>
+          </Stack>
+          <Text>{props.description}</Text>
+        </Box>
+      </Stack>
     </Box>
   );
 };
diff --git a/workspaces/website/src/components/HeroImage/HeroImage.tsx b/workspaces/website/src/components/HeroImage/HeroImage.tsx
index 846f67f953..56174fc333 100644
--- a/workspaces/website/src/components/HeroImage/HeroImage.tsx
+++ b/workspaces/website/src/components/HeroImage/HeroImage.tsx
@@ -16,6 +16,7 @@ import React from "react";
 type Props = {
   title: string;
   description: string | React.ReactNode;
+  darkTextColor?: boolean;
   variant?:
     | "wallets"
     | "block_explorers"
@@ -140,6 +141,7 @@ export const HeroImage = ({
   buttonUrl,
   onButtonClick,
   leftBoxMaxWidth,
+  darkTextColor = false,
 }: Props) => {
   return (
     <Box
@@ -274,6 +276,9 @@ export const HeroImage = ({
                     as="h1"
                     color="heading-navy-fg"
                     variant="h2"
+                    _dark={{
+                      color: darkTextColor ? "#0C0C4F" : "white",
+                    }}
                     size={useBreakpointValue({ base: "md", md: "lg" })}
                   >
                     {title}