From 0080b68385592bb6a78b15dc083f34858e57280e Mon Sep 17 00:00:00 2001
From: Martyn Davies <martynrdavies@gmail.com>
Date: Thu, 30 Nov 2023 17:09:34 +0100
Subject: [PATCH] update cards on index page to use correct style

---
 docs/index.mdx | 106 ++++++++++++++-----------------------------------
 1 file changed, 29 insertions(+), 77 deletions(-)

diff --git a/docs/index.mdx b/docs/index.mdx
index 58574d79..21bc2dec 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -12,84 +12,36 @@ Superface connects to your systems and SaaS applications and works in real-world
 
 In addition, Superface is the first to offer business task automation solely using AI so that you can automate your daily tasks without any technical knowledge.
 
-:::caution Deprecation Notice
-Although Superface is now centered around an AI agent interface, our CLI and OneSDK can still be used to create integrations with third-party APIs as before, however we do encourage that these tools are used to develop for the agent interface. 
-:::
 
-## Documentation
-
-
-<div className="row padding-bottom--lg">
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/introduction/install-superface" className="menu__link">
-        <div className="card__body">
-          <h3>🏃 Quick Start</h3>
-          <p>Start here to get up and running with the Superface CLI.</p>
-        </div>
-      </a>
-    </div>
-  </div>
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/guides/how-to-create" className="menu__link">
-        <div className="card__body">
-          <h3>🔎 Guides</h3>
-          <p>Looking for more in depth knowledge? Check out our list of guides that get into greater detail.</p>
-        </div>
-      </a>
-    </div>
-  </div>
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/api-examples" className="menu__link">
-        <div className="card__body">
-          <h3>💼 Use Case Examples</h3>
-          <p>From HubSpot to Pipedrive. Use case examples demonstrate different uses of Superface with real-world APIs.</p>
-        </div>
-      </a>
-    </div>
-  </div>
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/examples" className="menu__link">
-        <div className="card__body">
-          <h3>💻 SDK Examples</h3>
-          <p>
-            Implementation examples for OneSDK using Node.js, Python and
-            Cloudflare Workers.
-          </p>
-        </div>
-      </a>
-    </div>
-  </div>
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/support" className="menu__link">
-        <div className="card__body">
-          <h3>ℹ️ Help & Support</h3>
-          <p>
-            If you're looking for help, support or want to talk business. We're
-            here for you!
-          </p>
-        </div>
-      </a>
-    </div>
-  </div>
-  <div className="col col--6">
-    <div className="card shadow">
-      <a href="/docs/faq" className="menu__link">
-        <div className="card__body">
-          <h3>❓ FAQs</h3>
-          <p>
-            View some of the frequently asked questions regarding Superface, CLI
-            and OneSDK.
-          </p>
-        </div>
-      </a>
-    </div>
-  </div>
-</div>
+<section className="row">
+  <article className="col col--6 margin-bottom--lg">
+    <a href="/docs/agent" className="card padding--lg cardContainer_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module">
+      <h2>🤖 AI Agent</h2>
+      <p>Overview and usage information for the Superface AI Agent.</p>
+    </a>
+  </article>
+  <article className="col col--6 margin-bottom--lg">
+    <a href="/docs/develop" className="card padding--lg cardContainer_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module">
+      <h2>🛠️ Tool Development</h2>
+      <p>Install the CLI and get started creating tools for Superface.</p>
+    </a>
+  </article>
+</section>
+
+<section className="row">
+  <article className="col col--6 margin-bottom--lg">
+    <a href="/docs/support" className="card padding--lg cardContainer_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module">
+      <h2>ℹ️ Help & Support</h2>
+      <p>If you're looking for help, support or want to talk business. We're here for you!</p>
+    </a>
+  </article>
+  <article className="col col--6 margin-bottom--lg">
+    <a href="/docs/support" className="card padding--lg cardContainer_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module">
+      <h2>❓ FAQs</h2>
+      <p>Asked, and answered. Our FAQ is regularly updated with new information.</p>
+    </a>
+  </article>
+</section>