diff --git a/apps/knapsack/data/blocks/block.1fwhFyldc.json b/apps/knapsack/data/blocks/block.1fwhFyldc.json
new file mode 100644
index 0000000000..7726536921
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.1fwhFyldc.json
@@ -0,0 +1,36 @@
+{
+  "id": "1fwhFyldc",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Overview",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Banner notifications are designed to be accessible to everyone, enabling all users, regardless of ability, to receive important information and alerts effectively. These components are built to ensure that notifications are perceivable, operable, and understandable for users with various accessibility needs.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.2jf3fy62v7.json b/apps/knapsack/data/blocks/block.2jf3fy62v7.json
new file mode 100644
index 0000000000..7c631e9ae2
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.2jf3fy62v7.json
@@ -0,0 +1,5 @@
+{
+  "id": "2jf3fy62v7",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.3R7HZOZkZc.json b/apps/knapsack/data/blocks/block.3R7HZOZkZc.json
new file mode 100644
index 0000000000..538c114471
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.3R7HZOZkZc.json
@@ -0,0 +1,36 @@
+{
+  "id": "3R7HZOZkZc",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Keyboard Interactions",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "To support accessibility through keyboard navigation, banner notifications include the following interactions:",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.8QKOhb8Ev3.json b/apps/knapsack/data/blocks/block.8QKOhb8Ev3.json
new file mode 100644
index 0000000000..c0b032f7e8
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.8QKOhb8Ev3.json
@@ -0,0 +1,5 @@
+{
+  "id": "8QKOhb8Ev3",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.8SzRTXVgE3.json b/apps/knapsack/data/blocks/block.8SzRTXVgE3.json
new file mode 100644
index 0000000000..cf5b8e366f
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.8SzRTXVgE3.json
@@ -0,0 +1,24 @@
+{
+  "id": "8SzRTXVgE3",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Keyboard interactions",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.D6ne7yVau4.json b/apps/knapsack/data/blocks/block.D6ne7yVau4.json
new file mode 100644
index 0000000000..6f3675bc0b
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.D6ne7yVau4.json
@@ -0,0 +1,5 @@
+{
+  "id": "D6ne7yVau4",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.JTT0KWhCR3.json b/apps/knapsack/data/blocks/block.JTT0KWhCR3.json
new file mode 100644
index 0000000000..acc185c075
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.JTT0KWhCR3.json
@@ -0,0 +1,32 @@
+{
+  "id": "JTT0KWhCR3",
+  "data": {
+    "shortcuts": [
+      {
+        "id": "omIHLzxOc",
+        "link": {
+          "path": "https://m2.material.io/design/usability/accessibility.html#understanding-accessibility",
+          "external": true
+        },
+        "title": "See also",
+        "description": "Material accessibility"
+      },
+      {
+        "id": "aH0QxFZTQ0",
+        "link": {
+          "path": "https://m2.material.io/design/color/text-legibility.html",
+          "external": true
+        },
+        "title": "See also",
+        "description": "Material text legibility standards"
+      }
+    ],
+    "tileStyles": {
+      "imageSize": "none"
+    },
+    "gridStyles": {
+      "columns": "4"
+    }
+  },
+  "blockType": "shortcut-tiles"
+}
diff --git a/apps/knapsack/data/blocks/block.LOBVuOjbJy.json b/apps/knapsack/data/blocks/block.LOBVuOjbJy.json
new file mode 100644
index 0000000000..1d5f6018ac
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.LOBVuOjbJy.json
@@ -0,0 +1,24 @@
+{
+  "id": "LOBVuOjbJy",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Keyboard interactions",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.M9okzmxMhC.json b/apps/knapsack/data/blocks/block.M9okzmxMhC.json
new file mode 100644
index 0000000000..66c52bb0b0
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.M9okzmxMhC.json
@@ -0,0 +1,36 @@
+{
+  "id": "M9okzmxMhC",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Additional resources",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Explore other guidelines and tools to ensure components and patterns meet accessibility standards and provide inclusive user experiences.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.MLnmw1Ph.json b/apps/knapsack/data/blocks/block.MLnmw1Ph.json
new file mode 100644
index 0000000000..b3915f3a74
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.MLnmw1Ph.json
@@ -0,0 +1,45 @@
+{
+  "id": "MLnmw1Ph",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Hit Area State",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": ": ",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "A visible focus indicator highlights the banner notification when it gains keyboard focus, ensuring that users can easily identify which element is active.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "size": "medium",
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.OMV7zyaPzq.json b/apps/knapsack/data/blocks/block.OMV7zyaPzq.json
new file mode 100644
index 0000000000..c65f035de0
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.OMV7zyaPzq.json
@@ -0,0 +1,5 @@
+{
+  "id": "OMV7zyaPzq",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.Vr4J8dRBOG.json b/apps/knapsack/data/blocks/block.Vr4J8dRBOG.json
new file mode 100644
index 0000000000..da8d259ed9
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.Vr4J8dRBOG.json
@@ -0,0 +1,24 @@
+{
+  "id": "Vr4J8dRBOG",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Keyboard interactions",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.X704KCbRJP.json b/apps/knapsack/data/blocks/block.X704KCbRJP.json
new file mode 100644
index 0000000000..82da00c56f
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.X704KCbRJP.json
@@ -0,0 +1,19 @@
+{
+  "id": "X704KCbRJP",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "14507:770"
+      }
+    ],
+    "imageStyles": {
+      "fit": "fill",
+      "size": "auto",
+      "seamless": true
+    },
+    "columns": "1",
+    "hideComponentProps": true
+  },
+  "blockType": "design-src-tiles"
+}
diff --git a/apps/knapsack/data/blocks/block.bGTQW1bLwp.json b/apps/knapsack/data/blocks/block.bGTQW1bLwp.json
new file mode 100644
index 0000000000..1235368f43
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.bGTQW1bLwp.json
@@ -0,0 +1,29 @@
+{
+  "id": "bGTQW1bLwp",
+  "data": {
+    "shortcuts": [
+      {
+        "id": "j2kvKuAv4B",
+        "link": {
+          "path": "https://www.w3.org/TR/WCAG21/",
+          "external": true
+        },
+        "title": "See also",
+        "description": "Web Content Accessibility Guidelines (WCAG) component standards"
+      },
+      {
+        "id": "KqS9a8oO95",
+        "link": {
+          "path": "https://m2.material.io/components/banners/web#using-banners",
+          "external": true
+        },
+        "title": "See also",
+        "description": "Material accessibility component guidelines"
+      }
+    ],
+    "tileStyles": {
+      "imageSize": "none"
+    }
+  },
+  "blockType": "shortcut-tiles"
+}
diff --git a/apps/knapsack/data/blocks/block.bxjptRofEX.json b/apps/knapsack/data/blocks/block.bxjptRofEX.json
new file mode 100644
index 0000000000..9b4c8cb093
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.bxjptRofEX.json
@@ -0,0 +1,24 @@
+{
+  "id": "bxjptRofEX",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Keyboard interactions",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.oFBqEfh1ZE.json b/apps/knapsack/data/blocks/block.oFBqEfh1ZE.json
new file mode 100644
index 0000000000..067634d01d
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.oFBqEfh1ZE.json
@@ -0,0 +1,5 @@
+{
+  "id": "oFBqEfh1ZE",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.uCeq-yAF-X.json b/apps/knapsack/data/blocks/block.uCeq-yAF-X.json
new file mode 100644
index 0000000000..b5cdbe15ec
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.uCeq-yAF-X.json
@@ -0,0 +1,39 @@
+{
+  "id": "uCeq-yAF-X",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "horizontalRule"
+        },
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 1,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Additional resources",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Can't find what you're looking for? We provide full documentation transparency. Here are additional resources to provide further clarity.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}
diff --git a/apps/knapsack/data/blocks/block.up9vT664ui.json b/apps/knapsack/data/blocks/block.up9vT664ui.json
new file mode 100644
index 0000000000..9fe05db03d
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.up9vT664ui.json
@@ -0,0 +1,45 @@
+{
+  "id": "up9vT664ui",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Tab Index Focus",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": ": ",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Ensures that banner notifications are included in the sequential keyboard navigation, allowing users to reach and interact with them using the Tab key.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor",
+  "size": "medium"
+}
diff --git a/apps/knapsack/data/blocks/block.v4t4jZBPZ.json b/apps/knapsack/data/blocks/block.v4t4jZBPZ.json
new file mode 100644
index 0000000000..7291abec25
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.v4t4jZBPZ.json
@@ -0,0 +1,5 @@
+{
+  "id": "v4t4jZBPZ",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.vlzRHoS0QH.json b/apps/knapsack/data/blocks/block.vlzRHoS0QH.json
index 7ed2ceaeca..60e22e30cd 100644
--- a/apps/knapsack/data/blocks/block.vlzRHoS0QH.json
+++ b/apps/knapsack/data/blocks/block.vlzRHoS0QH.json
@@ -5,8 +5,8 @@
       {
         "id": "f-A3evEemL",
         "link": {
-          "path": "#",
-          "external": false
+          "path": "https://m2.material.io/components/text-fields",
+          "external": true
         },
         "title": "See also",
         "description": "Angular Material component"
@@ -14,8 +14,8 @@
       {
         "id": "0X0Ba30ApB",
         "link": {
-          "path": "#",
-          "external": false
+          "path": "https://www.figma.com/design/KvXVAmYdCVAS7hzkOa73Em/Covalent-Principles?node-id=8066-25102",
+          "external": true
         },
         "title": "See also",
         "description": "Figma Component"
diff --git a/apps/knapsack/data/blocks/block.xNF5ts0UHA.json b/apps/knapsack/data/blocks/block.xNF5ts0UHA.json
index 2c308ac64a..53f56ce5e0 100644
--- a/apps/knapsack/data/blocks/block.xNF5ts0UHA.json
+++ b/apps/knapsack/data/blocks/block.xNF5ts0UHA.json
@@ -12,7 +12,7 @@
           },
           "content": [
             {
-              "text": "Testing and Iteration",
+              "text": "Testing and iteration",
               "type": "text"
             }
           ]
@@ -29,9 +29,6 @@
             }
           ]
         },
-        {
-          "type": "horizontalRule"
-        },
         {
           "type": "paragraph",
           "attrs": {
@@ -135,7 +132,7 @@
           },
           "content": [
             {
-              "text": "Helpful Tip",
+              "text": "Helpful tip",
               "type": "text",
               "marks": [
                 {
@@ -166,9 +163,6 @@
                     "href": "https://accessibilityinsights.io/",
                     "class": null
                   }
-                },
-                {
-                  "type": "bold"
                 }
               ]
             }
diff --git a/apps/knapsack/data/blocks/block.xknnwWIFd.json b/apps/knapsack/data/blocks/block.xknnwWIFd.json
new file mode 100644
index 0000000000..ef7a4b61cf
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.xknnwWIFd.json
@@ -0,0 +1,5 @@
+{
+  "id": "xknnwWIFd",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.znv7e0V-go.json b/apps/knapsack/data/blocks/block.znv7e0V-go.json
new file mode 100644
index 0000000000..babae95873
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.znv7e0V-go.json
@@ -0,0 +1,5 @@
+{
+  "id": "znv7e0V-go",
+  "data": {},
+  "blockType": "divider-block"
+}
diff --git a/apps/knapsack/data/blocks/block.zu4Bh9-Jy.json b/apps/knapsack/data/blocks/block.zu4Bh9-Jy.json
index b86466985c..d2463cbfe8 100644
--- a/apps/knapsack/data/blocks/block.zu4Bh9-Jy.json
+++ b/apps/knapsack/data/blocks/block.zu4Bh9-Jy.json
@@ -40,9 +40,6 @@
                     "target": "_blank"
                   }
                 },
-                {
-                  "type": "bold"
-                },
                 {
                   "type": "underline"
                 }