deploy: deploying to github pages (#13)

* feat: initializing folder structure

* refactor: Change and Addition in folder Structure

* chore: images(asset) addition

* chore: social card image change

* feat: template community page added as .mdx

* chore: font files added

* style: CSS variables and fonts added

* revert: removing duplicate fonts

* chore: component created

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* feat: adding custom navbar

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* feat: hero section added

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* feat: architecture section added

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* feat: adding home page sections

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* build: building site and setting github pages

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

* fix: mascot svg size reduced and architechture image format change

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

---------

Signed-off-by: Aditya Prasad Mohanty <[email protected]>

docusaurus.config.js

@@ -11,19 +11,19 @@ const config = {
   favicon: "img/favicon.ico",
 
   // Set the production url of your site here
-  url: "https://your-docusaurus-test-site.com",
+  url: "https://kubearmor.github.io",
   // 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: "kubearmor", // Usually your GitHub org/user name.
-  projectName: "kubearmor.io", // Usually your repo name.
-
+  projectName: "kubearmor.github.io", // Usually your repo name.
+  deploymentBranch: "main",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
-
+  trailingSlash: false,
   // Even if you don't use internalization, 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".

src/components/HomepageArchitecture/index.js

@@ -1,6 +1,6 @@
 import React from "react";
 import styles from "./styles.module.css";
-import ArchitectureImage from "../../../static/img/architecture/architecture-illustration.svg";
+import architectureImage from "../../../static/img/architecture/architecture-illustration.webp";
 
 export default function HomepageArchitecture() {
   return (
@@ -15,7 +15,7 @@ export default function HomepageArchitecture() {
         Containers, IoT/Edge, and 5G networks. It enforces policy-based
         controls.
       </p>
-      <ArchitectureImage className={styles.architectureImage} aria-label="architecture image"/>
+      <img className={styles.architectureImage} aria-label="architecture image" src={architectureImage} alt="architecture image"/>
     </section>
   );
 }