Adding GA events on SN CTAs

_data/pages/frequently-asked-questions.yml

@@ -713,5 +713,5 @@ blocks:
           forum](https://community.starknet.io/)
       - label: I came across a fraud attempt. How can I warn others against it?
         body: You can report scams and check for other reports of scams in the
-          [scam-report](https://discord.gg/qypnmzkhbc) channel on the [Starknet
+          scam-report channel on the [Starknet
           Discord](https://starknet.io/discord) server.

_data/pages/grant.yml

@@ -11,65 +11,80 @@ blocks:
     title: Seed Grant Program
     description: ""
     darkTextColor: true
-  - 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: "Applicants will submit proposals via an Questbook application form
-          provided by the Starknet Foundation team. "
-      - title: Internal Evaluation
-        description: " Each application will be assessed by members of the Starknet
-          Foundation and Starkware team based on criteria such as potential
-          impact, innovation, milestones, community engagement & track record,
-          and embeddedness with the Starknet ecosystem."
-      - title: Results
-        description: We plan to communicate decisions on your application within an
-          approximate two week timeframe.
-      - title: Onboarding
-        description: "Upon signing a grant agreement and completing KYC, the Starknet
-          Foundation will send funds. "
-      - title: Grant Deliverables
-        description: "After completion of the work, the Foundation will assess results
-          and share deliverables (blog post, video, AMA) with the team.  "
   - type: container
     blocks:
       - type: flex_layout
         heading_variant: sm
         blocks:
           - type: markdown
             body: >-
-              The grants will be awarded to individuals and teams demonstrating
-              promising results in building applications on Starknet, using any
-              combination of the following criteria:
+              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:
 
-              * Prior development experience on Starknet.
 
-              * Active involvement in the Starknet community, indicated by participation in a Starknet hackathon, builder program, or another entry-level initiative.
+              * 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.
 
-              **All applicants will be required to provide a clear roadmap detailing how the grant will be used within the next three months.**
 
-        heading: Who Can Apply?
+              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: "To apply, fill out the Questbook form provided. "
+      - title: Internal Evaluation
+        description: " Each application will be assessed by an experienced review
+          committee based on potential impact, innovation, milestones, community
+          engagement & track record, and embeddedness with the Starknet
+          ecosystem."
+      - title: Results
+        description: "We plan to communicate decisions on your application within an
+          approximate two week timeframe. "
+      - title: Onboarding
+        description: After successfully completing KYC and signing a grant agreement,
+          you will receive funds.
+      - title: Grant Deliverables
+        description: "After completion of the work, the Foundation will assess results
+          and share deliverables (blog post, video, AMA) with the team and
+          expect regular updates. "
   - type: container
     blocks:
       - type: flex_layout
         heading_variant: sm
         blocks:
-        - type: markdown
-          body: >-
-              Projects currently affiliated with the Starknet Foundation’s Developer Partnership are not eligible to participate in the Seed Grants Program.
-              Ineligible applications include anything related to:
+          - type: markdown
+            body: >-
+              If your project is currently part of the Starknet Foundation’s
+              Developer Partnership, you cannot apply for this grant. 
+
+
+              We do not accept applications related to:
+
 
               * Gambling
 
@@ -82,7 +97,6 @@ blocks:
               * Money laundering
 
               * Any criminal activity
-
         heading: Who is Not Eligible
         base: 1
         md: 1
@@ -102,48 +116,92 @@ blocks:
           ea0acb56c9f08&chainId=10&newTab=true "
   - type: container
     blocks:
-    - type: accordion
-      heading: FAQs
-      blocks:
-      - label: What is the Seed Grants Program?
-        body: "*  The Seed Grants Program offers teams developing on Starknet grants of
-          up to $25,000 to foster the growth of the Starknet ecosystem"
-      - label: Who can apply?
-        body: >-
-          The grants will be awarded to individuals and teams demonstrating
-          promising results in building applications on Starknet, using any
-          combination of the following criteria:
-          * Prior development experience on Starknet.
-          * Active involvement in the Starknet community, indicated by participation in a Starknet hackathon, builder program, or another entry-level initiative.
-          * 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.
-          All applicants will be required to provide an explanation detailing how the grant will be used within the next three months.
-          Please note that projects currently affiliated with the Starknet Foundation’s Developer Partnership are not eligible to participate in the Seed Grants Program.
-      - label: What currency are grants paid in?
-        body: Grants are paid out in USDC.
-      - label: How long will it take to receive a response on my application?
-        body: You should receive a response around \[two weeks] after submission.
-      - label: What types of projects do you provide grants to?
-        body: Any project building on Starknet can be eligible for a grant. There is no
-          specific industry vertical targeted and the program is open to all
-          types of submissions.
-      - label: Who is reviewing grant applications?
-        body: Starknet Foundation and Starkware team members will be reviewing the
-          applications.
-      - label: Is my application confidential?
-        body: Applications will not be made public and will only be shared amongst the
-          Starknet Foundation and Starkware team.
-      - label: Will I hear back if my request is rejected?
-        body: Yes — you will hear back if your application is not accepted.
-      - label: Are there application deadlines?
-        body: No – you can apply for Seed Grants on an ongoing basis.  Applications will
-          be reviewed in rounds.
-      - label: How can I apply for a grant?
-        body: Please apply via this link, where you will be asked to fill out several
-          questions.
-      - label: How will the reviewers evaluate my application?
-        body: Your application will undergo evaluation by members of the Starknet
-          Foundation and Starkware team, focusing on factors such as impact,
-          innovation, community engagement, track record, and other relevant
-          criteria.
+      - type: accordion
+        heading: FAQs
+        blocks:
+          - label: What is the Seed Grants Program?
+            body: The Seed Grants Program offers teams developing on Starknet grants up to
+              $25,000 to foster the growth of the Starknet ecosystem.
+          - label: Who can apply?
+            body: >-
+
+
+              * The grants will be awarded to individuals and teams demonstrating promising results in building applications on Starknet, using any combination of the following criteria:
+
+              * * Prior development experience on Starknet.
+                * Active involvement in the Starknet community, indicated by participation in a Starknet hackathon, builder program, or another entry-level initiative.
+                * 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.
+                * Experimenting with innovative concepts aimed at pushing boundaries on Starknet.
+              * All applicants will be required to provide an explanation detailing how the grant will be used within the next three months.
+
+              * Please note that projects currently affiliated with the Starknet Foundation’s Developer Partnership are not eligible to participate in the Seed Grants Program.
+          - label: What currency are grants paid in?
+            body: Grants are paid out in USDC.
+          - label: How long will it take to receive a response on my application?
+            body: You should receive a response around two weeks after submission.
+          - label: What types of projects do you provide grants to?
+            body: Any project building on Starknet can be eligible for a grant. We welcome
+              applications from all industries, and there are no restrictions on
+              the types of projects we consider.
+          - label: Who is reviewing grant applications?
+            body: Starknet Foundation and Starkware team members will be reviewing the
+              applications.
+          - label: Is my application confidential?
+            body: Applications will not be made public and will only be shared amongst the
+              Starknet Foundation and Starkware team.
+          - label: Will I hear back if my request is rejected?
+            body: Yes — you will hear back if your application is not accepted.
+          - label: Are there application deadlines?
+            body: No – you can apply for Seed Grants on an ongoing basis.  Applications will
+              be reviewed in rounds.
+          - label: How can I apply for a grant?
+            body: Please apply via this link, where you will be asked to fill out several
+              questions.
+          - label: How will the reviewers evaluate my application?
+            body: Each application will be assessed by an experienced review committee based
+              on potential impact, innovation, milestones, community engagement
+              & track record, and embeddedness with the Starknet ecosystem.
+          - label: Can candidates apply more than once?
+            body: Yes, however, you will be asked if you have previously applied to the Seed
+              Grants program. If you have, please include details on how your
+              project has evolved and improved since the last time you applied.
+          - label: Can candidates apply who have received other funding from Starkware or
+              the Starknet Foundation?
+            body: We encourage existing Starknet funded projects to apply and illustrate
+              what they will use the Seed Grant for. However, please note that
+              projects currently under a Developer Partnership will not be
+              eligible for Seed Grants.
+          - label: Will there be a KYC/ KYB process involved?
+            body: Yes, we are legally required to perform KYC/ KYB to verify identities and
+              ensure funds are properly distributed. Any project unwilling to
+              complete the required KYC/KYB procedures will not be eligible for
+              a grant.
+          - label: What are some tips for a good application?
+            body: When completing your application, it's crucial to provide a comprehensive
+              overview of your project, outlining its objectives, potential
+              impact, and how it aligns with the Starknet ecosystem.Clearly
+              articulate the unique value proposition of your project and how it
+              addresses existing challenges or opportunities within the
+              ecosystem.Additionally, detail your team's expertise, experience,
+              and contributions, showcasing why you're the right group to bring
+              this project to life.Finally, a well-thought-out plan for using
+              the grant money is essential, as it will demonstrate a clear
+              understanding of how the funds will be allocated to drive project
+              success.
+          - label: Are there any particular industries you are focused on?
+            body: We welcome applications from all industries, and there are no restrictions
+              on the types of projects we consider.
+          - label: What if I need more than $25,000?
+            body: If you require more than $25,000, we recommend considering other funding
+              options or discussing your specific needs with our team.While the
+              Seed Grants program offers grants up to $25,000, we understand
+              that some projects may require additional funding. Feel free to
+              reach out to us to discuss potential alternatives or opportunities
+              for further support
+          - label: Will you give priority to those already building and participating in
+              Starknet?
+            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

workspaces/netlify-cms/src/CustomPreview.tsx

@@ -49,8 +49,8 @@ export default function CustomPreview(props: CustomPreviewProps) {
   const { height } = useWindowSize();
   const { type, entry, getAsset } = props;
 
-  const fixImagePreview = async (_item: any, key = 'image') => {
-    const item = {..._item}
+  const fixImagePreview = async (_item: any, key = "image") => {
+    const item = { ..._item };
     const asset = getAsset(item[key]);
     if (item[key] && asset.url) {
       if (asset.path === "empty.svg") {
@@ -62,7 +62,7 @@ export default function CustomPreview(props: CustomPreviewProps) {
       }
     }
 
-    return item
+    return item;
   };
 
   useEffect(() => {
@@ -80,7 +80,7 @@ export default function CustomPreview(props: CustomPreviewProps) {
           _data.image = image.replace("public", "");
         }
       }
-    }
+    };
 
     const getDataWithBlobImage = async (blocks: TopLevelBlock[]) => {
       return Promise.all(
@@ -95,11 +95,12 @@ export default function CustomPreview(props: CustomPreviewProps) {
           } else if (block.type === "card_list") {
             //@ts-ignore
             block.card_list_items = await Promise.all(
-              block.card_list_items.map(async (item) => await fixImagePreview(item))
+              block.card_list_items.map(
+                async (item) => await fixImagePreview(item)
+              )
             );
-          } 
-          else if(block.type === "image_icon_link_card") {
-            block = await fixImagePreview(block, 'icon')
+          } else if (block.type === "image_icon_link_card") {
+            block = await fixImagePreview(block, "icon");
           }
 
           return block;
@@ -108,7 +109,7 @@ export default function CustomPreview(props: CustomPreviewProps) {
     };
 
     const sendDataToLivePreviewRenderer = async (_data: any) => {
-      fixTopLevelImagePreview(_data)
+      fixTopLevelImagePreview(_data);
 
       if (type === CustomPreviewType.TUTORIALS) {
         _data.tags = convertStringTagsToArray(_data.tags);

workspaces/website/src/blocks/AccordionBlock.tsx

@@ -2,6 +2,7 @@ import { Box } from "@chakra-ui/react";
 import * as PageAccordion from "@ui/Accordion/PageAccordion";
 import { Heading } from "@ui/Typography/Heading";
 import { slugify } from "@starknet-io/cms-utils/src/index";
+import { EVENT_CATEGORY, gtmEvent } from "src/utils/utils";
 
 type AccordionRootProps = {
   children: React.ReactNode;
@@ -17,6 +18,7 @@ export const AccordionRoot = ({ heading, children }: AccordionRootProps) => {
           color="heading-navy-fg"
           id={`toc-${slugify(heading)}`}
           marginBottom="24px"
+          onClick={() => gtmEvent(heading || "", EVENT_CATEGORY.CLICK)}
         >
           {heading}
         </Heading>

workspaces/website/src/blocks/HomepageHero.tsx

@@ -4,6 +4,7 @@ import { Heading } from "@ui/Typography/Heading";
 import { Text } from "@ui/Typography/Text";
 import { Intro } from "./Intro";
 import ProvisionsPopup from "@ui/ProvisionsPopup/ProvisionsPopup";
+import { EVENT_CATEGORY, gtmEvent } from "src/utils/utils";
 
 type Props = {
   readonly seo: {
@@ -80,8 +81,6 @@ export const HomepageHero = ({ seo }: Props) => {
             align="flex-end"
             direction={{ base: "column", lg: "row" }}
             justify="space-between"
-            // paddingBottom="33px"
-            // mb="56px"
           >
             <Box
               top={{ lg: "-64px" }}
@@ -123,6 +122,9 @@ export const HomepageHero = ({ seo }: Props) => {
                   size="lg"
                   minW="210px"
                   variant="primaryHero"
+                  onClick={() =>
+                    gtmEvent("Build_on_Starknet", EVENT_CATEGORY.BUTTON_CLICK)
+                  }
                 >
                   Build on Starknet
                 </Button>
@@ -131,16 +133,15 @@ export const HomepageHero = ({ seo }: Props) => {
                   variant="secondaryHero"
                   href="https://starkgate.starknet.io/"
                   target="_blank"
+                  onClick={() =>
+                    gtmEvent("Explore_Starknet", EVENT_CATEGORY.BUTTON_CLICK)
+                  }
                 >
                   Bridge
                 </Button>
               </Stack>
             </Box>
-            <Box
-              zIndex={0}
-              order={{ base: 0, lg: 1 }}
-              // boxSize={{ base: "20", lg: "8" }}
-            />
+            <Box zIndex={0} order={{ base: 0, lg: 1 }} />
             <Img
               position="relative"
               marginRight={{