diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index b3bf851f6..000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,63 +0,0 @@
-/* eslint-env node */
-
-const PASCAL_CASE = "*([A-Z]*([a-z0-9]))";
-const CAMEL_CASE = "+([a-z])*([a-z0-9])*([A-Z]*([a-z0-9]))";
-
-module.exports = {
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:import/recommended",
-    "plugin:import/typescript",
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
-    "plugin:react-hooks/recommended",
-    "plugin:prettier/recommended",
-  ],
-  env: {
-    browser: true,
-  },
-  parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "check-file", "@shopify"],
-  root: true,
-  settings: {
-    "import/resolver": {
-      typescript: true,
-      node: true,
-    },
-    react: {
-      version: "detect",
-    },
-  },
-  ignorePatterns: ["assets/**"],
-  rules: {
-    "@typescript-eslint/consistent-type-imports": "error",
-    "check-file/folder-naming-convention": [
-      "error",
-      { "src/**/": "KEBAB_CASE" },
-    ],
-    "check-file/filename-naming-convention": [
-      "error",
-      {
-        "src/**/*.{js,ts,tsx}": `@(${CAMEL_CASE}|${PASCAL_CASE})`,
-      },
-      {
-        ignoreMiddleExtensions: true,
-      },
-    ],
-    "@shopify/jsx-no-hardcoded-content": [
-      "warn",
-      {
-        checkProps: ["title", "aria-label"],
-        modules: {
-          "@zendeskgarden/react-tooltips": {
-            Tooltip: { checkProps: ["content"] },
-          },
-          "react-i18next": {
-            Trans: { allowStrings: true },
-          },
-        },
-      },
-    ],
-  },
-};
diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 000000000..430e6280d
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,20 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:security/recommended-legacy",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "plugins": ["jsx-a11y", "tailwindcss"],
+  "rules": {
+    "tailwindcss/no-custom-classname": "off",
+    "tailwindcss/classnames-order": "off",
+    "@typescript-eslint/no-unused-vars": 1,
+    "@typescript-eslint/ban-ts-ignore": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "no-unused-vars": 0,
+    "security/detect-object-injection": "off",
+    "jsx-a11y/alt-text": "off"
+  }
+}
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index c9311d394..eb70b2820 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,18 +1,27 @@
-## Description
+### Description
 
-<!-- a summary of the changes introduced by this PR and the motivation behind them -->
+<!--- Summarize the changes that can be found in this PR and how your reviewers should test these changes. -->
 
-## Screenshots
+### Type(s) of changes
 
-<!-- (optional) when applicable, please include some screenshots or gifs that illustrate the changes -->
+<!--- Put an `x` in all the boxes that apply. -->
 
-## Checklist
+- [ ] Bug fix
+- [ ] New feature
+- [ ] Update to an existing feature
 
-- [ ] :green_book: all commit messages follow the [conventional commits](https://conventionalcommits.org/) standard
-- [ ] :arrow_left: changes are compatible with RTL direction
-- [ ] :wheelchair: Changes to the UI are [tested for accessibility](./../README.md#accessibility-testing) and compliant with [WCAG 2.1](https://www.w3.org/TR/WCAG21/).
-- [ ] :memo: changes are tested in Chrome, Firefox, Safari and Edge
-- [ ] :iphone: changes are responsive and tested in mobile
-- [ ] :+1: PR is approved by @zendesk/vikings
+### Motivation for PR
 
-<!-- More info about the contribution process can be found at https://github.com/zendesk/copenhagen_theme#contributing -->
\ No newline at end of file
+<!--- If it addresses an open issue, please link to the issue here, otherwise, briefly describe the issue. -->
+
+### How Has This Been Tested?
+
+<!--- Please note how you have tested your changes. Browsers, accessibility, devices, unit tests, etc. -->
+
+### Applicable screenshots
+
+<!--- When appropriate, upload screenshots. -->
+
+### Follow-up PR
+
+<!--- When appropriate, please note what your reviewers can expect in a follow up PR. -->
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
deleted file mode 100644
index 82b693384..000000000
--- a/.github/workflows/release.yml
+++ /dev/null
@@ -1,30 +0,0 @@
-name: Release
-on:
-  push:
-    branches: 
-      - master
-jobs:
-  release:
-    name: Release
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: zendesk/checkout@v3
-        with:
-          persist-credentials: false
-      - name: Setup Node.js
-        uses: zendesk/setup-node@v3
-        with:
-          node-version-file: '.nvmrc'
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
-      - name: Build
-        run: yarn build
-      - name: Release
-        run: yarn semantic-release
-        env:
-          GITHUB_TOKEN: ${{ secrets.release_bot_github_token}}
-          GIT_AUTHOR_NAME: ${{ secrets.release_bot_git_name }}
-          GIT_AUTHOR_EMAIL: ${{ secrets.release_bot_git_email }}
-          GIT_COMMITTER_NAME: ${{ secrets.release_bot_git_name }}
-          GIT_COMMITTER_EMAIL: ${{ secrets.release_bot_git_email }}
diff --git a/.husky/commit-msg b/.husky/commit-msg
deleted file mode 100755
index c160a7712..000000000
--- a/.husky/commit-msg
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit ${1}
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..a9cb580f3
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,5 @@
+.vscode
+.yarn
+dist
+templates
+translations
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 39dab182a..12466695e 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
 {
-  "name": "Copenhagen Test",
+  "name": "Copenhagen",
   "author": "Zendesk",
   "version": "4.2.2",
   "api_version": 4,
diff --git a/package.json b/package.json
index bae00a58e..1f9183813 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,5 @@
 {
   "name": "copenhagen_theme",
-  "version": "1.22.18",
   "repository": "git@github.com:zendesk/copenhagen_theme.git",
   "scripts": {
     "start": "concurrently -k -r 'rollup -c -w' 'wait-on script.js style.css && zcli themes:preview'",
diff --git a/src/context/uiProvider.tsx b/src/context/uiProvider.tsx
index c20b8232f..a98956b6a 100644
--- a/src/context/uiProvider.tsx
+++ b/src/context/uiProvider.tsx
@@ -19,7 +19,7 @@ export const useUIProvider = () => {
   return context;
 };
 
-export const UIProvider: FC<PropsWithChildren> = ({ children }) => {
+export const UIProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
   const [theme, setTheme] = useState<Theme>('light');
 
   useEffect(() => {
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 3b6961e6c..c847cbcfc 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -56,3 +56,10 @@ export type GlobalSettings = {
   };
   connectBlockNewsletterTitle: string;
 };
+
+export interface Navigation {
+  article_id: number;
+  html_url: string;
+  title: string;
+  snippet: string;
+}
diff --git a/src/modules/navigation/MobileMenuModal.tsx b/src/modules/navigation/MobileMenuModal.tsx
deleted file mode 100644
index a32fc192b..000000000
--- a/src/modules/navigation/MobileMenuModal.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { FC, useState, useEffect } from 'react';
-import * as Types from '../../lib/types';
-
-import { useUIProvider } from '../../context/uiProvider';
-
-import { Dialog, DialogPanel } from '@headlessui/react';
-import { TextButton, PrimaryButton } from '../../base/Button';
-import ThemeSwitch from './ThemeSwitch';
-import { Close } from '../../svgs/Icons';
-
-import cn from 'classnames';
-
-type Props = {
-  globalSettings?: Types.GlobalSettings;
-  isOpen: boolean;
-  close: () => void;
-};
-
-const MobileMenuModal: FC<Props> = ({ globalSettings, isOpen, close }) => {
-  const { theme } = useUIProvider();
-  const [modalTransition, setModalTransition] = useState(false);
-  const topNavigationApp = globalSettings?.topNavigationApp;
-
-  const handleClose = () => {
-    setModalTransition(false);
-    setTimeout(close, 100);
-  };
-
-  useEffect(() => {
-    if (isOpen) {
-      setTimeout(() => setModalTransition(true), 100);
-    }
-  }, [isOpen]);
-
-  return (
-    <Dialog
-      open={isOpen}
-      onClose={handleClose}
-      className="MobileMenuModal relative z-modal sm:hidden"
-    >
-      <div
-        className={cn(
-          'fixed bottom-0 left-0 right-0 flex w-screen translate-y-0 items-center transition-all',
-          {
-            'opacity-1 translate-y-0': modalTransition,
-            'translate-y-4 opacity-0': !modalTransition,
-          },
-        )}
-      >
-        <DialogPanel
-          className={cn('w-full rounded-t-large border-t px-margin-mobile', {
-            'border-dark-surface-3 bg-dark-surface-1': theme === 'dark',
-            'border-light-surface-3 bg-light-surface-1': theme === 'light',
-          })}
-        >
-          <div className="pt-padding-x-large">
-            <button
-              onClick={handleClose}
-              className="group absolute right-0 top-0 px-margin-mobile py-padding-x-large"
-            >
-              <Close className="h-3.5 w-3.5" />
-            </button>
-            <nav>
-              <h3
-                className={cn('body-1', {
-                  'text-light-neutral-1': theme === 'light',
-                  'text-dark-neutral-1': theme === 'dark',
-                })}
-              >
-                Topics
-              </h3>
-              <ul className="mt-2 space-y-2">
-                {globalSettings?.navigationTopics?.map((topic) => (
-                  <li key={topic.slug}>
-                    <TextButton
-                      onClick={handleClose}
-                      textClassName={cn('body-2', {
-                        'text-light-neutral-2 group-hover:text-light-neutral-1': theme === 'light',
-                        'text-dark-neutral-2 group-hover:text-dark-neutral-1': theme === 'dark',
-                      })}
-                      href={`/category/${topic.slug}`}
-                      label={topic.title}
-                    />
-                  </li>
-                ))}
-              </ul>
-            </nav>
-            <div
-              className={cn('my-3 border-t', {
-                'border-dark-surface-3': theme === 'dark',
-                'border-light-surface-3': theme === 'light',
-              })}
-            />
-            <div className="flex flex-row items-center justify-between">
-              <h3
-                className={cn('body-1', {
-                  'text-light-neutral-1': theme === 'light',
-                  'text-dark-neutral-1': theme === 'dark',
-                })}
-              >
-                Theme
-              </h3>
-              <ThemeSwitch />
-            </div>
-          </div>
-          {topNavigationApp?.key && topNavigationApp?.value ? (
-            <div className="py-padding-large">
-              <PrimaryButton
-                onClick={handleClose}
-                className="ml-padding-small-dense"
-                label={topNavigationApp.key}
-                href={topNavigationApp.value}
-                size="large"
-                theme={theme}
-                color="accent-2"
-                fullWidth
-              />
-            </div>
-          ) : null}
-        </DialogPanel>
-      </div>
-    </Dialog>
-  );
-};
-
-export default MobileMenuModal;
diff --git a/src/modules/navigation/Navigation.tsx b/src/modules/navigation/Navigation.tsx
deleted file mode 100644
index 3ad2762ae..000000000
--- a/src/modules/navigation/Navigation.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { FC, useState, useEffect } from 'react';
-import type { Navigation } from "./data-types";
-
-import cn from 'classnames';
-
-import { MiniUnicon } from '../../svgs/Logos';
-import { Menu } from '../../svgs/Icons';
-import { PrimaryButton, ButtonBase, LinkBase } from '../../base/Button';
-import ThemeSwitch from './ThemeSwitch';
-import TopicsDropdownButton from './TopicsDropdownButton';
-import MobileMenuModal from './MobileMenuModal';
-
-type Props = {
-  globalSettings?: Types.GlobalSettings;
-};
-
-const Navigation: FC<Props> = ({ globalSettings }) => {
-  const [scrollIsOnTop, setScrollIsOnTop] = useState(false);
-  const [menuIsOpen, setMenuIsOpen] = useState(false);
-  const topNavigationApp = globalSettings?.topNavigationApp;
-
-  useEffect(() => {
-    const handleScroll = () => {
-      const position = window.scrollY;
-      if (position === 0) {
-        setScrollIsOnTop(true);
-      } else {
-        setScrollIsOnTop(false);
-      }
-    };
-    handleScroll();
-    window.addEventListener('scroll', handleScroll, { passive: true });
-
-    return () => {
-      window.removeEventListener('scroll', handleScroll);
-    };
-  }, [setScrollIsOnTop]);
-
-  return (
-    <>
-      <nav
-        className={cn(
-          'Navigation fixed left-0 right-0 z-nav flex w-screen justify-center bg-light-surface-1 dark:border-dark-surface-3 dark:bg-dark-surface-1',
-          {
-            'border-b': !scrollIsOnTop,
-          },
-        )}
-      >
-        <div className="flex w-full flex-row items-center justify-between border-light-surface-3 px-4 py-[1.15625rem] sm:px-[0.9375rem] sm:py-3 md:h-[4.5rem]">
-          <div className="flex flex-row items-center">
-            <LinkBase href="/" className="flex flex-row items-center">
-              <MiniUnicon className="mb-[0.1875rem] h-8 w-8" />
-              <p className="body-3 md:button-label-2 ml-2 text-light-accent-1 dark:text-dark-accent-1">
-                Uniswap Labs Blog
-              </p>
-            </LinkBase>
-            <div className="hidden sm:block">
-              <TopicsDropdownButton globalSettings={globalSettings} />
-            </div>
-          </div>
-          <div className="sm:hidden">
-            <ButtonBase
-              onClick={() => {
-                setMenuIsOpen((prev) => !prev);
-              }}
-            >
-              <Menu className="h-padding-large w-padding-large" />
-            </ButtonBase>
-          </div>
-          <div className="hidden sm:flex">
-            <ThemeSwitch />
-            {topNavigationApp?.key && topNavigationApp?.value ? (
-              <PrimaryButton
-                className="ml-padding-small-dense"
-                label={topNavigationApp.key}
-                href={topNavigationApp.value}
-                color="accent-2"
-              />
-            ) : null}
-          </div>
-        </div>
-      </nav>
-      <div
-        className={cn('fixed inset-0 z-scrim bg-scrim transition duration-500', {
-          'pointer-events-none opacity-0': !menuIsOpen,
-          'opacity-1': menuIsOpen,
-        })}
-      />
-      <MobileMenuModal
-        globalSettings={globalSettings}
-        isOpen={menuIsOpen}
-        close={() => {
-          setMenuIsOpen(false);
-        }}
-      />
-    </>
-  );
-};
-
-export default Navigation;
diff --git a/src/modules/navigation/ThemeSwitch.tsx b/src/modules/navigation/ThemeSwitch.tsx
deleted file mode 100644
index 17529d345..000000000
--- a/src/modules/navigation/ThemeSwitch.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { FC } from 'react';
-
-import { useUIProvider } from '../../context/uiProvider';
-
-import { IconMap, Sun, Moon } from '../../svgs/Icons';
-import { Switch } from '@headlessui/react';
-
-import cn from 'classnames';
-
-const ThemeSwitch: FC = () => {
-  const { toggleTheme, theme } = useUIProvider();
-
-  return (
-    <Switch
-      checked={theme === 'dark'}
-      onChange={toggleTheme}
-      className={cn('group relative inline-flex h-8 w-[3.75rem] items-center rounded-full', {
-        'bg-light-surface-3': theme === 'light',
-        'bg-dark-surface-3': theme === 'dark',
-      })}
-      aria-label="Toggle theme"
-    >
-      <span className="flex h-6 w-6 translate-x-1 items-center justify-center rounded-full bg-white transition group-data-[checked]:translate-x-8">
-        <IconMap className="h-4 w-4" icon={theme === 'dark' ? 'moon' : 'sun'} />
-      </span>
-      <Sun className="absolute left-2 h-4 w-4" />
-      <Moon className="absolute right-2 h-4 w-4" />
-    </Switch>
-  );
-};
-
-export default ThemeSwitch;
diff --git a/src/modules/navigation/TopicsDropdownButton.tsx b/src/modules/navigation/TopicsDropdownButton.tsx
deleted file mode 100644
index e6b5448c4..000000000
--- a/src/modules/navigation/TopicsDropdownButton.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { FC } from 'react';
-import * as Types from '../../lib/types'
-
-import { useUIProvider } from '../../context/uiProvider';
-
-import cn from 'classnames';
-
-import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react';
-import { LinkBase } from '../../base/Button';
-
-const TopicsDropdownButton: FC<{ globalSettings?: Types.GlobalSettings }> = ({
-  globalSettings,
-}) => {
-  const { theme } = useUIProvider();
-
-  if (!globalSettings) {
-    return null;
-  }
-
-  return (
-    <div className="TopicsDropdown ml-padding-small">
-      <Menu>
-        <MenuButton
-          className={cn(
-            'flex flex-row items-center justify-center rounded-full px-padding-small py-padding-x-small-dense',
-            'group transition-colors hover:bg-light-surface-3 dark:hover:bg-dark-surface-3',
-            'data-[active]:bg-light-surface-3 data-[active]:text-light-neutral-1 dark:data-[active]:bg-dark-surface-3 dark:data-[active]:text-dark-neutral-1',
-          )}
-        >
-          <span
-            className={cn(
-              'button-label-3 text-light-neutral-2 dark:text-dark-neutral-2',
-              'transition-colors group-hover:text-light-neutral-1 dark:group-hover:text-dark-neutral-1',
-            )}
-          >
-            Topics
-          </span>
-        </MenuButton>
-        <MenuItems
-          anchor={{ to: 'bottom', gap: '0.8125rem' }}
-          className={cn('z-modal space-y-1 rounded-large border p-2', {
-            'border-dark-surface-3 bg-dark-surface-1 shadow-dark-medium': theme === 'dark',
-            'border-light-surface-3 bg-light-surface-1 shadow-light-medium': theme === 'light',
-          })}
-        >
-          {globalSettings.navigationTopics && globalSettings.navigationTopics.length > 0
-            ? globalSettings.navigationTopics.map((topic) => {
-                return (
-                  <MenuItem key={topic.slug}>
-                    {({ close }) => (
-                      <LinkBase
-                        className={cn(
-                          'button-label-2 block min-w-[10.25rem] rounded-small p-padding-small-dense transition-colors',
-                          {
-                            'bg-dark-surface-2 text-dark-neutral-2 hover:bg-dark-surface-2-hovered':
-                              theme === 'dark',
-                            'bg-light-surface-2 text-light-neutral-2 hover:bg-light-surface-2-hovered':
-                              theme === 'light',
-                          },
-                        )}
-                        onClick={close}
-                        href={`/category/${topic.slug}`}
-                      >
-                        {topic.title}
-                      </LinkBase>
-                    )}
-                  </MenuItem>
-                );
-              })
-            : null}
-        </MenuItems>
-      </Menu>
-    </div>
-  );
-};
-
-export default TopicsDropdownButton;
diff --git a/src/modules/navigation/data-types/Navigation.ts b/src/modules/navigation/data-types/Navigation.ts
deleted file mode 100644
index 4d7a1da67..000000000
--- a/src/modules/navigation/data-types/Navigation.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Navigation {
-  article_id: number;
-  html_url: string;
-  title: string;
-  snippet: string;
-}
diff --git a/src/modules/navigation/data-types/index.ts b/src/modules/navigation/data-types/index.ts
deleted file mode 100644
index 8953bdfab..000000000
--- a/src/modules/navigation/data-types/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./Navigation";
diff --git a/src/modules/navigation/index.ts b/src/modules/navigation/index.ts
deleted file mode 100644
index 3d52448b6..000000000
--- a/src/modules/navigation/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./renderNavigation";
diff --git a/src/modules/navigation/renderNavigation.tsx b/src/modules/navigation/renderNavigation.tsx
deleted file mode 100644
index 0d3102ad9..000000000
--- a/src/modules/navigation/renderNavigation.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { render } from "react-dom";
-import type { Settings } from "../shared";
-import {
-  createTheme,
-  ThemeProviders,
-  loadTranslations,
-  initI18next,
-} from "../shared";
-import Navigation from "./Navigation";
-import type { Navigation as NavigationProps } from "./data-types";
-
-export async function renderNewRequestForm(
-  settings: Settings,
-  props: NavigationProps,
-  container: HTMLElement
-) {
-  render(
-    <ThemeProviders theme={createTheme(settings)}>
-      <Navigation {...props} />
-    </ThemeProviders>,
-    container
-  );
-}