Add MCP Server tab to the 'Examples' page (#884)

* Add MCP Servers tab to examples page

* Remove nasty HTML

* Revert unrelated file change

* Remove another unrelated change

Author: EricGustin

app/en/resources/examples/page.mdx

@@ -1,15 +1,19 @@
 ---
-title: "Example apps"
-description: "Example apps using Arcade's tools and MCP Servers in workflows and with agents."
+title: "Examples"
+description: "Example apps and MCP servers using Arcade's tools and MCP servers in workflows and with agents."
 ---
 
-## Example apps
+## Examples
 
-These example repos demonstrate Arcade's capabilities in real-world scenarios, from AI-powered research tools to Slack integrations.
+Get up and running faster with ready-to-use example repositories.
 
-Use these repositories as starting points for your own projects or reference implementations for specific integration patterns. Each repository includes complete source code and setup instructions to help you understand implementation details and get started quickly.
+Browse sample apps and MCP servers to see how Arcade works in practice, then fork them as a starting point or use them as a reference while building your own projects and integrations.
 
 import { SampleAppCard } from "../../../_components/sample-app-card";
+import { Tabs } from "nextra/components";
+
+<Tabs items={["Sample apps", "Example MCP servers"]}>
+<Tabs.Tab>
 
 <div className="grid gap-8 md:grid-cols-2 mt-8">
   <SampleAppCard
@@ -101,26 +105,68 @@ import { SampleAppCard } from "../../../_components/sample-app-card";
     blank
   />
 </div>
-## Submit your app
+
+### Submit your app
 
 Built something with Arcade? The team would love to feature it! Submit your app by creating a pull request to the documentation site.
 
-### Guidelines
+#### Guidelines
 
 - **Open source**: Your app should be publicly available on GitHub
 - **Uses Arcade**: Your app should integrate with Arcade's tools, MCP servers, or SDK
 - **Working demo**: Include clear setup instructions and ensure your app runs
 - **Good documentation**: Provide a clear README with installation and usage instructions
 - **Appropriate content**: Family friendly and professional applications only
 
-### How to submit
+#### How to submit
 
 1. Fork the [Arcade docs repository](https://github.com/ArcadeAI/docs)
 2. Add your app to `/app/en/resources/examples/page.mdx` following the existing pattern
 3. Include a descriptive title, clear description, and appropriate tags
 4. Create a pull request with details about your app and its Arcade integration
 5. The team will review and potentially feature your app
 
-### Need help?
+#### Need help?
 
 If you have questions about submitting your app, feel free to [contact the team](/resources/contact-us) or open an issue in the docs repository.
+
+</Tabs.Tab>
+<Tabs.Tab>
+
+<div className="grid gap-8 md:grid-cols-2 mt-8">
+  <SampleAppCard
+    title="Granola MCP Server"
+    description="MCP server for Granola, enabling AI agents to access and interact with your meeting notes and transcripts."
+    href="https://github.com/ArcadeAI/granola-mcp-server"
+    tags={["Python"]}
+    date="Mar 2026"
+    blank
+  />
+</div>
+
+### Submit your MCP server
+
+Built an MCP server with Arcade? The team would love to feature it! Submit your server by creating a pull request to the documentation site.
+
+#### Guidelines
+
+- **Open source**: Your MCP server should be publicly available on GitHub
+- **Uses Arcade**: Your server should integrate with Arcade's tools, auth, or SDK
+- **Working demo**: Include clear setup instructions and ensure your server runs
+- **Good documentation**: Provide a clear README with installation and usage instructions
+- **Appropriate content**: Family friendly and professional servers only
+
+#### How to submit
+
+1. Fork the [Arcade docs repository](https://github.com/ArcadeAI/docs)
+2. Add your server to `/app/en/resources/examples/page.mdx` following the existing pattern
+3. Include a descriptive title, clear description, and appropriate tags
+4. Create a pull request with details about your server, its Arcade integration, and a link to the public repository.
+5. The team will review and potentially feature your server
+
+#### Need help?
+
+If you have questions about submitting your MCP server, feel free to [contact the team](/resources/contact-us) or open an issue in the docs repository.
+
+</Tabs.Tab>
+</Tabs>