add overview docs

src/components/Sidebar/data.js

@@ -5,8 +5,11 @@ import {
   GoGear,
   GoRead,
   GoDatabase,
+  GoProjectRoadmap,
   GoContainer,
   GoRocket,
+  GoLaw,
+  GoStopwatch,
   GoMail,
   GoServer,
   GoTerminal,
@@ -41,6 +44,8 @@ import {
   GoGraph,
   GoKey,
   GoLog,
+  GoStrikethrough,
+  GoOrganization,
   GoEyeClosed,
   GoPulse,
   GoGitPullRequest,
@@ -81,7 +86,7 @@ export default {
     {
       title: "لیارا در یک نگاه",
       icon: <GoTelescope />,
-      link: "/overview"
+      link: "/overview/about"
     },
     {
       hr: true
@@ -128,23 +133,35 @@ export default {
     {
       title: "Liara CLI",
       icon: <GoTerminal />,
-      link: "/"
+      link: "/references/liara-cli/about"
     },
     {
       title: "Liara API",
       icon: <GoCode />,
-      link: ""
-    },
-    {
-      title: "Liara Console",
-      icon: <GoBrowser />,
-      link: ""
+      link: "/references/liara-api/about"
     },
     {
       title: "مدیریت حساب",
       icon: <GoPerson />,
-      link: ""
-    }
+      link: "/references/manage-accounts/about"
+    },
+    {
+      hr: true
+    },
+    {
+      title: "SLAs",
+      icon: <GoLaw  />,
+      link: "https://liara.ir/sla/"
+    },
+    {
+      hr: true
+    },
+    {
+      title: "صفحه وضعیت (Status Page)",
+      icon: <GoStopwatch   />,
+      link: "https://liara.online/"
+    },
+
   ],
 
   paas: {
@@ -6440,6 +6457,96 @@ export default {
     ],
   },
 
-
-
+  overview: {
+    about: [
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+            <GoTelescope  />
+          لیارا در یک نگاه
+          </div>
+        )
+      },
+      {
+        title: "برگشت به خانه",
+        icon: <GoArrowRight />,
+        link: "/"
+      },
+      {
+        hr: true
+      },
+      {
+        title: "لیارا چیست؟",
+        icon: <GoInfo />,
+        link: "/overview/about"
+      },
+      {
+        title: "دیتاسنترهای لیارا",
+        icon: <GoOrganization  />,
+        link: "/overview/data-centers"
+      },
+      {
+        title: "قیمت‌ها و تعرفه‌ها در لیارا",
+        icon: <GoStrikethrough   />,
+        link: "https://liara.ir/pricing/"
+      },
+      {
+        title: "وبلاگ لیارا",
+        icon: <GoProjectRoadmap    />,
+        link: "https://liara.ir/blog"
+      },
+      {
+        title: "changelog لیارا (به زودی ...)",
+        icon: <GoLog     />,
+        link: ""
+      },
+
+    ],
+
+    'data-centers': [
+      {
+        badge: (
+          <div className="flex items-center gap-2">
+            <GoTelescope  />
+          لیارا در یک نگاه
+          </div>
+        )
+      },
+      {
+        title: "برگشت به خانه",
+        icon: <GoArrowRight />,
+        link: "/"
+      },
+      {
+        hr: true
+      },
+      {
+        title: "لیارا چیست؟",
+        icon: <GoInfo />,
+        link: "/overview/about"
+      },
+      {
+        title: "دیتاسنترهای لیارا",
+        icon: <GoOrganization  />,
+        link: "/overview/data-centers"
+      },
+      {
+        title: "قیمت‌ها و تعرفه‌ها در لیارا",
+        icon: <GoStrikethrough   />,
+        link: "https://liara.ir/pricing/"
+      },
+      {
+        title: "وبلاگ لیارا",
+        icon: <GoProjectRoadmap    />,
+        link: "https://liara.ir/blog"
+      },
+      {
+        title: "changelog لیارا (به زودی ...)",
+        icon: <GoLog     />,
+        link: ""
+      },
+
+    ],
+  },
+
 };

src/components/Sidebar/index.jsx

@@ -35,6 +35,10 @@ const Sidebar = () => {
       return data.dns[sidebar_name];
     }
 
+    if (router.route.startsWith("/overview/")) {
+      return data.overview[sidebar_name];
+    }
+
     return data.home;
   };
 

src/pages/overview/about.mdx

@@ -0,0 +1,53 @@
+import Layout from "@/components/Layout";
+import Button from "@/components/Common/button";
+import Section from "@/components/Common/section";
+import Alert from "@/components/Common/alert";
+import Tabs from "@/components/Common/tab";
+import Step from "@/components/Common/step";
+import Card from "@/components/Common/card";
+import Important from "@/components/Common/important";
+import Highlight from "react-highlight";
+import Link from "next/link";
+import PlatformIcon from "@/components/Common/icons";
+import {
+    GoArrowLeft,
+} from "react-icons/go";
+
+<Layout>
+# لیارا چیست؟
+
+<hr className="mb-2" />
+
+لیارا یک پلتفرم ارائه‌دهنده خدمات میزبانی ابری است که به توسعه‌دهندگان و کسب‌وکارها کمک می‌کند تا برنامه‌ها و سرویس‌های خود را به صورت سریع، امن و مقیاس‌پذیر در فضای ابری مستقر کنند. برخی از ویژگی‌های لیارا شامل موارد زیر است:
+
+<div className="h-4" />
+<ul>
+    <li><b>میزبانی برنامه‌ها:</b>لیارا این امکان را به شما می‌دهد تا برنامه‌های وب، موبایل و APIهای خود را به سادگی بر روی ابر مستقر کنید. </li>
+    <div className="h-1" />
+
+    <li><b>پشتیبانی از  پلتفرم‌های مختلف و متنوع:</b> لیارا، از فریم‌ورک‌ها و زبان‌های برنامه‌نویسی مختلفی پشتیبانی می‌کند و اکثر سیستم‌های مورد نیاز را ارائه می‌دهد.</li>
+    <div className="h-1" />
+
+    <li><b>مدیریت آسان:</b> با رابط کاربری ساده و داشبورد کاربرپسند لیارا، شما می‌توانید سرویس‌ها و برنامه‌های خود را به راحتی مدیریت کنید.</li>
+    <div className="h-1" />
+
+    <li><b>پشتیبانی فنی:</b> تیم پشتیبانی لیارا همواره آماده پاسخگویی به مشکلات هاست‌های شما است و نیازی نیست که نگران عقب افتادن کار خود، باشید.</li>
+
+    <div className="h-1" />
+    <li><b>امنیت:</b> لیارا از پروتکل‌های امنیتی پیشرفته برای حفظ امنیت داده‌ها و برنامه‌های شما استفاده می‌کند؛ پس با خیال راحت، به توسعه برنامه‌های خود بپردازید.</li>
+    <div className="h-1" />
+</ul>
+
+<div className="h-4" />
+<img src="https://files.liara.ir/liara/docs/liara-main-page.png" alt="liara"/>
+
+<Section id="liara-hosting-system" title="سیستم هاستینگ لیارا" />
+
+با لیارا، شما از یک پلتفرم هاست اشتراکی بهره‌مند می‌شوید که برخلاف VPS، به شما امکان می‌دهد تا وب‌سایت‌ها و برنامه‌های خود را بر روی یک سرور مشترک با منابع بهینه و مدیریت شده، میزبانی کنید. هاست اشتراکی به معنای استفاده چندین کاربر از یک سرور فیزیکی است که منابع آن بین کاربران تقسیم می‌شود.
+البته در نظر داشته باشید که با انجام این کار، منابع شما، کماکان محفوظ می‌ماند و توسط کاربر دیگری، استفاده نمی‌شود. همچنین ترافیک بر روی هاستینگ شما، نا محدود خواهد بود! پس جای نگرانی نیست.
+این نوع میزبانی، نیازی به مدیریت پیچیده سرور ندارد و نیازی نیست که خودتان را درگیر پیکربندی سرور کنید؛ چرا که لیارا از قبل، تمام این کارها را برای شما، انجام داده است..
+هاست اشتراکی لیارا قیمت مناسب‌تر و مدیریت ساده‌تری دارد و شما نیاز به دانش فنی برای مدیریت سرور نخواهید داشت.
+<div className="h-4" />
+لیارا انتخابی برتر برای کسانی است که به دنبال راه‌اندازی سریع و آسان وب‌سایت‌ها و برنامه‌های خود هستند، بدون نگرانی از مسائل فنی و هزینه‌های بالای VPS.
+
+</Layout>

src/pages/overview/data-centers.mdx

@@ -0,0 +1,60 @@
+import Layout from "@/components/Layout";
+import Button from "@/components/Common/button";
+import Section from "@/components/Common/section";
+import Alert from "@/components/Common/alert";
+import Tabs from "@/components/Common/tab";
+import Step from "@/components/Common/step";
+import Card from "@/components/Common/card";
+import Important from "@/components/Common/important";
+import Highlight from "react-highlight";
+import Link from "next/link";
+import PlatformIcon from "@/components/Common/icons";
+import Table from "@/components/Common/table";
+
+import {
+    GoArrowLeft,
+} from "react-icons/go";
+
+<Layout>
+# دیتاسنترهای لیارا
+
+<hr className="mb-2" />
+
+<Section id="what-is-data-center" title="دیتاسنتر چیست؟" />
+
+دیتاسنتر (Data Center) یک مرکز فیزیکی است که به منظور میزبانی، مدیریت و نگهداری از سرورها و تجهیزات مرتبط با فناوری اطلاعات طراحی شده است. این مراکز به صورت ویژه‌ای ساخته و تجهیز می‌شوند تا محیطی امن، پایدار و قابل اعتماد برای نگهداری داده‌ها و ارائه خدمات مختلف فراهم کنند. دیتاسنترها زیرساخت‌های حیاتی برای بسیاری از شرکت‌ها و سازمان‌ها هستند و به عنوان قلب فناوری اطلاعات عمل می‌کنند.
+در ادامه موقعیت دیتاسنتر های لیارا برای شما قرار گرفته است.
+
+<Section id="iran-region" title="دیتاسنترهای موقعیت ایران" />
+
+<Table headers={[
+  "نام دیتاسنتر",
+  "موقعیت جغرافیایی",
+  "دسترس‌پذیری",
+  "امنیت فیزیکی و سایبری",
+  "مقیاس‌پذیری",
+  "وب‌سایت",
+]} data={[
+  [
+    "دیتاسنتر امین",
+    "استان قم",
+    "99.9%",
+    "نظارت 24/7 و دسترسی محدود",
+    "قابلیت افزایش منابع با توجه به نیاز کاربران",
+    <Link href="https://www.aminidc.com/" className="blue-link">aminidc</Link>,
+  ],
+
+]} />
+
+
+<Section id="why-use-local-data-center" title="چرا از دیتاسنترهای محلی (local) استفاده کنیم؟" />
+در نظر داشته باشید که وجود دیتاسنتر در موقعیت محلی، مزایای قابل توجهی به همراه دارد. اول از همه، کاهش تأخیر (latency) به دلیل نزدیکی جغرافیایی به کاربران، منجر به بهبود سرعت بارگذاری وب‌سایت‌ها و خدمات آنلاین می‌شود. این کاهش تأخیر به تجربه کاربری بهتر و پاسخگویی سریع‌تر کمک می‌کند. همچنین، پشتیبانی از قوانین محلی و حفظ داده‌ها در داخل کشور به کاربران اطمینان می‌دهد که داده‌هایشان تحت قوانین و مقررات محلی قرار دارد.
+
+<Section id="why-use-global-data-center" title="چرا از دیتاسنترهای جهانی (global) استفاده کنیم؟" />
+یکی از مهم‌ترین دلایل انتخاب دیتاسنترهای غیر محلی، نیاز به مقیاس‌پذیری جهانی است. اگر کسب‌وکار شما به کاربران در نقاط مختلف جهان خدمات می‌دهد، انتخاب دیتاسنترهای با موقعیت‌های جغرافیایی متنوع می‌تواند به کاهش تأخیر و بهبود سرعت بارگذاری وب‌سایت‌ها و خدمات آنلاین برای کاربران بین‌المللی کمک کند.
+علاوه بر این، دسترسی به فناوری و زیرساخت‌های پیشرفته‌تر یکی دیگر از مزایای دیتاسنترهای غیر محلی است. 
+
+
+
+
+</Layout>