diff --git a/components/Sidebar/index.js b/components/Sidebar/index.js
index 8dd93dc1..48ec36a5 100644
--- a/components/Sidebar/index.js
+++ b/components/Sidebar/index.js
@@ -1769,21 +1769,7 @@ const Sidebar = ({ searchOpen, setSearchOpen }) => {
         </nav>
 
         <nav className="nav">
-          <NavTitle href="/client-api">API</NavTitle>
-          <ul className="nav__list">
-            <li>
-              <ActiveLink href="/client-api/about">شروع به کار</ActiveLink>
-            </li>
-            <li>
-              <ActiveLink href="/client-api/app">برنامه‌ها</ActiveLink>
-            </li>
-            <li>
-              <ActiveLink href="/client-api/database">دیتابیس‌ها</ActiveLink>
-            </li>
-            <li>
-              <ActiveLink href="/client-api/domain">دامنه‌ها</ActiveLink>
-            </li>
-          </ul>
+          <ActiveLink href="/openapi">API</ActiveLink>
         </nav>
 
         <nav className="nav">
diff --git a/pages/client-api/app.js b/pages/client-api/app.js
deleted file mode 100644
index 59c0f7d4..00000000
--- a/pages/client-api/app.js
+++ /dev/null
@@ -1,349 +0,0 @@
-import Layout from "../../components/Layout";
-import Head from "next/head";
-import Notice from "../../components/Notice";
-import Label from "../../components/Label";
-
-export default () => (
-  <Layout>
-    <Head>
-      <title>مستندات API برنامه‌ها در لیارا</title>
-    </Head>
-    <h4>فهرست عناوین:</h4>
-    <ul className="mt-0">
-      <li>
-        <a href="#create-app">ایجاد برنامه</a>
-      </li>
-      <li>
-        <a href="#remove-app">حذف برنامه</a>
-      </li>
-      <li>
-        <a href="#start-app">روشن کردن برنامه</a>
-      </li>
-      <li>
-        <a href="#stop-app">خاموش کردن برنامه</a>
-      </li>
-      <li>
-        <a href="#deploy-source">استقرار سورس‌کد</a>
-      </li>
-      <li>
-        <a href="#update-environment-variable">به‌روزرسانی متغیرهای برنامه</a>
-      </li>
-      <li>
-        <a href="#resize-app">تغییر اندازه برنامه</a>
-      </li>
-      <li>
-        <a href="#get-app-details">دریافت مشخصات یک برنامه مشخص</a>
-      </li>
-      <li>
-        <a href="#get-apps-list">دریافت مشخصات تمام برنامه‌ها</a>
-      </li>
-    </ul>
-
-    <br />
-    <hr />
-
-    <h4 id="create-app">ایجاد برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/projects</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>name</td>
-        <td>node-app</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr className="endpoint-inputs__group ">
-        <td>planID</td>
-        <td>ir-small</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>platform</td>
-        <td>node</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="remove-app">حذف برنامه</h4>
-    <div className="endpoint">
-      <Label variant="red">DELETE</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="start-app">روشن کردن برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /actions/scale
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>scale</td>
-        <td>1</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="stop-app">خاموش کردن برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /actions/scale
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>scale</td>
-        <td>0</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="deploy-source">استقرار سورس‌کد</h4>
-
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /sources
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>HEADER</td>
-      </tr>
-      <tr>
-        <td>Content-Type</td>
-        <td>multipart/form-data</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>file</td>
-        <td>file.tar.gz</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <br />
-
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /releases
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>sourceID</td>
-        <td>913ca858-0888-479f-9d9b-aeedca62ca85</td>
-      </tr>
-      <tr className="endpoint-inputs__group ">
-        <td>port</td>
-        <td>3000</td>
-      </tr>
-      <tr>
-        <td>type</td>
-        <td>node</td>
-      </tr>
-
-      <td className="endpoint-inputs__description"></td>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="restart-app">ری‌استارت کردن برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /actions/restart
-      </span>
-    </div>
-
-    <br />
-    <hr />
-
-    <h4 id="update-environment-variable">به‌روزرسانی متغیرهای برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/projects/update-envs</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>project</td>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr className="endpoint-inputs__group ">
-        <td>variables</td>
-        <td>{`[
-        {
-            "key": "APP_DB_HOST",
-            "value": "app-db:3306"
-        },
-        {
-            "key": "APP_DB_USER",
-            "value": "root"
-        }
-    ]`}</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="resize-app">تغییر اندازه برنامه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-        /resize
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>planID</td>
-        <td>ir-standard</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="get-app-details">دریافت مشخصات یک برنامه مشخص</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">
-        /v1/projects/<span className="endpoint__param">{`{app-name}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>app-name</td>
-        <td className="endpoint-inputs__description">نام برنامه</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="app-lists">دریافت مشخصات تمام برنامه‌ها</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">/v1/projects</span>
-    </div>
-
-    <br />
-    <hr />
-  </Layout>
-);
diff --git a/pages/client-api/database.js b/pages/client-api/database.js
deleted file mode 100644
index ff68fffa..00000000
--- a/pages/client-api/database.js
+++ /dev/null
@@ -1,303 +0,0 @@
-import Layout from "../../components/Layout";
-import Head from "next/head";
-import Notice from "../../components/Notice";
-import Label from "../../components/Label";
-
-export default () => (
-  <Layout>
-    <Head>
-      <title>مستندات API دیتابیس‌ها در لیارا</title>
-    </Head>
-    <h4>فهرست عناوین:</h4>
-    <ul className="mt-0">
-      <li>
-        <a href="#create-database">راه‌اندازی دیتابیس</a>
-      </li>
-      <li>
-        <a href="#remove-database">حذف دیتابیس</a>
-      </li>
-      <li>
-        <a href="#start-database">روشن کردن دیتابیس</a>
-      </li>
-      <li>
-        <a href="#stop-database">خاموش کردن دیتابیس</a>
-      </li>
-      <li>
-        <a href="#resize-database">تغییر اندازه دیتابیس</a>
-      </li>
-      <li>
-        <a href="#create-backup">ایجاد فایل پشتیبان</a>
-      </li>
-      <li>
-        <a href="#backups-list">لیست تمام فایل‌های پشتیبان</a>
-      </li>
-      <li>
-        <a href="#download-backup">دریافت فایل پشتیبان</a>
-      </li>
-      <li>
-        <a href="#get-database-details">دریافت مشخصات یک دیتابیس مشخص</a>
-      </li>
-      <li>
-        <a href="#databases-list">دریافت مشخصات تمام دیتابیس‌ها</a>
-      </li>
-    </ul>
-
-    <br />
-    <hr />
-
-    <h4 id="create-database">راه‌اندازی دیتابیس</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/databases</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>hostname</td>
-        <td>mysql-db</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>publicNetwork</td>
-        <td>true</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>planID</td>
-        <td>ir-small</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>type</td>
-        <td>mysql</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>version</td>
-        <td>8.0</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="remove-database">حذف دیتابیس</h4>
-    <div className="endpoint">
-      <Label variant="red">DELETE</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="start-database">روشن کردن دیتابیس</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /actions/scale
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>scale</td>
-        <td>1</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="stop-database">خاموش کردن دیتابیس</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /actions/scale
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>scale</td>
-        <td>0</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="resize-database">تغییر اندازه دیتابیس</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /resize
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>disk</td>
-        <td>false</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>planID</td>
-        <td>ir-standard</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="create-backup">ایجاد فایل پشتیبان</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /backups
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="backups-list">لیست تمام فایل‌های پشتیبان</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /backups
-      </span>
-    </div>
-
-    <br />
-    <hr />
-
-    <h4 id="download-backup">دریافت فایل پشتیبان</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-        /backups/<span className="endpoint__param">{`{backups-name}`}</span>
-        /download
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-      <tr>
-        <td>backups-name</td>
-        <td className="endpoint-inputs__description">نام فایل پشتیبان</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="get-database-details">دریافت مشخصات یک دیتابیس مشخص</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">
-        /v1/databases/<span className="endpoint__param">{`{database-id}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>database-id</td>
-        <td className="endpoint-inputs__description">شناسه دیتابیس</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="databases-list">دریافت مشخصات تمام دیتابیس‌ها</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">/v1/databases</span>
-    </div>
-
-    <br />
-    <hr />
-  </Layout>
-);
diff --git a/pages/client-api/domain.js b/pages/client-api/domain.js
deleted file mode 100644
index f578548d..00000000
--- a/pages/client-api/domain.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import Layout from "../../components/Layout";
-import Head from "next/head";
-import Notice from "../../components/Notice";
-import Label from "../../components/Label";
-
-export default () => (
-  <Layout>
-    <Head>
-      <title>مستندات API دامنه‌ها در لیارا</title>
-    </Head>
-    <h4>فهرست عناوین:</h4>
-    <ul className="mt-0">
-      <li>
-        <a href="#add-domain">افزودن دامنه</a>
-      </li>
-      <li>
-        <a href="#remove-domain">حذف دامنه</a>
-      </li>
-      <li>
-        <a href="#get-domain-details">دریافت مشخصات یک دامنه</a>
-      </li>
-      <li>
-        <a href="#point-domain-to-an-app">اتصال دامنه به یک برنامه مشخص</a>
-      </li>
-      <li>
-        <a href="#ssl-activation">صدور گواهی SSL</a>
-      </li>
-      <li>
-        <a href="#ssl-deactivation">غیرفعال کردن گواهی SSL</a>
-      </li>
-      <li>
-        <a href="#domains-list">مشاهده‌ی تمام دامنه‌ها</a>
-      </li>
-    </ul>
-
-    <br />
-    <hr />
-
-    <h4 id="add-domain">افزودن دامنه</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/domains</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>type</td>
-        <td>PROJECT</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>name</td>
-        <td>my-domain.ir</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="remove-domain">حذف دامنه</h4>
-    <div className="endpoint">
-      <Label variant="red">DELETE</Label>
-      <span className="endpoint__path">
-        /v1/domains/<span className="endpoint__param">{`{domain-id}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>domain-id</td>
-        <td className="endpoint-inputs__description">شناسه دامنه</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="get-domain-details">دریافت مشخصات یک دامنه</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">
-        /v1/domains/<span className="endpoint__param">{`{domain-name}`}</span>
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>domain-name</td>
-        <td className="endpoint-inputs__description">نام دامنه</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="point-domain-to-an-app">اتصال دامنه به یک برنامه مشخص</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/domains/set-project</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>projectID</td>
-        <td>60fe7f251e7b5f00114c77b1</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-      <tr>
-        <td>domainID</td>
-        <td>60fe86b11e7b5f00114c7878</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="ssl-activation">صدور گواهی SSL</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">/v1/domains/provision-ssl-certs</span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>BODY</td>
-      </tr>
-      <tr>
-        <td>domain</td>
-        <td>my-domain.ir</td>
-        <td className="endpoint-inputs__description"></td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="ssl-deactivation">غیرفعال کردن گواهی SSL</h4>
-    <div className="endpoint">
-      <Label variant="blue">POST</Label>
-      <span className="endpoint__path">
-        /v1/domains/<span className="endpoint__param">{`{domain-id}`}</span>
-        /ssl/disable
-      </span>
-    </div>
-
-    <h5>ورودی‌ها</h5>
-    <table className="endpoint-inputs">
-      <tr className="endpoint-inputs__group">
-        <td colSpan={3}>URL</td>
-      </tr>
-      <tr>
-        <td>domain-id</td>
-        <td className="endpoint-inputs__description">شناسه دامنه</td>
-      </tr>
-    </table>
-
-    <br />
-    <hr />
-
-    <h4 id="domains-list">مشاهده‌ی تمام دامنه‌ها</h4>
-    <div className="endpoint">
-      <Label variant="green">GET</Label>
-      <span className="endpoint__path">/v1/domains</span>
-    </div>
-
-    <br />
-    <hr />
-  </Layout>
-);
diff --git a/pages/client-api/about.js b/pages/openapi.js
similarity index 64%
rename from pages/client-api/about.js
rename to pages/openapi.js
index e98024ef..35329274 100644
--- a/pages/client-api/about.js
+++ b/pages/openapi.js
@@ -1,7 +1,6 @@
-import Layout from "../../components/Layout";
+import Layout from "../components/Layout";
 import Head from "next/head";
-import Notice from "../../components/Notice";
-import Label from "../../components/Label";
+import Label from "../components/Label";
 import Highlight from "react-highlight";
 import Link from "next/link";
 
@@ -15,7 +14,7 @@ export default () => (
     <span className="page-description">(Liara API)</span>
 
     <p>
-      وب‌سرویس و در واقع API ما به شما دسترسی کامل به امکانات پلتفرم ابری لیارا
+      وب‌سرویس و در واقع API ما به شما دسترسی کامل به امکانات زیرساخت ابری لیارا
       را می‌دهد. با استفاده از این API، می‌توانید در برنامه‌ها و سرویس‌های
       خودتان از لیارا به عنوان فراهم‌کننده‌ی زیر ساخت استفاده کنید.
     </p>
@@ -28,15 +27,18 @@ export default () => (
       <li>
         <a href="#user-information">دریافت اطلاعات جامع کاربری</a>
       </li>
+      <li>
+        <a href="#openapi">مستندات OpenAPI</a>
+      </li>
     </ul>
 
     <h3 id="api-address">آدرس API</h3>
     <p>
-      آدرس API برای دسترسی به برنامه‌ها:
-      <Highlight className="plaintext">
-        {`https://api.iran.liara.ir/`}
-      </Highlight>
+      هر کدام از محصولات لیارا، آدرس API مخصوص خود را دارند. برای مثال، آدرس API
+      برای دسترسی به برنامه‌ها:
     </p>
+    <Highlight className="plaintext">{`https://api.iran.liara.ir/`}</Highlight>
+
     <h3 id="authentication">کلید احراز هویت</h3>
     <p>
       شما با مراجعه به پنل کاربری و وارد شدن به بخش API امکان مشاهده و دریافت
@@ -47,10 +49,10 @@ export default () => (
       نحوه‌ی استفاده از این Token برای کار با APIها به این صورت است که آن را
       به‌شکل زیر در HEADERها به سمت endpoint مربوطه ارسال می‌کنید:
       <br />
-      <Highlight className="plaintext">
-        {`Authorization: Bearer $TOKEN`}
-      </Highlight>
     </p>
+    <Highlight className="plaintext">
+      {`Authorization: Bearer $TOKEN`}
+    </Highlight>
 
     <h3 id="user-information">دریافت اطلاعات جامع کاربری</h3>
     <div className="endpoint">
@@ -63,5 +65,20 @@ export default () => (
       باشید. بنابراین از اطلاعاتی که از این endpoint دریافت می‌کنید می‌توانید در
       endpointهای دیگر استفاده کنید.
     </p>
+
+    <h3 id="openapi">مستندات OpenAPI</h3>
+    <p>
+      مستندات API لیارا در آدرس زیر در دسترس است:
+      <br />
+      <a href="https://openapi.liara.ir/" target="_blank">
+        https://openapi.liara.ir
+      </a>
+    </p>
+    <p>
+      ما برای نوشتن این مستندات از OpenAPI Specification v3 استفاده کرده‌ایم که
+      در <a href="https://github.com/liara-cloud/openapi">GitHub</a> در دسترس
+      است. بنابراین، می‌توانید فایل‌های Yaml موجود در ریپازیتوری گیت‌هاب را در
+      Postman وارد کنید تا مستقیما به تمام Endpointها دسترسی داشته باشید.
+    </p>
   </Layout>
 );
