diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
new file mode 100644
index 00000000..d582802e
--- /dev/null
+++ b/.github/workflows/nextjs.yml
@@ -0,0 +1,95 @@
+# Sample workflow for building and deploying a Next.js site to GitHub Pages
+#
+# To get started with Next.js see: https://nextjs.org/docs/getting-started
+#
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "16"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        with:
+          # Automatically inject basePath in your Next.js configuration file and disable
+          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Export with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next export
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/components/Navigator.tsx b/components/Navigator.tsx
index c50e4f47..22cce27c 100644
--- a/components/Navigator.tsx
+++ b/components/Navigator.tsx
@@ -75,7 +75,7 @@ export default function Navigator() {
         })}
       </Pane>
 
-      <Pane borderTop>
+      {/* <Pane borderTop>
         <a
           href="https://vercel.com?utm_source=ritz078&utm_campaign=oss"
           target="_blank"
@@ -96,7 +96,7 @@ export default function Navigator() {
             @ritz078
           </a>
         </Heading>
-      </Pane>
+      </Pane> */}
     </Pane>
   );
 }
diff --git a/constants/data.ts b/constants/data.ts
index 23832fd2..75fab3a2 100644
--- a/constants/data.ts
+++ b/constants/data.ts
@@ -530,3 +530,14 @@ pub contract Example {
   }
 }
 `;
+export const square = `[
+    [1, 2, 3],
+    [2, 3, 1],
+    [3, 1, 2],
+]`;
+
+export const index = "Hello, World!";
+
+export const stringjson = '"{\\"name\\":\\"Tom\\",\\"age\\":18}"';
+
+export const jsonformat = `{ "userId": 1, "id": 1, "title": "delectus aut autem", "completed": false }`;
diff --git a/next.config.js b/next.config.js
index 7900a6a6..2c17a2d5 100644
--- a/next.config.js
+++ b/next.config.js
@@ -43,4 +43,6 @@ const config = {
   }
 };
 
+config.output = "export";
+
 module.exports = config;
diff --git a/package.json b/package.json
index 11a62302..ad124447 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
     "build": "next build",
     "now-build": "next build",
     "postinstall": "patch-package",
-    "build:analyze": "ANALYZE=true yarn build"
+    "build:analyze": "ANALYZE=true yarn build",
+    "export": "next export"
   },
   "engines": {
     "node": "16.x"
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 5f31f108..e4ab60fc 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -110,15 +110,15 @@ export default function App(props) {
               display: "inline-block",
               height: 20
             }}
-            href="https://github.com/ritz078/transform"
+            href="https://github.com/NoFacePeace/transform"
           >
             <img
-              src="https://img.shields.io/github/stars/ritz078/transform?style=social"
+              src="https://img.shields.io/github/stars/NoFacePeace/transform?style=social"
               alt=""
             />
           </a>
 
-          <a href="https://github.com/ritz078/transform" target="_blank">
+          <a href="https://github.com/NoFacePeace/transform" target="_blank">
             <Button
               appearance="minimal"
               height={40}
diff --git a/pages/index.tsx b/pages/index.tsx
index 901eb081..47fd62b3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,56 +1,19 @@
-import * as React from "react";
-import { SvgConverter } from "@components/SvgConverter";
-import { useState } from "react";
-import { defaultSettings, formFields } from "@constants/svgoConfig";
+import EditorPanel from "@components/EditorPanel";
 import { useCallback } from "react";
-import { Transformer } from "@components/ConversionPanel";
-import isSvg from "is-svg";
-import { getWorker } from "@utils/workerWrapper";
-import SvgrWorker from "@workers/svgr.worker";
-import SvgoWorker from "@workers/svgo.worker";
+import * as React from "react";
 
-let prettier, svgo, svgr;
 export default function Index() {
-  const name = "SVG to JSX";
-  const [settings, setSettings] = useState(defaultSettings);
-  const [optimizedValue, setOptimizedValue] = useState("");
-
-  const transformer = useCallback<Transformer>(
-    async ({ value }) => {
-      if (!isSvg(value)) throw new Error("This is not a valid svg code.");
-
-      svgr = svgr || getWorker(SvgrWorker);
-      svgo = svgo || getWorker(SvgoWorker);
-
-      let _value = value;
-
-      if (settings.optimizeSvg) {
-        _value = await svgo.send({
-          value,
-          settings
-        });
-      }
-
-      setOptimizedValue(_value);
-
-      _value = await svgr.send({
-        value: _value
-      });
-
-      return _value;
-    },
-    [settings]
-  );
+  const transformer = useCallback(async ({ value }) => {
+    return value;
+  }, []);
 
   return (
-    <SvgConverter
-      transformer={transformer}
-      formFields={formFields(defaultSettings)}
-      setSettings={setSettings}
-      optimizedValue={optimizedValue}
-      settings={settings}
-      name={name}
-      resultTitle={"JSX"}
+    <EditorPanel
+      language="plaintext"
+      hasLoad
+      defaultValue="Hello, World!"
+      title="Home"
+      id={0}
     />
   );
 }
diff --git a/pages/json-to-format.tsx b/pages/json-to-format.tsx
new file mode 100644
index 00000000..b17b02a2
--- /dev/null
+++ b/pages/json-to-format.tsx
@@ -0,0 +1,21 @@
+import ConversionPanel from "@components/ConversionPanel";
+import { useCallback } from "react";
+import * as React from "react";
+
+export default function JsonToYaml() {
+  const transformer = useCallback(
+    ({ value }) => Promise.resolve(JSON.stringify(JSON.parse(value))),
+    []
+  );
+
+  return (
+    <ConversionPanel
+      transformer={transformer}
+      editorTitle="JSON"
+      editorLanguage="json"
+      editorDefaultValue="jsonformat"
+      resultTitle="Format"
+      resultLanguage={"json"}
+    />
+  );
+}
diff --git a/pages/square-to-curly.tsx b/pages/square-to-curly.tsx
new file mode 100644
index 00000000..1084c950
--- /dev/null
+++ b/pages/square-to-curly.tsx
@@ -0,0 +1,23 @@
+import ConversionPanel from "@components/ConversionPanel";
+import { useCallback } from "react";
+import * as React from "react";
+
+export default function SquareToCurly() {
+  const transformer = useCallback(async ({ value }) => {
+    if (typeof value === "string") {
+      return value.replace(/\[/g, "{").replace(/\]/g, "}");
+    }
+    return "";
+  }, []);
+
+  return (
+    <ConversionPanel
+      transformer={transformer}
+      editorTitle="Square Brackets"
+      editorDefaultValue="square"
+      editorLanguage="plaintext"
+      resultTitle="Curly Braces"
+      resultLanguage={"plaintext"}
+    />
+  );
+}
diff --git a/pages/string-to-json.tsx b/pages/string-to-json.tsx
new file mode 100644
index 00000000..84c1757e
--- /dev/null
+++ b/pages/string-to-json.tsx
@@ -0,0 +1,22 @@
+import ConversionPanel from "@components/ConversionPanel";
+import { useCallback } from "react";
+import * as React from "react";
+
+export default function JsonToYaml() {
+  const transformer = useCallback(
+    ({ value }) =>
+      Promise.resolve(JSON.stringify(JSON.parse(JSON.parse(value)))),
+    []
+  );
+
+  return (
+    <ConversionPanel
+      transformer={transformer}
+      editorTitle="String"
+      editorLanguage="plaintext"
+      editorDefaultValue="stringjson"
+      resultTitle="JSON"
+      resultLanguage={"json"}
+    />
+  );
+}
diff --git a/pages/svg-to-jsx.tsx b/pages/svg-to-jsx.tsx
new file mode 100644
index 00000000..901eb081
--- /dev/null
+++ b/pages/svg-to-jsx.tsx
@@ -0,0 +1,56 @@
+import * as React from "react";
+import { SvgConverter } from "@components/SvgConverter";
+import { useState } from "react";
+import { defaultSettings, formFields } from "@constants/svgoConfig";
+import { useCallback } from "react";
+import { Transformer } from "@components/ConversionPanel";
+import isSvg from "is-svg";
+import { getWorker } from "@utils/workerWrapper";
+import SvgrWorker from "@workers/svgr.worker";
+import SvgoWorker from "@workers/svgo.worker";
+
+let prettier, svgo, svgr;
+export default function Index() {
+  const name = "SVG to JSX";
+  const [settings, setSettings] = useState(defaultSettings);
+  const [optimizedValue, setOptimizedValue] = useState("");
+
+  const transformer = useCallback<Transformer>(
+    async ({ value }) => {
+      if (!isSvg(value)) throw new Error("This is not a valid svg code.");
+
+      svgr = svgr || getWorker(SvgrWorker);
+      svgo = svgo || getWorker(SvgoWorker);
+
+      let _value = value;
+
+      if (settings.optimizeSvg) {
+        _value = await svgo.send({
+          value,
+          settings
+        });
+      }
+
+      setOptimizedValue(_value);
+
+      _value = await svgr.send({
+        value: _value
+      });
+
+      return _value;
+    },
+    [settings]
+  );
+
+  return (
+    <SvgConverter
+      transformer={transformer}
+      formFields={formFields(defaultSettings)}
+      setSettings={setSettings}
+      optimizedValue={optimizedValue}
+      settings={settings}
+      name={name}
+      resultTitle={"JSX"}
+    />
+  );
+}
diff --git a/utils/routes.tsx b/utils/routes.tsx
index cb19f16f..4167389d 100644
--- a/utils/routes.tsx
+++ b/utils/routes.tsx
@@ -2,37 +2,413 @@ import React from "react";
 import flatten from "lodash/flatten";
 import find from "lodash/find";
 
+// export const categorizedRoutes = [
+//   {
+//     category: "SVG",
+//     content: [
+//       {
+//         label: "to JSX",
+//         path: "/",
+//         packageName: "@svgr/core",
+//         packageUrl: "https://github.com/smooth-code/svgr",
+//         title: "Transform | A polyglot web converter."
+//       },
+//       {
+//         label: "to React Native",
+//         path: "/svg-to-react-native",
+//         packageName: "@svgr/core",
+//         packageUrl: "https://github.com/smooth-code/svgr"
+//       }
+//     ]
+//   },
+//   {
+//     category: "HTML",
+//     content: [
+//       {
+//         label: "to JSX",
+//         path: "/html-to-jsx"
+//       },
+//       {
+//         label: "to Pug",
+//         path: "/html-to-pug",
+//         packageName: "html2pug",
+//         packageUrl: "https://github.com/izolate/html2pug"
+//       }
+//     ]
+//   },
+//   {
+//     category: "JSON",
+//     content: [
+//       {
+//         label: "to React PropTypes",
+//         path: "/json-to-proptypes",
+//         title: "Transform | All important transforms at one place."
+//       },
+//       {
+//         label: "to Flow",
+//         path: "/json-to-flow"
+//       },
+//       {
+//         label: "to GraphQL",
+//         path: "/json-to-graphql",
+//         packageName: "@walmartlabs/json-to-simple-graphql-schema",
+//         packageUrl:
+//           "https://github.com/walmartlabs/json-to-simple-graphql-schema"
+//       },
+//       {
+//         label: "to TypeScript",
+//         path: "/json-to-typescript",
+//         packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
+//         packageName: "json_typegen_wasm"
+//       },
+//       {
+//         label: "to MobX-State-Tree Model",
+//         path: "/json-to-mobx-state-tree"
+//       },
+//       {
+//         label: "to Sarcastic",
+//         path: "/json-to-sarcastic",
+//         packageName: "transform-json-types",
+//         packageUrl: "https://github.com/transform-it/transform-json-types"
+//       },
+//       {
+//         label: "to io-ts",
+//         path: "/json-to-io-ts",
+//         packageName: "transform-json-types",
+//         packageUrl: "https://github.com/transform-it/transform-json-types"
+//       },
+//       {
+//         label: "to Rust Serde",
+//         path: "/json-to-rust-serde",
+//         desc: "An online REPL for converting JSON to Rust Serde Structs."
+//       },
+//       {
+//         label: "to Mongoose Schema",
+//         path: "/json-to-mongoose",
+//         packageName: "generate-schema",
+//         packageUrl: "https://github.com/nijikokun/generate-schema"
+//       },
+//       {
+//         label: "to Big Query Schema",
+//         path: "/json-to-big-query",
+//         packageName: "generate-schema",
+//         packageUrl: "https://github.com/nijikokun/generate-schema"
+//       },
+//       {
+//         label: "to MySQL",
+//         path: "/json-to-mysql",
+//         packageName: "generate-schema",
+//         packageUrl: "https://github.com/nijikokun/generate-schema"
+//       },
+//       {
+//         label: "to Scala Case Class",
+//         path: "/json-to-scala-case-class"
+//       },
+//       {
+//         label: "to Go Struct",
+//         path: "/json-to-go",
+//         packageName: "json-to-go",
+//         packageUrl: "https://github.com/mholt/json-to-go"
+//       },
+//       {
+//         label: "to Go Bson",
+//         path: "/json-to-go-bson"
+//       },
+//       {
+//         label: "to YAML",
+//         path: "/json-to-yaml",
+//         packageName: "json2yaml",
+//         packageUrl: "https://github.com/jeffsu/json2yaml"
+//       },
+//       {
+//         label: "to JSDoc",
+//         path: "/json-to-jsdoc"
+//       },
+//       {
+//         label: "to Kotlin",
+//         path: "/json-to-kotlin",
+//         packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
+//         packageName: "json_typegen_wasm"
+//       },
+//       {
+//         label: "to Java",
+//         path: "/json-to-java",
+//         packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
+//         packageName: "json_typegen_wasm"
+//       },
+//       {
+//         label: "to JSON Schema",
+//         path: "/json-to-json-schema",
+//         packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
+//         packageName: "json_typegen_wasm"
+//       },
+//       {
+//         label: "to TOML",
+//         path: "/json-to-toml",
+//         packageUrl: "https://www.npmjs.com/package/@iarna/toml",
+//         packageName: "@iarna/toml"
+//       },
+//       {
+//         label: "to Zod Schema",
+//         path: "/json-to-zod",
+//         packageUrl: "https://www.npmjs.com/package/json-to-zod",
+//         packageName: "json-to-zod"
+//       }
+//     ]
+//   },
+//   {
+//     category: "JSON Schema",
+//     content: [
+//       {
+//         label: "to TypeScript",
+//         path: "/json-schema-to-typescript",
+//         packageName: "json-schema-to-typescript",
+//         packageUrl: "https://github.com/bcherny/json-schema-to-typescript"
+//       },
+//       {
+//         label: "to OpenAPI Schema",
+//         path: "/json-schema-to-openapi-schema",
+//         packageName: "json-schema-to-openapi-schema",
+//         packageUrl:
+//           "https://github.com/openapi-contrib/json-schema-to-openapi-schema"
+//       },
+//       {
+//         label: "to Protobuf",
+//         path: "json-schema-to-protobuf",
+//         packageName: "jsonschema-protobuf",
+//         packageUrl: "https://github.com/okdistribute/jsonschema-protobuf"
+//       },
+//       {
+//         label: "to Zod Schema",
+//         path: "json-schema-to-zod",
+//         packageName: "json-schema-to-zod",
+//         packageUrl: "https://www.npmjs.com/package/json-schema-to-zod"
+//       }
+//     ]
+//   },
+//   {
+//     category: "CSS",
+//     content: [
+//       {
+//         label: "to JS Objects",
+//         path: "/css-to-js",
+//         packageName: "transform-css-to-js",
+//         packageUrl: "https://github.com/transform-it/transform-css-to-js"
+//       },
+//       {
+//         label: "to template literal",
+//         path: "/object-styles-to-template-literal",
+//         packageUrl:
+//           "https://github.com/satya164/babel-plugin-object-styles-to-template",
+//         packageName: "babel-plugin-object-styles-to-template"
+//       },
+//       {
+//         label: "to TailwindCSS",
+//         path: "/css-to-tailwind",
+//         packageUrl: "https://github.com/Jackardios/css-to-tailwindcss",
+//         packageName: "css-to-tailwindcss"
+//       }
+//     ]
+//   },
+//   {
+//     category: "JavaScript",
+//     content: [
+//       {
+//         label: "to JSON",
+//         path: "/js-object-to-json",
+//         desc: "An online REPL for converting JS Object to JSON."
+//       },
+//       {
+//         label: "to Typescript",
+//         path: "/js-object-to-typescript",
+//         desc: "An online REPL for converting JS Object to Typescript."
+//       }
+//     ]
+//   },
+//   {
+//     category: "GraphQL",
+//     content: [
+//       {
+//         label: "to TypeScript",
+//         path: "/graphql-to-typescript"
+//       },
+//       {
+//         label: "to Flow",
+//         path: "/graphql-to-flow"
+//       },
+//       {
+//         label: "to JAVA",
+//         path: "/graphql-to-java"
+//       },
+//       {
+//         label: "to Resolvers Signature",
+//         path: "/graphql-to-resolvers-signature"
+//       },
+
+//       {
+//         label: "to Introspection JSON",
+//         path: "/graphql-to-introspection-json"
+//       },
+
+//       {
+//         label: "to Schema AST",
+//         path: "/graphql-to-schema-ast"
+//       },
+//       {
+//         label: "to Fragment Matcher",
+//         path: "/graphql-to-fragment-matcher"
+//       },
+//       {
+//         label: "to Components",
+//         path: "/graphql-to-components"
+//       },
+//       {
+//         label: "to TypeScript MongoDB",
+//         path: "/graphql-to-typescript-mongodb"
+//       }
+//     ].map(x => ({
+//       ...x,
+//       packageUrl: "https://github.com/dotansimha/graphql-code-generator",
+//       packageName: "graphql-code-generator"
+//     }))
+//   },
+//   {
+//     category: "JSON-LD",
+//     content: [
+//       {
+//         label: "to N-Quads",
+//         path: "/jsonld-to-nquads"
+//       },
+//       {
+//         label: "to Expanded",
+//         path: "/jsonld-to-expanded"
+//       },
+//       {
+//         label: "to Compacted",
+//         path: "/jsonld-to-compacted"
+//       },
+//       {
+//         label: "to Flattened",
+//         path: "/jsonld-to-flattened"
+//       },
+//       {
+//         label: "to Framed",
+//         path: "/jsonld-to-framed"
+//       },
+//       {
+//         label: "to Normalized",
+//         path: "jsonld-to-normalized"
+//       }
+//     ].map(x => ({
+//       ...x,
+//       packageName: "jsonld",
+//       packageUrl: "https://github.com/digitalbazaar/jsonld.js"
+//     }))
+//   },
+//   {
+//     category: "TypeScript",
+//     content: [
+//       {
+//         label: "to Flow",
+//         path: "/typescript-to-flow",
+//         packageName: "flowgen",
+//         packageUrl: "https://github.com/joarwilk/flowgen"
+//       },
+//       {
+//         label: "to TypeScript Declaration",
+//         path: "/typescript-to-typescript-declaration"
+//       },
+//       {
+//         label: "to JSON Schema",
+//         path: "/typescript-to-json-schema",
+//         packageName: "ts-json-schema-generator",
+//         packageUrl: "https://github.com/vega/ts-json-schema-generator"
+//       },
+//       {
+//         label: "to plain JavaScript",
+//         path: "/typescript-to-javascript"
+//       },
+//       {
+//         label: "to Zod Schema",
+//         path: "/typescript-to-zod",
+//         packageName: "ts-to-zod",
+//         packageUrl: "https://www.npmjs.com/package/ts-to-zod"
+//       }
+//     ]
+//   },
+//   {
+//     category: "Flow",
+//     iconName: "",
+//     content: [
+//       {
+//         label: "to TypeScript",
+//         path: "/flow-to-typescript"
+//       },
+//       {
+//         label: "to TypeScript Declaration",
+//         path: "/flow-to-typescript-declaration"
+//       },
+//       {
+//         label: "to plain JavaScript",
+//         path: "/flow-to-javascript"
+//       }
+//     ]
+//   },
+//   {
+//     category: "Others",
+//     iconName: "",
+//     content: [
+//       {
+//         label: "XML to JSON",
+//         path: "/xml-to-json",
+//         packageName: "xml-js",
+//         packageUrl: "https://github.com/nashwaan/xml-js"
+//       },
+//       {
+//         label: "YAML to JSON",
+//         path: "/yaml-to-json",
+//         packageName: "yaml",
+//         packageUrl: "https://github.com/tj/js-yaml"
+//       },
+//       {
+//         label: "YAML to TOML",
+//         path: "/yaml-to-toml"
+//       },
+//       {
+//         label: "Markdown to HTML",
+//         path: "/markdown-to-html",
+//         packageName: "markdown",
+//         packageUrl: "https://github.com/evilstreak/markdown-js"
+//       },
+//       {
+//         label: "TOML to JSON",
+//         path: "/toml-to-json",
+//         packageUrl: "https://www.npmjs.com/package/@iarna/toml",
+//         packageName: "@iarna/toml"
+//       },
+//       {
+//         label: "TOML to YAML",
+//         path: "/toml-to-yaml"
+//       },
+//       {
+//         label: "Cadence to Go",
+//         path: "/cadence-to-go"
+//       },
+//       {
+//         label: "[] to {}",
+//         path: "/square-to-curly"
+//       }
+//     ]
+//   }
+// ];
+
 export const categorizedRoutes = [
   {
-    category: "SVG",
-    content: [
-      {
-        label: "to JSX",
-        path: "/",
-        packageName: "@svgr/core",
-        packageUrl: "https://github.com/smooth-code/svgr",
-        title: "Transform | A polyglot web converter."
-      },
-      {
-        label: "to React Native",
-        path: "/svg-to-react-native",
-        packageName: "@svgr/core",
-        packageUrl: "https://github.com/smooth-code/svgr"
-      }
-    ]
-  },
-  {
-    category: "HTML",
+    category: "String",
     content: [
       {
-        label: "to JSX",
-        path: "/html-to-jsx"
-      },
-      {
-        label: "to Pug",
-        path: "/html-to-pug",
-        packageName: "html2pug",
-        packageUrl: "https://github.com/izolate/html2pug"
+        label: "to JSON",
+        path: "/string-to-json"
       }
     ]
   },
@@ -40,69 +416,8 @@ export const categorizedRoutes = [
     category: "JSON",
     content: [
       {
-        label: "to React PropTypes",
-        path: "/json-to-proptypes",
-        title: "Transform | All important transforms at one place."
-      },
-      {
-        label: "to Flow",
-        path: "/json-to-flow"
-      },
-      {
-        label: "to GraphQL",
-        path: "/json-to-graphql",
-        packageName: "@walmartlabs/json-to-simple-graphql-schema",
-        packageUrl:
-          "https://github.com/walmartlabs/json-to-simple-graphql-schema"
-      },
-      {
-        label: "to TypeScript",
-        path: "/json-to-typescript",
-        packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
-        packageName: "json_typegen_wasm"
-      },
-      {
-        label: "to MobX-State-Tree Model",
-        path: "/json-to-mobx-state-tree"
-      },
-      {
-        label: "to Sarcastic",
-        path: "/json-to-sarcastic",
-        packageName: "transform-json-types",
-        packageUrl: "https://github.com/transform-it/transform-json-types"
-      },
-      {
-        label: "to io-ts",
-        path: "/json-to-io-ts",
-        packageName: "transform-json-types",
-        packageUrl: "https://github.com/transform-it/transform-json-types"
-      },
-      {
-        label: "to Rust Serde",
-        path: "/json-to-rust-serde",
-        desc: "An online REPL for converting JSON to Rust Serde Structs."
-      },
-      {
-        label: "to Mongoose Schema",
-        path: "/json-to-mongoose",
-        packageName: "generate-schema",
-        packageUrl: "https://github.com/nijikokun/generate-schema"
-      },
-      {
-        label: "to Big Query Schema",
-        path: "/json-to-big-query",
-        packageName: "generate-schema",
-        packageUrl: "https://github.com/nijikokun/generate-schema"
-      },
-      {
-        label: "to MySQL",
-        path: "/json-to-mysql",
-        packageName: "generate-schema",
-        packageUrl: "https://github.com/nijikokun/generate-schema"
-      },
-      {
-        label: "to Scala Case Class",
-        path: "/json-to-scala-case-class"
+        label: "to Format",
+        path: "/json-to-format"
       },
       {
         label: "to Go Struct",
@@ -110,247 +425,11 @@ export const categorizedRoutes = [
         packageName: "json-to-go",
         packageUrl: "https://github.com/mholt/json-to-go"
       },
-      {
-        label: "to Go Bson",
-        path: "/json-to-go-bson"
-      },
       {
         label: "to YAML",
         path: "/json-to-yaml",
         packageName: "json2yaml",
         packageUrl: "https://github.com/jeffsu/json2yaml"
-      },
-      {
-        label: "to JSDoc",
-        path: "/json-to-jsdoc"
-      },
-      {
-        label: "to Kotlin",
-        path: "/json-to-kotlin",
-        packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
-        packageName: "json_typegen_wasm"
-      },
-      {
-        label: "to Java",
-        path: "/json-to-java",
-        packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
-        packageName: "json_typegen_wasm"
-      },
-      {
-        label: "to JSON Schema",
-        path: "/json-to-json-schema",
-        packageUrl: "https://www.npmjs.com/package/json_typegen_wasm",
-        packageName: "json_typegen_wasm"
-      },
-      {
-        label: "to TOML",
-        path: "/json-to-toml",
-        packageUrl: "https://www.npmjs.com/package/@iarna/toml",
-        packageName: "@iarna/toml"
-      },
-      {
-        label: "to Zod Schema",
-        path: "/json-to-zod",
-        packageUrl: "https://www.npmjs.com/package/json-to-zod",
-        packageName: "json-to-zod"
-      }
-    ]
-  },
-  {
-    category: "JSON Schema",
-    content: [
-      {
-        label: "to TypeScript",
-        path: "/json-schema-to-typescript",
-        packageName: "json-schema-to-typescript",
-        packageUrl: "https://github.com/bcherny/json-schema-to-typescript"
-      },
-      {
-        label: "to OpenAPI Schema",
-        path: "json-schema-to-openapi-schema",
-        packageName: "json-schema-to-openapi-schema",
-        packageUrl:
-          "https://github.com/openapi-contrib/json-schema-to-openapi-schema"
-      },
-      {
-        label: "to Protobuf",
-        path: "json-schema-to-protobuf",
-        packageName: "jsonschema-protobuf",
-        packageUrl: "https://github.com/okdistribute/jsonschema-protobuf"
-      },
-      {
-        label: "to Zod Schema",
-        path: "json-schema-to-zod",
-        packageName: "json-schema-to-zod",
-        packageUrl: "https://www.npmjs.com/package/json-schema-to-zod"
-      }
-    ]
-  },
-  {
-    category: "CSS",
-    content: [
-      {
-        label: "to JS Objects",
-        path: "/css-to-js",
-        packageName: "transform-css-to-js",
-        packageUrl: "https://github.com/transform-it/transform-css-to-js"
-      },
-      {
-        label: "to template literal",
-        path: "/object-styles-to-template-literal",
-        packageUrl:
-          "https://github.com/satya164/babel-plugin-object-styles-to-template",
-        packageName: "babel-plugin-object-styles-to-template"
-      },
-      {
-        label: "to TailwindCSS",
-        path: "/css-to-tailwind",
-        packageUrl: "https://github.com/Jackardios/css-to-tailwindcss",
-        packageName: "css-to-tailwindcss"
-      }
-    ]
-  },
-  {
-    category: "JavaScript",
-    content: [
-      {
-        label: "to JSON",
-        path: "/js-object-to-json",
-        desc: "An online REPL for converting JS Object to JSON."
-      },
-      {
-        label: "to Typescript",
-        path: "/js-object-to-typescript",
-        desc: "An online REPL for converting JS Object to Typescript."
-      },
-    ]
-  },
-  {
-    category: "GraphQL",
-    content: [
-      {
-        label: "to TypeScript",
-        path: "/graphql-to-typescript"
-      },
-      {
-        label: "to Flow",
-        path: "/graphql-to-flow"
-      },
-      {
-        label: "to JAVA",
-        path: "/graphql-to-java"
-      },
-      {
-        label: "to Resolvers Signature",
-        path: "/graphql-to-resolvers-signature"
-      },
-
-      {
-        label: "to Introspection JSON",
-        path: "/graphql-to-introspection-json"
-      },
-
-      {
-        label: "to Schema AST",
-        path: "/graphql-to-schema-ast"
-      },
-      {
-        label: "to Fragment Matcher",
-        path: "/graphql-to-fragment-matcher"
-      },
-      {
-        label: "to Components",
-        path: "/graphql-to-components"
-      },
-      {
-        label: "to TypeScript MongoDB",
-        path: "/graphql-to-typescript-mongodb"
-      }
-    ].map(x => ({
-      ...x,
-      packageUrl: "https://github.com/dotansimha/graphql-code-generator",
-      packageName: "graphql-code-generator"
-    }))
-  },
-  {
-    category: "JSON-LD",
-    content: [
-      {
-        label: "to N-Quads",
-        path: "/jsonld-to-nquads"
-      },
-      {
-        label: "to Expanded",
-        path: "/jsonld-to-expanded"
-      },
-      {
-        label: "to Compacted",
-        path: "/jsonld-to-compacted"
-      },
-      {
-        label: "to Flattened",
-        path: "/jsonld-to-flattened"
-      },
-      {
-        label: "to Framed",
-        path: "/jsonld-to-framed"
-      },
-      {
-        label: "to Normalized",
-        path: "jsonld-to-normalized"
-      }
-    ].map(x => ({
-      ...x,
-      packageName: "jsonld",
-      packageUrl: "https://github.com/digitalbazaar/jsonld.js"
-    }))
-  },
-  {
-    category: "TypeScript",
-    content: [
-      {
-        label: "to Flow",
-        path: "/typescript-to-flow",
-        packageName: "flowgen",
-        packageUrl: "https://github.com/joarwilk/flowgen"
-      },
-      {
-        label: "to TypeScript Declaration",
-        path: "/typescript-to-typescript-declaration"
-      },
-      {
-        label: "to JSON Schema",
-        path: "/typescript-to-json-schema",
-        packageName: "ts-json-schema-generator",
-        packageUrl: "https://github.com/vega/ts-json-schema-generator"
-      },
-      {
-        label: "to plain JavaScript",
-        path: "/typescript-to-javascript"
-      },
-      {
-        label: "to Zod Schema",
-        path: "/typescript-to-zod",
-        packageName: "ts-to-zod",
-        packageUrl: "https://www.npmjs.com/package/ts-to-zod"
-      }
-    ]
-  },
-  {
-    category: "Flow",
-    iconName: "",
-    content: [
-      {
-        label: "to TypeScript",
-        path: "/flow-to-typescript"
-      },
-      {
-        label: "to TypeScript Declaration",
-        path: "/flow-to-typescript-declaration"
-      },
-      {
-        label: "to plain JavaScript",
-        path: "/flow-to-javascript"
       }
     ]
   },
@@ -359,40 +438,9 @@ export const categorizedRoutes = [
     iconName: "",
     content: [
       {
-        label: "XML to JSON",
-        path: "/xml-to-json",
-        packageName: "xml-js",
-        packageUrl: "https://github.com/nashwaan/xml-js"
-      },
-      {
-        label: "YAML to JSON",
-        path: "/yaml-to-json",
-        packageName: "yaml",
-        packageUrl: "https://github.com/tj/js-yaml"
-      },
-      {
-        label: "YAML to TOML",
-        path: "/yaml-to-toml"
-      },
-      {
-        label: "Markdown to HTML",
-        path: "/markdown-to-html",
-        packageName: "markdown",
-        packageUrl: "https://github.com/evilstreak/markdown-js"
-      },
-      {
-        label: "TOML to JSON",
-        path: "/toml-to-json",
-        packageUrl: "https://www.npmjs.com/package/@iarna/toml",
-        packageName: "@iarna/toml"
-      },
-      {
-        label: "TOML to YAML",
-        path: "/toml-to-yaml"
-      },
-      {
-        label: "Cadence to Go",
-        path: "/cadence-to-go"
+        label: "[] to {}",
+        path: "/square-to-curly",
+        desc: ""
       }
     ]
   }