Docs: AI Studio Addition on landing pages (#247)

Author: RounakDhillon

collate-ai/index.mdx

@@ -18,31 +18,34 @@ Collate AI brings generative AI to metadata management, making it effortless to
 ## Key Features
 
 <Columns cols={2}>
-<Card icon='/public/images/icons/askcollate.svg' title="AskCollate" href="/collate-ai/ask-collate" horizontal>
-  An AI agent that provides conversational analytics and data management capabilities built upon Collate’s Knowledge Graph.
+<Card icon="/public/images/icons/askcollate.svg" title="AskCollate" href="/collate-ai/ask-collate" horizontal>
+  An AI agent that provides conversational analytics and data management capabilities built upon Collate's Knowledge Graph.
 </Card>
-<Card icon='/public/images/icons/documentation.svg' title="Collate AI Documentation Agent" href="/collate-ai/documentation-agent" horizontal>
+<Card icon="/public/images/homepage-icons/studio-ai.svg" title="AI Studio" href="/collate-ai/ai-studio" horizontal>
+  Create and manage AI agents and personas to automate metadata discovery, governance reviews, and data quality workflows.
+</Card>
+<Card icon="/public/images/icons/documentation.svg" title="Collate AI Documentation Agent" href="/collate-ai/documentation-agent" horizontal>
   Automate description generation based on the context of your data.
 </Card>
-<Card icon='/public/images/icons/tier.svg' title="Collate AI Tier Agent" href="/collate-ai/tier-agent" horizontal>
+<Card icon="/public/images/icons/tier.svg" title="Collate AI Tier Agent" href="/collate-ai/tier-agent" horizontal>
   Classify business-critical data assets by usage & impact.
 </Card>
 <Card icon="/public/images/icons/qualityagent.svg" title="Collate AI Quality Agent" href="/collate-ai/quality-agent" horizontal>
   Automatically create Data Quality tests to ensure health and stability.
 </Card>
-<Card icon='/public/images/icons/queryrunner.svg' title="Collate AI SQL Agent" href="/collate-ai/quality-agent" horizontal>
+<Card icon="/public/images/icons/queryrunner.svg" title="Collate AI SQL Agent" href="/collate-ai/quality-agent" horizontal>
   Understand and optimize the queries running in your sources.
 </Card>
-<Card icon='/public/images/icons/autopilot.svg' title="Autopilot" href="/collate-ai/collate-ai-autopilot-workflows" horizontal>
+<Card icon="/public/images/icons/autopilot.svg" title="Autopilot" href="/collate-ai/collate-ai-autopilot-workflows" horizontal>
   Streamline metadata ingestion capabilities for every service in your Data Platform.
 </Card>
-<Card icon='/public/images/icons/mcp.svg' title="MCP Server" href="/collate-ai/mcp" horizontal>
+<Card icon="/public/images/icons/mcp.svg" title="MCP Server" href="/collate-ai/mcp" horizontal>
   An embedded, secure and enterprise-ready MCP server to bring metadata context to your AI agents.
 </Card>
-<Card icon='/public/images/icons/slack.svg' title="Slack Integration" href="/collate-ai/slack" horizontal>
+<Card icon="/public/images/icons/slack.svg" title="Slack Integration" href="/collate-ai/slack" horizontal>
   Interact with Collate AI directly from Slack — search assets, receive notifications, and collaborate with your team.
 </Card>
-<Card icon='/public/images/icons/microsoft-teams.svg' title="Microsoft Teams Integration" href="/collate-ai/microsoft-teams" horizontal>
+<Card icon="/public/images/icons/microsoft-teams.svg" title="Microsoft Teams Integration" href="/collate-ai/microsoft-teams" horizontal>
   Bring Collate AI into Microsoft Teams — get data insights, notifications, and asset sharing without leaving your workspace.
 </Card>
 </Columns>
@@ -58,6 +61,6 @@ Click the icon again to switch back to standard search.
 
 Data only gains value when it is contextualized within your organization and your business. This requires understanding not only the data, but how the data is being used by different user personas, who owns it, and what is the business impact of each specific asset.
 
-Collate manages a Unified Knowledge Graph encompassing both your data and your organization’s semantics, which is the foundation to let your teams scale with your data by bringing automations and bridging the gap between people and data.
+Collate manages a Unified Knowledge Graph encompassing both your data and your organization's semantics, which is the foundation to let your teams scale with your data by bringing automations and bridging the gap between people and data.
 
-</div>
+</div>

index.mdx

@@ -90,6 +90,10 @@ import { Integrations } from "/snippets/components/ConnectorGrid/Integration.jsx
   <Icon icon="/public/images/icons/askcollate.svg" color="#194185" /> <span>Ask Collate</span>
 </a>
 
+<a href="/collate-ai/ai-studio" className="chip blue">
+  <Icon icon="/public/images/homepage-icons/studio-ai.svg" color="#194185" /> <span>AI Studio</span>
+</a>
+
 <a href="/sdk/ai-sdk" className="chip blue">
   <Icon icon="/public/images/homepage-icons/ai-sdk2.svg" color="#194185" /> <span>AI SDK</span>
 </a>
@@ -217,6 +221,16 @@ import { Integrations } from "/snippets/components/ConnectorGrid/Integration.jsx
   </a>
 </div>
 
+<div className="highlight-card">
+  <Icon icon="/public/images/homepage-icons/studio-ai.svg" />
+  <div className="highlight-header">AI Studio</div>
+  <p>Create and manage AI agents and personas to automate metadata discovery, governance reviews, and data quality workflows.</p>
+  <a className="read-more" href="/collate-ai/ai-studio">
+    <span>Learn More</span>
+    <img noZoom src="/public/images/homepage-icons/right-arrow.svg" alt="Right Arrow" />
+  </a>
+</div>
+
 <div className="highlight-card">
   <Icon icon="/public/images/homepage-icons/ai-studio.svg" />
   <div className="highlight-header">Collate AI Platform</div>
@@ -272,10 +286,9 @@ import { Integrations } from "/snippets/components/ConnectorGrid/Integration.jsx
 
 <div className="link-list">
 <a href="https://www.getcollate.io/askcollate" target="_blank">AskCollate</a>
+<a href="/collate-ai/ai-studio">AI Studio</a>
 <a href="/sdk/ai-sdk">AI SDK</a>
-<a href="/how-to-guides/data-lineage">Lineage Mapping</a>
 <a href="/how-to-guides/sql-studio">SQL Studio</a>
-<a href="/how-to-guides/data-contracts">Data Contracts</a>
 </div>
 </div>
 

products/index.mdx

@@ -43,6 +43,9 @@ Discover the complete suite of products that help you understand, govern, and tr
 <Card icon='/public/images/icons/askcollate.svg' title="AskCollate" href="/collate-ai/ask-collate" horizontal>
   Your conversational interface for querying metadata, documentation, lineage, and governance controls.
 </Card>
+<Card icon='/public/images/homepage-icons/studio-ai.svg' title="AI Studio" href="/collate-ai/ai-studio" horizontal>
+  Create and manage AI agents and personas to automate metadata discovery, governance reviews, and data quality workflows.
+</Card>
 <Card icon="/public/images/icons/tier.svg" title="Collate AI Tier Agent" href="/collate-ai/tier-agent" horizontal>
   Classify Business-Critical Data with Collate AI Tier Agent.
 </Card>