add info about Azure

Author: RostislavDugin

app/components/DocsNavbarComponent.tsx

@@ -17,7 +17,7 @@ export default function DocsNavbarComponent() {
             priority
           />
 
-          <div className="ml-2 select-none text-lg font-bold sm:ml-3 sm:text-xl md:ml-4 md:text-2xl">
+          <div className="ml-2 select-none text-lg font-bold sm:ml-3 sm:text-xl md:ml-3 md:text-2xl">
             Postgresus
           </div>
         </Link>

app/page.tsx

@@ -674,7 +674,39 @@ export default function Index() {
 
               <div className="pt-5 text-sm text-gray-600 sm:pt-5 sm:text-base">
                 You can receive notifications about success or fail of the
-                process. This is useful for developers or DevOps teams
+                process. This is useful for developers or DevOps teams.{" "}
+                <a
+                  href="/notifiers"
+                  className="font-semibold text-blue-600 hover:text-blue-700"
+                >
+                  View all →
+                </a>
+              </div>
+            </div>
+
+            <div className="h-[320px] max-h-[320px] w-[320px] rounded-2xl bg-white p-8 md:h-[390px] md:max-h-[390px] md:w-[390px]">
+              <h3 className="mb-3 text-xl font-bold md:text-2xl">
+                Many destinations to store
+              </h3>
+
+              <div className="flex h-[120px] max-h-[120px] justify-center pb-5 pt-5 sm:my-0 sm:h-[200px] sm:max-h-[200px] sm:pb-0 sm:pt-10">
+                <img
+                  className="max-h-[120px] sm:max-h-[120px]"
+                  src="/images/index/feature-google-drive.svg"
+                  alt="Many destinations to store"
+                  loading="lazy"
+                />
+              </div>
+
+              <div className="mt-3 text-sm text-gray-600 md:mt-0 md:text-base">
+                Files are kept on VPS, cloud storages and other places. You can
+                choose any storage you. Files are always owned by you need.{" "}
+                <a
+                  href="/storages"
+                  className="font-semibold text-blue-600 hover:text-blue-700"
+                >
+                  View all →
+                </a>
               </div>
             </div>
 
@@ -762,26 +794,6 @@ export default function Index() {
               </div>
             </div>
 
-            <div className="h-[320px] max-h-[320px] w-[320px] rounded-2xl bg-white p-8 md:h-[390px] md:max-h-[390px] md:w-[390px]">
-              <h3 className="mb-3 text-xl font-bold md:text-2xl">
-                Many destinations to store
-              </h3>
-
-              <div className="flex h-[120px] max-h-[120px] justify-center pb-5 pt-5 sm:my-0 sm:h-[200px] sm:max-h-[200px] sm:pb-0 sm:pt-10">
-                <img
-                  className="max-h-[120px] sm:max-h-[120px]"
-                  src="/images/index/feature-google-drive.svg"
-                  alt="Many destinations to store"
-                  loading="lazy"
-                />
-              </div>
-
-              <div className="mt-3 text-sm text-gray-600 md:mt-0 md:text-base">
-                Files are kept on VPS, cloud storages and other places. You can
-                choose any storage you. Files are always owned by you need
-              </div>
-            </div>
-
             <div className="h-[320px] max-h-[320px] w-[320px] rounded-2xl bg-white p-8 md:h-[390px] md:max-h-[390px] md:w-[390px]">
               <div className="mb-3 flex items-center gap-2">
                 <h3 className="text-xl font-bold md:text-2xl">

app/storages/page.tsx

@@ -7,7 +7,7 @@ import DocTableOfContentComponent from "../components/DocTableOfContentComponent
 export const metadata: Metadata = {
   title: "Storages - Postgresus Documentation",
   description:
-    "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, NAS and Dropbox.",
+    "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, Azure Blob Storage, NAS and Dropbox.",
   keywords: [
     "Postgresus storages",
     "backup storage",
@@ -17,19 +17,20 @@ export const metadata: Metadata = {
     "NAS backup",
     "Dropbox backup",
     "local storage",
+    "Azure Blob Storage",
   ],
   openGraph: {
     title: "Storages - Postgresus Documentation",
     description:
-      "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, NAS and Dropbox.",
+      "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, Azure Blob Storage, NAS and Dropbox.",
     type: "article",
     url: "https://postgresus.com/storages",
   },
   twitter: {
     card: "summary",
     title: "Storages - Postgresus Documentation",
     description:
-      "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, NAS and Dropbox.",
+      "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, Azure Blob Storage, NAS and Dropbox.",
   },
   alternates: {
     canonical: "https://postgresus.com/storages",
@@ -49,7 +50,7 @@ export default function StoragesPage() {
             "@type": "TechArticle",
             headline: "Storages - Postgresus Documentation",
             description:
-              "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, NAS and Dropbox.",
+              "List of supported storage destinations for Postgresus backups including local storage, S3, Cloudflare R2, Google Drive, Azure Blob Storage, NAS and Dropbox.",
             author: {
               "@type": "Organization",
               name: "Postgresus",
@@ -98,7 +99,7 @@ export default function StoragesPage() {
                 <li>
                   <Link
                     href="/storages/cloudflare-r2"
-                    className="font-semibold text-blue-600 hover:text-blue-800"
+                    className="font-semibold! text-blue-600 hover:text-blue-800"
                   >
                     Cloudflare R2
                   </Link>{" "}
@@ -107,12 +108,16 @@ export default function StoragesPage() {
                 <li>
                   <Link
                     href="/storages/google-drive"
-                    className="font-semibold text-blue-600 hover:text-blue-800"
+                    className="font-semibold! text-blue-600 hover:text-blue-800"
                   >
                     Google Drive
                   </Link>{" "}
                   - Cloud storage from Google
                 </li>
+                <li>
+                  <strong>Azure Blob Storage</strong> - Cloud storage from
+                  Microsoft Azure
+                </li>
                 <li>
                   <strong>NAS</strong> - Network-attached storage devices
                 </li>