Handling beta

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

pages/stack/beta-features.mdx

@@ -1,17 +1,63 @@
 ---
 title: Beta Features
-description: Documentation covering Alt Da Mode, Custom Gas Token in the Beta Features section of the OP Stack ecosystem.
+description: Learn how beta features in the OP Stack work, their benefits, and how to provide feedback.
 lang: en-US
 ---
 
+import { Callout } from 'nextra/components'
 import { Card, Cards } from 'nextra/components'
 
+<Callout type="warning">
+  Note: All features listed here are currently in beta and under active
+  development. Expect changes in functionality, design, and performance as we
+  gather feedback and make improvements.
+</Callout>
+
 # Beta Features
 
-Documentation covering Alt Da Mode, Custom Gas Token in the Beta Features section of the OP Stack ecosystem.
+Welcome to the beta features overview. This section contains a list of the latest in-development features currently in the beta stage. Beta features are available for early access and feedback gathering, helping to refine and optimize these tools before a full release.
+
+These features may undergo changes based on user feedback and ongoing improvements. The functionality and design may evolve. Explore the sections below for more information on individual beta features and participation in shaping their final release.
+
+## What are beta features?
+
+Beta features are early-stage functionalities available for testing and feedback. Access to beta features provides opportunities to try new tools and provide valuable input that directly influences their final versions.
+
+## Benefits of using beta features
+
+*   **Early access**: Be among the first to use the latest innovations.
+*   **Influence Development**: Your feedback plays a critical role in helping us refine and optimize these features.
+*   **Enhanced Product Understanding**: Working with beta features can provide insights into the future direction of our product and how it will evolve.
+
+## Key Considerations
+
+When using beta features, please keep the following in mind:
+
+*   **Functionality May Vary**: Since these features are still under development, there may be occasional bugs or performance issues.
+*   **Limited Support**: Support for beta features may be limited, and these features are not recommended for critical production environments.
+*   **Continuous Updates**: Beta features will be updated frequently based on user feedback, which means they may undergo significant changes during the testing phase.
+
+## How to provide feedback
+
+Feedback from beta users helps improve and refine these features. Here's how to contribute:
+
+1.  **Document Your Experience**: Take note of any issues, suggestions, or enhancements you'd like to see.
+2.  **Report Through Official Channels**: Submit feedback and bug report through the optimism [monorepo](https://github.com/ethereum-optimism/optimism/issues).
+3.  **Participate in Surveys**: Occasionally, we'll send surveys to beta users. Participating in these helps us prioritize improvements.
+
+## Available beta features
+
+Explore our current beta features below. Each feature includes links to detailed documentation for setup, usage, and feedback guidelines.
 
 <Cards>
-  <Card title="Alt-DA Mode explainer" href="/stack/beta-features/alt-da-mode" />
+  <Card title="Alt-DA Mode" href="/stack/beta-features/alt-da-mode" icon={<img src="/img/icons/shapes.svg" />} />
+
+{' '}
+
+<Card
+  title="Custom Gas Token"
+  href="/stack/beta-features/custom-gas-token"
+  icon={<img src="/img/icons/shapes.svg" />}
+/>
 
-  <Card title="Custom Gas token explainer" href="/stack/beta-features/custom-gas-token" />
 </Cards>

pages/stack/beta-features/_meta.json

@@ -1,4 +1,4 @@
 {
-    "custom-gas-token": "Custom gas token",
-    "alt-da-mode": "Alt-DA Mode"
+  "custom-gas-token": "Custom gas token",
+  "alt-da-mode": "Alt-DA Mode"
 }