Added local images

Author: shartte

components/loadImage.ts

@@ -7,7 +7,7 @@ export const config = {
   output: "export",
   reactStrictMode: true,
   images: {
-    loader: "custom",
+    unoptimized: true,
   },
   webpack: (config) => {
     config.module.rules = [
@@ -21,7 +21,7 @@ export const config = {
               executableFile: path.resolve(
                 path.dirname(url.fileURLToPath(import.meta.url)),
                 "data",
-                "generate-all-pages.js"
+                "generate-all-pages.js",
               ),
             },
           },

next.config.js

@@ -1,6 +1,8 @@
 import React from "react";
 import { mdiDiscord } from "@mdi/js";
 import Icon from "@mdi/react";
+import subnetworksImage from "./subnetworks.png";
+import Image from "next/image";
 
 function Index() {
   return (
@@ -30,8 +32,8 @@ function Index() {
           </a>
         </div>
         <p>
-          <img
-            src="https://i.imgur.com/K02yDrh.png"
+          <Image
+            src={subnetworksImage}
             alt="image of subnetworks from the guidebook"
           />
         </p>