ProgrammerZamanNow · archangel-12 · Jun 5, 2025 · Jun 5, 2025 · Jun 9, 2025
diff --git a/.gitignore b/.gitignore
@@ -19,3 +19,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.vscode
+bun.lock
diff --git a/README.md b/README.md
@@ -1,35 +1,42 @@
-# Website
+<div align="center">
+  <a href="https://www.programmerzamannow.com/">
+    <img
+      src="https://scontent.fsub21-1.fna.fbcdn.net/v/t39.30808-1/307504703_465312565642673_1432312120056487708_n.png?stp=dst-png_s200x200&_nc_cat=103&ccb=1-7&_nc_sid=2d3e12&_nc_ohc=W6PS5YbHtg0Q7kNvwFiV1nt&_nc_oc=AdkEJmlUw0LLxxiCmLVIhotnGXd6f1pFDIEQKyBDc5FyYkzroU8akWpM71LExZEY5HY&_nc_zt=24&_nc_ht=scontent.fsub21-1.fna&_nc_gid=sDOjO81vZ0dAAnV7D2MNsw&oh=00_AfN6hxGVwZEP6SaZEYtp9CoUIxIlvRqTpBVqSIEpX7LVXQ&oe=6847167C"
+      alt="Logo"
+      width="100"
+      height="100"
+    />
+  </a>
+  <h3>Welcome to the ProgrammerzamanNow Website</h3>
+</div>
 
-This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator.
+### 🚀 Introduction
+This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator designed for fast and efficient content delivery
 
-### Installation
+### 📦 Installation
+To install dependencies, run:
 
+```sh
+yarn
 ```
-$ yarn
-```
-
-### Local Development
 
+### 🔥 Local Development
+Start a local development server and open a browser window:
+```sh
+yarn start
 ```
-$ yarn start
-```
+Changes will be reflected live without restarting the server.
 
-This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
-
-### Build
-
-```
-$ yarn build
+### 🏗️ Build
+Generate static content for production:
+```sh
+yarn build
 ```
+The static files will be stored in the build directory and can be deployed using any hosting service.
 
-This command generates static content into the `build` directory and can be served using any static contents hosting service.
-
-### Deployment
-
-Using SSH:
-
-```
+### 🚀 Deployment
+Deploy using SSH:
+```sh
 GIT_USER=khannedy USE_SSH=true DEPLOYMENT_BRANCH=gh-pages yarn deploy
 ```
-
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
+If hosting on GitHub Pages, this command conveniently builds and pushes to the `gh-pages` branch
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -1,245 +1,263 @@
-import {themes as prismThemes} from 'prism-react-renderer';
-import type {Config} from '@docusaurus/types';
-import type * as Preset from '@docusaurus/preset-classic';
-import {EnumChangefreq} from "sitemap/dist/lib/types";
+import { themes as prismThemes } from "prism-react-renderer";
+import type { Config } from "@docusaurus/types";
+import type * as Preset from "@docusaurus/preset-classic";
+import { EnumChangefreq } from "sitemap/dist/lib/types";
 
 const config: Config = {
-    title: 'Programmer Zaman Now',
-    tagline: 'Tempat Belajar untuk Menjadi Software Development Expert yang Zaman Now Banget!',
-    favicon: 'img/pzn.png',
+  title: "Programmer Zaman Now",
+  tagline:
+    "Tempat Belajar untuk Menjadi Software Development Expert yang Zaman Now Banget!",
+  favicon: "img/pzn.png",
 
-    // Set the production url of your site here
-    url: 'https://www.programmerzamannow.com',
-    // Set the /<baseUrl>/ pathname under which your site is served
-    // For GitHub pages deployment, it is often '/<projectName>/'
-    baseUrl: '/',
+  // Set the production url of your site here
+  url: "https://www.programmerzamannow.com",
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: "/",
 
-    // GitHub pages deployment config.
-    // If you aren't using GitHub pages, you don't need these.
-    organizationName: 'ProgrammerZamanNow', // Usually your GitHub org/user name.
-    projectName: 'programmerzamannow.github.io', // Usually your repo name.
+  // GitHub pages deployment config.
+  // If you aren't using GitHub pages, you don't need these.
+  organizationName: "ProgrammerZamanNow", // Usually your GitHub org/user name.
+  projectName: "programmerzamannow.github.io", // Usually your repo name.
 
-    onBrokenLinks: 'throw',
-    onBrokenMarkdownLinks: 'warn',
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
 
-    // Even if you don't use internationalization, you can use this field to set
-    // useful metadata like html lang. For example, if your site is Chinese, you
-    // may want to replace "en" with "zh-Hans".
-    i18n: {
-        defaultLocale: 'en',
-        locales: ['en'],
-    },
+  // Even if you don't use internationalization, you can use this field to set
+  // useful metadata like html lang. For example, if your site is Chinese, you
+  // may want to replace "en" with "zh-Hans".
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
 
-    markdown: {
-        mermaid: true,
-    },
-    themes: ['@docusaurus/theme-mermaid'],
+  markdown: {
+    mermaid: true,
+  },
+  themes: ["@docusaurus/theme-mermaid"],
 
-    presets: [
-        [
-            'classic',
-            {
-                docs: {
-                    sidebarPath: './sidebars.ts',
-                    // Please change this to your repo.
-                    // Remove this to remove the "edit this page" links.
-                    editUrl:
-                        'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
-                },
-                blog: {
-                    showReadingTime: true,
-                    // Please change this to your repo.
-                    // Remove this to remove the "edit this page" links.
-                    editUrl:
-                        'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
-                },
-                theme: {
-                    customCss: './src/css/custom.css',
-                },
-                sitemap: {
-                    changefreq: EnumChangefreq.WEEKLY,
-                    priority: 0.5,
-                    filename: 'sitemap.xml',
-                }
-            } satisfies Preset.Options,
-        ],
+  presets: [
+    [
+      "classic",
+      {
+        docs: {
+          sidebarPath: "./sidebars.ts",
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl:
+            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+        },
+        blog: {
+          showReadingTime: true,
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          editUrl:
+            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+        },
+        theme: {
+          customCss: "./src/css/custom.css",
+        },
+        sitemap: {
+          changefreq: EnumChangefreq.WEEKLY,
+          priority: 0.5,
+          filename: "sitemap.xml",
+        },
+      } satisfies Preset.Options,
     ],
+  ],
 
-    plugins: [
-        [
-            '@docusaurus/plugin-content-docs',
-            {
-                id: 'pemrograman-java',
-                path: 'articles/pemrograman/java',
-                routeBasePath: 'pemrograman/java',
-                sidebarPath: require.resolve('./sidebars.js'),
-            },
-        ],
+  plugins: [
+    [
+      "@docusaurus/plugin-content-docs",
+      {
+        id: "pemrograman-java",
+        path: "articles/pemrograman/java",
+        routeBasePath: "pemrograman/java",
+        sidebarPath: require.resolve("./sidebars.js"),
+      },
     ],
+  ],
 
-    themeConfig: {
-        // Replace with your project's social card
-        image: 'img/pzn.png',
-        navbar: {
-            title: 'Programmer Zaman Now',
-            logo: {
-                alt: 'Programmer Zaman Now',
-                src: 'img/pzn.png',
+  themeConfig: {
+    // Replace with your project's social card
+    image: "img/pzn.png",
+    navbar: {
+      title: "Programmer Zaman Now",
+      logo: {
+        alt: "Programmer Zaman Now",
+        src: "img/pzn.png",
+      },
+      items: [
+        {
+          position: "left",
+          to: "/promo",
+          label: "Promo Kelas Udemy",
+        },
+        {
+          position: "left",
+          to: "https://kelas.programmerzamannow.com/",
+          label: "Kelas Online",
+        },
+        {
+          position: "left",
+          label: "Pemrograman",
+          items: [
+            {
+              to: "/pemrograman/java/intro",
+              label: "Java",
             },
-            items: [
-                {
-                    position: 'left',
-                    to: '/promo',
-                    label: 'Promo Kelas Udemy',
-                },
-                {
-                    position: 'left',
-                    to: 'https://kelas.programmerzamannow.com/',
-                    label: 'Kelas Online',
-                },
-                {
-                    position: 'left',
-                    label: 'Pemrograman',
-                    items: [
-                        {
-                            to: '/pemrograman/java/intro',
-                            label: 'Java',
-                        },
-                        // {
-                        //     to: '/pemrograman/javascript/intro',
-                        //     label: 'JavaScript',
-                        // },
-                        // {
-                        //     to: '/pemrograman/golang/intro',
-                        //     label: 'Go-Lang',
-                        // },
-                        // {
-                        //     to: '/pemrograman/php/intro',
-                        //     label: 'PHP',
-                        // },
-                        // {
-                        //     to: '/pemrograman/dart/intro',
-                        //     label: 'Dart',
-                        // },
-                        // {
-                        //     to: '/pemrograman/kotlin/intro',
-                        //     label: 'Kotlin',
-                        // },
-                        // {
-                        //     to: '/pemrograman/swift/intro',
-                        //     label: 'Swift',
-                        // },
-                        // {
-                        //     to: '/pemrograman/typescript/intro',
-                        //     label: 'TypeScript',
-                        // }
-                    ]
-                },
-                {
-                    position: 'right',
-                    label: 'Komunitas',
-                    items: [
-                        // {
-                        //     href: 'https://discord.com',
-                        //     label: 'Discord',
-                        // },
-                        {
-                            href: 'https://web.facebook.com/groups/programmerzamannow',
-                            label: 'Facebook Group',
-                        }
-                    ]
-                },
-                {
-                    position: 'right',
-                    label: 'Social Media',
-                    items: [
-                        {
-                            href: 'https://youtube.com/c/ProgrammerZamanNow',
-                            label: 'Youtube',
-                        },
-                        {
-                            href: 'https://instagram.com/ProgrammerZamanNow',
-                            label: 'Instagram',
-                        },
-                        {
-                            href: 'https://facebook.com/ProgrammerZamanNow',
-                            label: 'Facebook',
-                        },
-                        {
-                            href: 'https://t.me/ProgrammerZamanNow',
-                            label: 'Telegram',
-                        }
-                    ]
-                },
-                {
-                    href: 'https://github.com/ProgrammerZamanNow/programmerzamannow.github.io',
-                    label: 'GitHub',
-                    position: 'right',
-                },
-            ],
+            // {
+            //     to: '/pemrograman/javascript/intro',
+            //     label: 'JavaScript',
+            // },
+            // {
+            //     to: '/pemrograman/golang/intro',
+            //     label: 'Go-Lang',
+            // },
+            // {
+            //     to: '/pemrograman/php/intro',
+            //     label: 'PHP',
+            // },
+            // {
+            //     to: '/pemrograman/dart/intro',
+            //     label: 'Dart',
+            // },
+            // {
+            //     to: '/pemrograman/kotlin/intro',
+            //     label: 'Kotlin',
+            // },
+            // {
+            //     to: '/pemrograman/swift/intro',
+            //     label: 'Swift',
+            // },
+            // {
+            //     to: '/pemrograman/typescript/intro',
+            //     label: 'TypeScript',
+            // }
+          ],
         },
-        footer: {
-            style: 'dark',
-            links: [
-                {
-                    title: 'Social Media',
-                    items: [
-                        {
-                            label: 'Youtube',
-                            href: 'https://youtube.com/c/ProgrammerZamanNow',
-                        },
-                        {
-                            label: 'Instagram',
-                            href: 'https://instagram.com/ProgrammerZamanNow',
-                        },
-                        {
-                            label: 'Facebook',
-                            href: 'https://facebook.com/ProgrammerZamanNow',
-                        },
-                        {
-                            label: 'Telegram',
-                            href: 'https://t.me/ProgrammerZamanNow',
-                        },
-                    ],
-                },
-                {
-                    title: 'Komunitas',
-                    items: [
-                        // {
-                        //     label: 'Discord',
-                        //     href: 'https://discordapp.com/invite/docusaurus',
-                        // },
-                        {
-                            label: 'Facebook Group',
-                            href: 'https://www.facebook.com/groups/526962685085680',
-                        },
-                    ],
-                },
-                {
-                    title: 'More',
-                    items: [
-                        // {
-                        //     label: 'Blog',
-                        //     to: '/blog',
-                        // },
-                        {
-                            label: 'GitHub',
-                            href: 'https://github.com/ProgrammerZamanNow/programmerzamannow.github.io',
-                        },
-                    ],
-                },
-            ],
-            copyright: `Built with Love by Programmer Zaman Now.`,
+        {
+          position: "right",
+          label: "Komunitas",
+          items: [
+            // {
+            //     href: 'https://discord.com',
+            //     label: 'Discord',
+            // },
+            {
+              href: "https://web.facebook.com/groups/programmerzamannow",
+              label: "Grup facebook",
+            },
+          ],
         },
-        prism: {
-            theme: prismThemes.github,
-            darkTheme: prismThemes.dracula,
-            additionalLanguages: [
-                "java", "php", "go", "css", "javascript", "c", "cpp", "csharp", "csv", "json",
-                "dart", "gradle", "nginx", "sass", "sql", "swift", "typescript", "rust", "yaml"
-            ]
+        {
+          position: "right",
+          label: "Social Media",
+          items: [
+            {
+              href: "https://youtube.com/c/ProgrammerZamanNow",
+              label: "Youtube",
+            },
+            {
+              href: "https://instagram.com/ProgrammerZamanNow",
+              label: "Instagram",
+            },
+            {
+              href: "https://facebook.com/ProgrammerZamanNow",
+              label: "Facebook",
+            },
+            {
+              href: "https://t.me/ProgrammerZamanNow",
+              label: "Telegram",
+            },
+          ],
+        },
+        {
+          href: "https://github.com/ProgrammerZamanNow/programmerzamannow.github.io",
+          label: "GitHub",
+          position: "right",
+        },
+      ],
+    },
+    footer: {
+      style: "dark",
+      links: [
+        {
+          title: "Social Media",
+          items: [
+            {
+              label: "Youtube",
+              href: "https://youtube.com/c/ProgrammerZamanNow",
+            },
+            {
+              label: "Instagram",
+              href: "https://instagram.com/ProgrammerZamanNow",
+            },
+            {
+              label: "Facebook",
+              href: "https://facebook.com/ProgrammerZamanNow",
+            },
+            {
+              label: "Telegram",
+              href: "https://t.me/ProgrammerZamanNow",
+            },
+          ],
+        },
+        {
+          title: "Komunitas",
+          items: [
+            // {
+            //     label: 'Discord',
+            //     href: 'https://discordapp.com/invite/docusaurus',
+            // },
+            {
+              label: "Grup facebook",
+              href: "https://www.facebook.com/groups/526962685085680",
+            },
+          ],
         },
-    } satisfies Preset.ThemeConfig,
+        {
+          title: "More",
+          items: [
+            // {
+            //     label: 'Blog',
+            //     to: '/blog',
+            // },
+            {
+              label: "GitHub",
+              href: "https://github.com/ProgrammerZamanNow/programmerzamannow.github.io",
+            },
+          ],
+        },
+      ],
+      copyright: `Built with ❤️ by Programmer Zaman Now`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+      additionalLanguages: [
+        "java",
+        "php",
+        "go",
+        "css",
+        "javascript",
+        "c",
+        "cpp",
+        "csharp",
+        "csv",
+        "json",
+        "dart",
+        "gradle",
+        "nginx",
+        "sass",
+        "sql",
+        "swift",
+        "typescript",
+        "rust",
+        "yaml",
+      ],
+    },
+  } satisfies Preset.ThemeConfig,
 };
 
-export default config;
+export default config;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -20,7 +20,7 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="https://kelas.programmerzamannow.com/">
-              Gabung Kelas Online!
+              Gabung kelas online sekarang juga!
           </Link>
         </div>
       </div>