update theme.config.tsx and README.md

Author: SekulDev

README.md

@@ -1,16 +1,6 @@
-# Nextra Docs Template 
+## ABOUT
 
-This is a template for creating documentation with [Nextra](https://nextra.site).
-
-[**Live Demo →**](https://nextra-docs-template.vercel.app)
-
-[![](.github/screenshot.png)](https://nextra-docs-template.vercel.app)
-
-## Quick Start
-
-Click the button to clone this repository and deploy it on Vercel:
-
-[![](https://vercel.com/button)](https://vercel.com/new/clone?s=https%3A%2F%2Fgithub.com%2Fshuding%2Fnextra-docs-template&showOptionalTeamCreation=false)
+This is docs to VZN Scripts assets
 
 ## Local Development
 

public/logo.png

@@ -1,15 +1,91 @@
 import React from "react";
-import { DocsThemeConfig } from "nextra-theme-docs";
+import { DocsThemeConfig, useConfig } from "nextra-theme-docs";
+import { useRouter } from "next/router";
 
 const config: DocsThemeConfig = {
-    logo: <span>My Project</span>,
+    head: () => {
+        const { asPath } = useRouter();
+        const { frontMatter, title } = useConfig();
+        const defaultDescription = "Documentation for VZN Scripts assets";
+        const url = `https://docs.vzn-scripts.com/${asPath}`;
+
+        return (
+            <>
+                <link rel="icon" type="image/png" href="/logo.png" />
+
+                <meta httpEquiv="Content-Language" content="en" />
+                <meta
+                    name="description"
+                    content={frontMatter.description || defaultDescription}
+                />
+                <meta
+                    name="og:title"
+                    content={title || "VZN Scripts Documentation"}
+                />
+                <meta name="og:url" content={url} />
+                <meta
+                    name="og:description"
+                    content={frontMatter.description || defaultDescription}
+                />
+                <meta
+                    name="viewport"
+                    content="width=device-width, initial-scale=1.0"
+                />
+            </>
+        );
+    },
+    logo: (
+        <div
+            style={{
+                display: "flex",
+                alignItems: "center",
+                gap: "5px",
+            }}
+        >
+            <div
+                style={{
+                    width: "38px",
+                    height: "38px",
+                    background:
+                        "url('https://avatars.githubusercontent.com/u/175264237?s=38') no-repeat left",
+                    backgroundSize: "38px",
+                    borderRadius: "50%",
+                }}
+            ></div>
+            <span
+                style={{
+                    fontWeight: 550,
+                    lineHeight: "38px",
+                }}
+            ></span>
+            VZN Scripts
+        </div>
+    ),
+    useNextSeoProps: () => {
+        // credits for overextended for this function
+        const { asPath } = useRouter();
+        const arr = asPath.replace(/[-_]/g, " ").split("/");
+        const category = (arr[1][0] !== "#" && arr[1]) || "VZN Scripts";
+        const rawTitle = arr[arr.length - 1];
+        const title =
+            /[a-z]/.test(rawTitle) && /[A-Z]/.test(rawTitle) ? rawTitle : "%s";
+
+        return {
+            titleTemplate: `${title} | ${
+                rawTitle === category
+                    ? "Documentation"
+                    : category.replace(/(^\w|\s\w)/g, (m) => m.toUpperCase())
+            }`,
+        };
+    },
     project: {
-        link: "https://github.com/VZN-Scripts/docs",
+        link: "https://github.com/VZN-Scripts",
     },
     chat: {
         link: "https://discord.gg/wqzrVM3QYk",
     },
-    docsRepositoryBase: "https://github.com/VZN-Scripts/docs/blob/main",
+    docsRepositoryBase:
+        "https://github.com/VZN-Scripts/vzn-scripts.github.io/blob/main",
     footer: {
         text: "VZN Scripts",
     },