Tutorial on how to pass messages from one contract to another using interop

pages/stack/interop/message-passing.mdx

@@ -12,6 +12,11 @@ import { InteropCallout } from '@/components/WipCallout'
 
 # Interop message passing overview
 
+<Callout>
+  This is an explanation of how interop works.
+  You can find a step by step tutorial [here](tutorials/message-passing).
+</Callout>
+
 The low-level [`CrossL2Inbox`](https://github.com/ethereum-optimism/optimism/blob/develop/packages/contracts-bedrock/src/L2/CrossL2Inbox.sol) contract handles basic message execution. It verifies whether an initiating message exists but does not check the message's destination, processing status, or other attributes.
 
 The [`L2ToL2CrossDomainMessenger`](https://github.com/ethereum-optimism/optimism/blob/develop/packages/contracts-bedrock/src/L2/L2ToL2CrossDomainMessenger.sol) contract extends `CrossL2Inbox` by providing complete cross-domain messaging functionality.

pages/stack/interop/tutorials.mdx

@@ -11,6 +11,8 @@ import { Card, Cards } from 'nextra/components'
 Documentation covering Interop related tutorials.
 
 <Cards>
+  <Card title="Interop message passing tutorial" href="/stack/interop/tutorials/message-passing" icon={<img src="/img/icons/shapes.svg" />} />
+
   <Card title="Issuing new assets with SuperchainERC20" href="/stack/interop/tutorials/deploy-superchain-erc20" icon={<img src="/img/icons/shapes.svg" />} />
 
   <Card title="Transferring a SuperchainERC20" href="/stack/interop/tutorials/transfer-superchainERC20" icon={<img src="/img/icons/shapes.svg" />} />

pages/stack/interop/tutorials/_meta.json

@@ -1,4 +1,5 @@
 {
+    "message-passing": "Interop message passing",
     "transfer-superchainERC20": "Transferring a SuperchainERC20",
     "deploy-superchain-erc20": "Issuing new assets with SuperchainERC20",
     "bridge-crosschain-eth": "Bridging native cross-chain ETH transfers",