Add new cards to developers page

_data/pages/developers.yml

@@ -48,41 +48,128 @@ blocks:
         withIllustration: true
   - type: flex_layout
     heading_variant: h3
-    base: 1
-    md: 2
-    lg: 3
-    heading: Courses
     blocks:
-      - type: image_icon_link_card
+      - size: large
         color: blue-default
-        title: Tutorials
-        description: "Learn from the Starknet's community of developers and technologies. "
-        icon: /assets/7.svg
+        variant: image_icon_link_card
+        orientation: left
+        withIllustration: true
+        title: Cairo Book
+        icon: /assets/cairo-book.svg
+        type: image_icon_link_card
         link:
           custom_title: View
-          custom_internal_link: /tutorials/
+          custom_external_link: https://book.cairo-lang.org/
+        description: Learn how to write code in Cairo, Starknet's native programming
+          language.
+        columns: "4"
+      - size: large
+        color: blue-default
+        variant: image_icon_link_card
+        orientation: left
         withIllustration: true
-      - type: image_icon_link_card
+        title: Cairo Docs
+        icon: /assets/cairo-docs.svg
+        type: image_icon_link_card
+        link:
+          custom_title: View
+          custom_external_link: https://docs.cairo-lang.org/
+        description: Read the Cairo documentation to start building on Starknet with Cairo.
+        columns: "4"
+      - size: large
         color: blue-default
+        variant: image_icon_link_card
+        orientation: left
+        withIllustration: true
         title: Starknet Basecamp
-        description: Register for the next Basecamp or watch previous recordings, where
-          you will learn about Starknet, Cairo, and STARKs.
-        icon: /assets/basecamp.svg
+        icon: /assets/starknet-basecamp.svg
+        type: image_icon_link_card
         link:
           custom_title: View
-          custom_internal_link: ""
-          custom_external_link: https://starknet.notion.site/Starknet-Basecamp-1541b3c1f49f439da872d3d71647d834?pvs=4
+          custom_external_link: https://starknet.notion.site/starknet/Starknet-Basecamp-Hub-1541b3c1f49f439da872d3d71647d834
+        description: Register for an upcoming Basecamp cohort or watch the previous
+          recordings to learn everything about Starknet, Cairo, and STARKs.
+        columns: "4"
+      - size: large
+        color: blue-default
+        variant: image_icon_link_card
+        orientation: left
         withIllustration: true
-      - type: image_icon_link_card
+        title: Tutorials
+        icon: /assets/tutorials-2.svg
+        type: image_icon_link_card
+        link:
+          custom_title: View
+          custom_external_link: https://www.starknet.io/en/tutorials
+        description: Get the expert guidance you need to enhance your Starknet dev
+          skills with our hands-on video tutorials.
+        columns: "4"
+    base: 1
+    md: 2
+    lg: 3
+    heading: Learning Resources
+    xl: 4
+  - type: flex_layout
+    heading_variant: h3
+    blocks:
+      - size: large
+        color: blue-default
+        variant: image_icon_link_card
+        orientation: left
+        withIllustration: true
+        title: Roadmap
+        icon: /assets/roadmap.svg
+        type: image_icon_link_card
+        link:
+          custom_title: View
+          custom_internal_link: /roadmap
+        description: Overview of upcoming Starknet features and upgrades.
+        columns: "4"
+      - size: large
         color: blue-default
-        title: "Starknet Edu "
-        description: Educational developer resources for Starknet and Cairo.
-        icon: /assets/starknet_edu.svg
+        variant: image_icon_link_card
+        orientation: left
+        withIllustration: true
+        title: Tools & Resources
+        icon: /assets/tools-resources.svg
+        type: image_icon_link_card
         link:
+          custom_internal_link: /developers/tools-and-resources
           custom_title: View
-          custom_internal_link: /tutorials/starknet_edu
+        description: All the tools and resources you need to build on Starknet.
+        columns: "4"
+      - size: large
+        color: blue-default
+        variant: image_icon_link_card
+        orientation: left
         withIllustration: true
-  - type: community_events
+        title: Starknet Devs Newsletter
+        icon: /assets/devs-newsletter.svg
+        type: image_icon_link_card
+        link:
+          custom_internal_link: /subscribe-newsletter
+          custom_title: View
+        description: Sign up for Starknet Devs Newsletter and keep up to date on version
+          updates.
+        columns: "4"
+      - size: large
+        color: blue-default
+        variant: image_icon_link_card
+        orientation: left
+        withIllustration: true
+        title: Developers Blog
+        icon: /assets/developers-blog.svg
+        type: image_icon_link_card
+        link:
+          custom_title: View
+          custom_internal_link: /posts/developers
+        description: Top quality articles from the Starknet community.
+        columns: "4"
+    base: 1
+    md: 2
+    lg: 3
+    heading: Community and Insights
+    xl: 4
   - type: flex_layout
     heading_variant: h3
     base: 1