lido qs (#2731)

* lido qs

* fix format

* update sidebar

* update

* update

Author: aelmanaa

.prettierignore

@@ -14,6 +14,6 @@ typechain-types
 public/snippets
 public/search-index.json
 vercel.json
-src/content/quickstarts/**/*.mdx
+
 
 coverage

public/images/quickstarts/ccip-direct-staking/fast-stake.png

@@ -1515,6 +1515,10 @@ export const SIDEBAR: Partial<Record<Sections, SectionEntry[]>> = {
           title: "Tools",
           url: "ccip/tools-resources/tools",
         },
+        {
+          title: "Cross-chain Examples",
+          url: "ccip/examples",
+        },
       ],
     },
   ],

public/images/quickstarts/ccip-direct-staking/slow-stake.png

@@ -59,6 +59,7 @@ const quickstartsFrontmatter = z
   .object({
     title: z.string(),
     description: z.string(),
+    excerpt: z.string().optional(),
     githubSourceCodeUrl: z.string().optional(),
     image: z.string(),
     products: z.array(productEnum),

public/images/quickstarts/feature/QuickStarts-CCIP-Liquid-Staking.webp

@@ -1,11 +1,11 @@
 ---
 section: ccip
 date: Last Modified
-title: "Example Cross-chain dApps and Tools"
+title: "Example Cross-chain dApps"
 metadata:
-  description: "Explore Chainlink CCIP examples: Starter kits (Hardhat/Foundry), Tic Tac Toe game, Name Service, DeFi lending, liquidation protection, and cross-chain NFTs."
+  description: "Explore Chainlink CCIP examples: Starter kits (Hardhat/Foundry), Tic Tac Toe game, Name Service, DeFi lending, liquidation protection, cross-chain NFTs, and direct staking solutions."
+  excerpt: "Comprehensive collection of Chainlink CCIP cross-chain development examples including starter kits for Hardhat and Foundry, gaming dApps, cross-chain name services, DeFi lending and liquidation protection, NFT minting, and direct staking with liquid staking tokens (LSTs). Features production-ready code samples, integration guides, and tutorials for building cross-chain applications using CCIP Programmable Token Transfers across multiple blockchain networks including Ethereum, Base, Arbitrum, and Optimism."
 isIndex: true
-whatsnext: { "CCIP Directory": "/ccip/directory", "Learn CCIP best practices": "/ccip/concepts/best-practices" }
 ---
 
 import { Aside } from "@components"
@@ -15,6 +15,14 @@ import CcipCommon from "@features/ccip/CcipCommon.astro"
 
 Several example dApps and tools are available to help you learn about use cases for CCIP.
 
+## CCIP Direct Staking
+
+[CCIP Direct Staking](https://github.com/Aphyla/chainlink-csr) enables users to stake native tokens on supported L2 networks and receive liquid staked tokens (LSTs, e.g., wstETH) directly on the same chain. Supports both instant (fast) and delayed (slow) staking options.
+
+Learn more about the architecture and workflow in the [technical blog post](https://blog.chain.link/scaling-staking-protocols-cross-chain/).
+
+For third-party integrators who want to build offchain components to interact with CCIP Direct Staking contracts, see the [Direct Staking integration guide](/quickstarts/ccip-direct-staking) with reference implementations and utilities. The guide includes a hands-on tutorial using [Lido](https://lido.fi/) on Base Mainnet.
+
 ## CCIP Starter Kits
 
 The CCIP Starter Kits demonstrate how to transfer tokens and send messages using the HardHat or Foundry frameworks.

src/config/sidebar.ts

@@ -19,16 +19,25 @@ A live demo is available at https://automated-portfolio-manager.vercel.app.
 
 The example contract supports dynamic asset management using tokens that adhere to the ERC20 standard. For this demonstration, Mimic Tokens representing gold (mXAU), Wrapped Bitcoin (mWBTC), and Ethereum (mETH) are used as the underlying assets. These tokens are automatically bought or sold to mirror changes in crypto market sentiment and gold volatility (GVZ) to ensure the portfolio adjusts to evolving market conditions. This functionality demonstrates how blockchain and Chainlink technologies can be used to create a dynamic investment strategy that adapts to global financial movements in real time.
 
-**Note**: In a real-world use case, you can integrate the portfolio rebalancing mechanism with any DeFi protocol, such as a swapping mechanism or investments in ERC-4626 vaults. 
+**Note**: In a real-world use case, you can integrate the portfolio rebalancing mechanism with any DeFi protocol, such as a swapping mechanism or investments in ERC-4626 vaults.
 
 <ClickToZoom src="/images/quickstarts/automated-portfolio-manager/Automated_Portfolio_Manager_Concept.webp" />
 
 <Aside type="caution" title="Disclaimer">
-This tutorial represents an example of using a Chainlink product or service and is provided to help you understand how to interact with Chainlink's systems and services so that you can integrate them into your own. This template is provided "AS IS" and "AS AVAILABLE" without warranties of any kind, has not been audited, and may be missing key checks or error handling to make the usage of the product more clear. Do not use the code in this example in a production environment without completing your own audits and application of best practices. Neither Chainlink Labs, the Chainlink Foundation, nor Chainlink node operators are responsible for unintended outputs that are generated due to errors in code.
+  This tutorial represents an example of using a Chainlink product or service and is provided to help you understand how
+  to interact with Chainlink's systems and services so that you can integrate them into your own. This template is
+  provided "AS IS" and "AS AVAILABLE" without warranties of any kind, has not been audited, and may be missing key
+  checks or error handling to make the usage of the product more clear. Do not use the code in this example in a
+  production environment without completing your own audits and application of best practices. Neither Chainlink Labs,
+  the Chainlink Foundation, nor Chainlink node operators are responsible for unintended outputs that are generated due
+  to errors in code.
 </Aside>
 
 <Aside type="caution" title="Disclaimer">
-The rebalancing strategy and logic outlined in this tutorial are solely for educational purposes and have not been backtested. This content is not meant to be financial advice and should not be interpreted as such. The example is intended to demonstrate the potential of Chainlink products. Users are strongly advised to perform their own due diligence before making any financial decisions.
+  The rebalancing strategy and logic outlined in this tutorial are solely for educational purposes and have not been
+  backtested. This content is not meant to be financial advice and should not be interpreted as such. The example is
+  intended to demonstrate the potential of Chainlink products. Users are strongly advised to perform their own due
+  diligence before making any financial decisions.
 </Aside>
 
 ## Table of Content
@@ -113,6 +122,7 @@ Run the following script to deploy your `OffchainDataFetcher` contract on Ethere
 ```bash
 forge script script/DeployOffChainDataFetcher.s.sol --rpc-url $RPC_URL_SEPOLIA --private-key $PRIVATE_KEY --broadcast --verify -vvvv
 ```
+
 </Accordion>
 
 <Accordion title="Add the contract to your Functions subscription and configure it" number={2}>
@@ -207,9 +217,11 @@ forge script script/DeployAutomatedPortfolioManager.s.sol --rpc-url $RPC_URL_SEP
    cp .env.example .env.local
    ```
 1. Open your `.env.local` file and add your Sepolia RPC URL:
+
    ```
    NEXT_PUBLIC_SEPOLIA_RPC_URL=your_sepolia_rpc_url
    ```
+
    You can use the same RPC URL you used for contract deployment or get one from providers like [Alchemy](https://www.alchemy.com/) or [Infura](https://www.infura.io/).
 
 1. Run the dApp locally: