diff --git a/.gitignore b/.gitignore
index f8c4f656..afd5249e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,7 @@ yarn-error.log*
 public/rounds/
 
 __pycache__/
+
+.next
+next-env.d.ts
+dist
diff --git a/.vercelignore b/.vercelignore
new file mode 100644
index 00000000..da6ba7ec
--- /dev/null
+++ b/.vercelignore
@@ -0,0 +1,2 @@
+.github
+automation
diff --git a/src/app/BetFunctions.jsx b/app/BetFunctions.jsx
similarity index 100%
rename from src/app/BetFunctions.jsx
rename to app/BetFunctions.jsx
diff --git a/src/app/DropZone.jsx b/app/DropZone.jsx
similarity index 100%
rename from src/app/DropZone.jsx
rename to app/DropZone.jsx
diff --git a/app/FaviconGenerator.jsx b/app/FaviconGenerator.jsx
new file mode 100644
index 00000000..f4418d96
--- /dev/null
+++ b/app/FaviconGenerator.jsx
@@ -0,0 +1,40 @@
+import { useEffect } from "react";
+
+const faviconTemplate = (icon) => {
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><text y="24" font-size="26">${icon}</text></svg>`;
+};
+
+function FaviconGenerator() {
+  useEffect(() => {
+    const emojis = [
+      "🍗",
+      "🍔",
+      "🍞",
+      "🥪",
+      "🥨",
+      "🍕",
+      "🌭",
+      "🌮",
+      "🌯",
+      "🍖",
+      "🥩",
+      "🥧",
+      "🥓",
+      "🦀",
+    ];
+
+    const linkForFavicon = document.querySelector(`head > link[rel='icon']`);
+
+    if (linkForFavicon) {
+      const favicon = faviconTemplate(
+        emojis[Math.floor(Math.random() * emojis.length)]
+      );
+
+      linkForFavicon.setAttribute("href", `data:image/svg+xml,${favicon}`);
+    }
+  }, []); // Empty dependency array ensures this runs only once
+
+  return null;
+}
+
+export default FaviconGenerator;
diff --git a/src/app/Footer.jsx b/app/Footer.jsx
similarity index 96%
rename from src/app/Footer.jsx
rename to app/Footer.jsx
index 2dfd4a30..5c5b2dad 100644
--- a/src/app/Footer.jsx
+++ b/app/Footer.jsx
@@ -12,13 +12,13 @@ import {
   Flex,
 } from "@chakra-ui/react";
 import * as React from "react";
-import NeopointIcon from "./images/np-icon.svg";
+import NeopointIcon from "../public/images/np-icon.svg";
 import { VercelCredit } from "./components/VercelCredit";
 
 function Logo() {
   return (
     <Stack direction="row">
-      <Box as="img" src={NeopointIcon} height="1.5em" width="1.5em" />
+      <Box as="img" src={NeopointIcon.src} height="1.5em" width="1.5em" />
       <Heading as="h1" fontFamily="heading" fontWeight="bold" fontSize="xl">
         NeoFoodClub
       </Heading>
diff --git a/src/app/Header.jsx b/app/Header.jsx
similarity index 98%
rename from src/app/Header.jsx
rename to app/Header.jsx
index fc4984b4..c9567691 100644
--- a/src/app/Header.jsx
+++ b/app/Header.jsx
@@ -28,7 +28,7 @@ import Cookies from "universal-cookie";
 import Moment from "react-moment";
 import React, { useContext, useEffect, useState, useMemo } from "react";
 import moment from "moment";
-import NeopointIcon from "./images/np-icon.svg";
+import NeopointIcon from "../public/images/np-icon.svg";
 
 import {
   calculateBaseMaxBet,
@@ -211,14 +211,14 @@ function MaxBetInput() {
   );
 }
 
-function TitleHeading(props) {
+function TitleHeading() {
   return (
     <>
       <HStack display={{ base: "none", md: "block" }}>
         <Center>
           <Box
             as="img"
-            src={NeopointIcon}
+            src={NeopointIcon.src}
             height="1.5em"
             width="1.5em"
             display={{ base: "none", md: "inline-block" }}
diff --git a/src/app/HomePage.jsx b/app/HomePage.jsx
similarity index 100%
rename from src/app/HomePage.jsx
rename to app/HomePage.jsx
diff --git a/src/app/RoundState.jsx b/app/RoundState.jsx
similarity index 89%
rename from src/app/RoundState.jsx
rename to app/RoundState.jsx
index 4b089564..8cc51b2a 100644
--- a/src/app/RoundState.jsx
+++ b/app/RoundState.jsx
@@ -11,16 +11,15 @@ import {
 } from "./util";
 import DropZone from "./DropZone";
 
-const RoundContext = createContext(null);
-const { Provider } = RoundContext;
+const RoundContext = createContext();
 
-const initialState = parseBetUrl(window.location.hash.slice(1));
+const StateProvider = ({ children }) => {
+  const initialState = parseBetUrl(global?.window?.location.hash.slice(1));
 
-const initialViewMode =
-  Object.values(initialState.bets).filter((x) => x.some((val) => val > 0))
-    .length > 0;
+  const initialViewMode =
+    Object.values(initialState.bets).filter((x) => x.some((val) => val > 0))
+      .length > 0;
 
-const StateProvider = ({ children }) => {
   const [roundState, setRoundState] = useReducer(reducer, {
     roundData: null,
     currentRound: null,
@@ -79,7 +78,7 @@ const StateProvider = ({ children }) => {
   };
 
   return (
-    <Provider
+    <RoundContext.Provider
       value={{
         roundState,
         setRoundState,
@@ -96,7 +95,7 @@ const StateProvider = ({ children }) => {
       }}
     >
       <DropZone>{children}</DropZone>
-    </Provider>
+    </RoundContext.Provider>
   );
 };
 
diff --git a/src/app/components/BetAmountInput.jsx b/app/components/BetAmountInput.jsx
similarity index 100%
rename from src/app/components/BetAmountInput.jsx
rename to app/components/BetAmountInput.jsx
diff --git a/src/app/components/BetAmountsButtons.jsx b/app/components/BetAmountsButtons.jsx
similarity index 100%
rename from src/app/components/BetAmountsButtons.jsx
rename to app/components/BetAmountsButtons.jsx
diff --git a/src/app/components/BetAmountsSettings.jsx b/app/components/BetAmountsSettings.jsx
similarity index 100%
rename from src/app/components/BetAmountsSettings.jsx
rename to app/components/BetAmountsSettings.jsx
diff --git a/src/app/components/BigBrainElement.jsx b/app/components/BigBrainElement.jsx
similarity index 100%
rename from src/app/components/BigBrainElement.jsx
rename to app/components/BigBrainElement.jsx
diff --git a/src/app/components/ClearBetsButton.jsx b/app/components/ClearBetsButton.jsx
similarity index 100%
rename from src/app/components/ClearBetsButton.jsx
rename to app/components/ClearBetsButton.jsx
diff --git a/src/app/components/CustomOddsElement.jsx b/app/components/CustomOddsElement.jsx
similarity index 100%
rename from src/app/components/CustomOddsElement.jsx
rename to app/components/CustomOddsElement.jsx
diff --git a/src/app/components/CustomOddsInput.jsx b/app/components/CustomOddsInput.jsx
similarity index 100%
rename from src/app/components/CustomOddsInput.jsx
rename to app/components/CustomOddsInput.jsx
diff --git a/src/app/components/CustomProbsInput.jsx b/app/components/CustomProbsInput.jsx
similarity index 100%
rename from src/app/components/CustomProbsInput.jsx
rename to app/components/CustomProbsInput.jsx
diff --git a/src/app/components/EditBets.jsx b/app/components/EditBets.jsx
similarity index 100%
rename from src/app/components/EditBets.jsx
rename to app/components/EditBets.jsx
diff --git a/src/app/components/ExtraBox.jsx b/app/components/ExtraBox.jsx
similarity index 100%
rename from src/app/components/ExtraBox.jsx
rename to app/components/ExtraBox.jsx
diff --git a/src/app/components/FaDetailsElement.jsx b/app/components/FaDetailsElement.jsx
similarity index 100%
rename from src/app/components/FaDetailsElement.jsx
rename to app/components/FaDetailsElement.jsx
diff --git a/src/app/components/HorizontalScrollingBox.jsx b/app/components/HorizontalScrollingBox.jsx
similarity index 100%
rename from src/app/components/HorizontalScrollingBox.jsx
rename to app/components/HorizontalScrollingBox.jsx
diff --git a/src/app/components/PayoutCharts.jsx b/app/components/PayoutCharts.jsx
similarity index 100%
rename from src/app/components/PayoutCharts.jsx
rename to app/components/PayoutCharts.jsx
diff --git a/src/app/components/PayoutTable.jsx b/app/components/PayoutTable.jsx
similarity index 100%
rename from src/app/components/PayoutTable.jsx
rename to app/components/PayoutTable.jsx
diff --git a/src/app/components/Pd.jsx b/app/components/Pd.jsx
similarity index 100%
rename from src/app/components/Pd.jsx
rename to app/components/Pd.jsx
diff --git a/src/app/components/PirateSelect.jsx b/app/components/PirateSelect.jsx
similarity index 100%
rename from src/app/components/PirateSelect.jsx
rename to app/components/PirateSelect.jsx
diff --git a/src/app/components/PlaceThisBetButton.jsx b/app/components/PlaceThisBetButton.jsx
similarity index 100%
rename from src/app/components/PlaceThisBetButton.jsx
rename to app/components/PlaceThisBetButton.jsx
diff --git a/src/app/components/RoundInput.jsx b/app/components/RoundInput.jsx
similarity index 100%
rename from src/app/components/RoundInput.jsx
rename to app/components/RoundInput.jsx
diff --git a/src/app/components/SettingsBox.jsx b/app/components/SettingsBox.jsx
similarity index 100%
rename from src/app/components/SettingsBox.jsx
rename to app/components/SettingsBox.jsx
diff --git a/src/app/components/TableSettings.jsx b/app/components/TableSettings.jsx
similarity index 99%
rename from src/app/components/TableSettings.jsx
rename to app/components/TableSettings.jsx
index 55da5ab7..e76eebcb 100644
--- a/src/app/components/TableSettings.jsx
+++ b/app/components/TableSettings.jsx
@@ -253,7 +253,7 @@ const CopyWithDomain = () => {
 
   return (
     <Tooltip
-      label={`Include domain when copying bets\n(${window.location.origin}/)`}
+      label={`Include domain when copying bets\n(${global?.window?.location.origin}/)`}
       openDelay="600"
     >
       <Button
diff --git a/src/app/components/Td.jsx b/app/components/Td.jsx
similarity index 100%
rename from src/app/components/Td.jsx
rename to app/components/Td.jsx
diff --git a/src/app/components/TextTooltip.jsx b/app/components/TextTooltip.jsx
similarity index 100%
rename from src/app/components/TextTooltip.jsx
rename to app/components/TextTooltip.jsx
diff --git a/src/app/components/VercelCredit.jsx b/app/components/VercelCredit.jsx
similarity index 100%
rename from src/app/components/VercelCredit.jsx
rename to app/components/VercelCredit.jsx
diff --git a/src/app/constants.js b/app/constants.js
similarity index 100%
rename from src/app/constants.js
rename to app/constants.js
diff --git a/src/app/constants_logit.js b/app/constants_logit.js
similarity index 100%
rename from src/app/constants_logit.js
rename to app/constants_logit.js
diff --git a/public/icon-16x16.png b/app/icon-16x16.png
similarity index 100%
rename from public/icon-16x16.png
rename to app/icon-16x16.png
diff --git a/public/icon-192x192.png b/app/icon-192x192.png
similarity index 100%
rename from public/icon-192x192.png
rename to app/icon-192x192.png
diff --git a/public/icon-32x32.png b/app/icon-32x32.png
similarity index 100%
rename from public/icon-32x32.png
rename to app/icon-32x32.png
diff --git a/public/icon-512x512.png b/app/icon-512x512.png
similarity index 100%
rename from public/icon-512x512.png
rename to app/icon-512x512.png
diff --git a/src/index.css b/app/index.css
similarity index 100%
rename from src/index.css
rename to app/index.css
diff --git a/app/layout.jsx b/app/layout.jsx
new file mode 100644
index 00000000..9294ac47
--- /dev/null
+++ b/app/layout.jsx
@@ -0,0 +1,19 @@
+export const metadata = {
+  title: "NeoFoodClub",
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <link rel="icon" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+      </head>
+      <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <main>{children}</main>
+      </body>
+    </html>
+  );
+}
diff --git a/public/manifest.json b/app/manifest.json
similarity index 100%
rename from public/manifest.json
rename to app/manifest.json
diff --git a/src/app/maths.js b/app/maths.js
similarity index 100%
rename from src/app/maths.js
rename to app/maths.js
diff --git a/src/app/App.jsx b/app/page.jsx
similarity index 81%
rename from src/app/App.jsx
rename to app/page.jsx
index a1292904..2fb7bb43 100644
--- a/src/app/App.jsx
+++ b/app/page.jsx
@@ -1,3 +1,5 @@
+"use client";
+
 import "firebase/database";
 
 import React, { useEffect, useCallback, useContext, useMemo } from "react";
@@ -5,8 +7,13 @@ import { initializeApp } from "firebase/app";
 
 import { makeBetURL, parseBetUrl } from "./util";
 import HomePage from "./HomePage";
-import { RoundContext } from "./RoundState";
 import useRoundData from "./useRoundData";
+import { ChakraProvider } from "@chakra-ui/react";
+import theme from "./theme";
+import FaviconGenerator from "./FaviconGenerator";
+import Head from "next/head";
+
+import { RoundContext, StateProvider } from "./RoundState";
 
 const config = {
   apiKey: "AIzaSyA1AJzRRbOTh7iVZi4DfK9lBuSJnfTTbr4",
@@ -21,7 +28,29 @@ const config = {
 
 const firebase = initializeApp(config);
 
-function App() {
+export default function App() {
+  useEffect(() => {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.register("/service-worker.js");
+    }
+  }, []);
+
+  return (
+    <>
+      <Head>
+        <link rel="icon" />
+      </Head>
+      <FaviconGenerator />
+      <ChakraProvider theme={theme}>
+        <StateProvider>
+          <Home />
+        </StateProvider>
+      </ChakraProvider>
+    </>
+  );
+}
+
+function Home() {
   const { roundState, setRoundState } = useContext(RoundContext);
 
   useRoundStateURLs();
@@ -111,5 +140,3 @@ function useRoundStateURLs() {
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
 }
-
-export default App;
diff --git a/public/robots.txt b/app/robots.txt
similarity index 100%
rename from public/robots.txt
rename to app/robots.txt
diff --git a/src/theme.js b/app/theme.js
similarity index 89%
rename from src/theme.js
rename to app/theme.js
index 82e46527..6c2c15a7 100644
--- a/src/theme.js
+++ b/app/theme.js
@@ -26,6 +26,6 @@ const colors = {
   },
 };
 
-const theme = extendTheme(config, { colors });
+const theme = extendTheme({ config }, { colors });
 
 export default theme;
diff --git a/src/app/useRoundData.js b/app/useRoundData.js
similarity index 100%
rename from src/app/useRoundData.js
rename to app/useRoundData.js
diff --git a/src/app/util.js b/app/util.js
similarity index 100%
rename from src/app/util.js
rename to app/util.js
diff --git a/automation/run.sh b/automation/run.sh
index 3b6372eb..6a414ab4 100755
--- a/automation/run.sh
+++ b/automation/run.sh
@@ -4,12 +4,12 @@ docker build -t nfc_values .
 # Run the docker container
 docker run --rm -v $(pwd):/app nfc_values
 
-# copy file from ./output/javascript.js to ../src/app/constants_logit.js
-cp ./output/javascript.js ../src/app/constants_logit.js
+# copy file from ./output/javascript.js to ../app/constants_logit.js
+cp ./output/javascript.js ../app/constants_logit.js
 
 # stage the changes
 git add ./output/
-git add ../src/app/constants_logit.js
+git add ../app/constants_logit.js
 
 # commit the changes
 git commit -m "Auto-update logit constants"
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 00000000..2a2e4b3b
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 00000000..ec75be30
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,7 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: "export", // Outputs a Single-Page Application (SPA).
+  distDir: "./dist", // Changes the build output directory to `./dist/`.
+};
+
+export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index e17c931b..664ced38 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@chakra-ui/icons": "^2.1.1",
+        "@chakra-ui/next-js": "^2.2.0",
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
@@ -23,6 +24,7 @@
         "moment": "^2.30.1",
         "moment-duration-format": "^2.3.2",
         "moment-timezone": "^0.5.45",
+        "next": "^14.2.4",
         "react": "^18",
         "react-chartjs-2": "^5.2.0",
         "react-dom": "^18",
@@ -33,6 +35,7 @@
         "web-vitals": "^4.2.0"
       },
       "devDependencies": {
+        "@next/eslint-plugin-next": "^14.2.4",
         "eslint-plugin-react-hooks": "^4.6.2"
       }
     },
@@ -2591,6 +2594,20 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@chakra-ui/next-js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/next-js/-/next-js-2.2.0.tgz",
+      "integrity": "sha512-brCz0UEOlImX4Np2jDIaljZJkW6kiDSuXG5erxvYjZlklLhmti1zj0o1sSjt5yff1xndfgHoOJb+BYG5wx+vDg==",
+      "dependencies": {
+        "@emotion/cache": "^11.11.0"
+      },
+      "peerDependencies": {
+        "@chakra-ui/react": ">=2.4.0",
+        "@emotion/react": ">=11",
+        "next": ">=13",
+        "react": ">=18"
+      }
+    },
     "node_modules/@chakra-ui/number-input": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@chakra-ui/number-input/-/number-input-2.1.2.tgz",
@@ -5709,6 +5726,201 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
+    "node_modules/@next/env": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.4.tgz",
+      "integrity": "sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.4.tgz",
+      "integrity": "sha512-svSFxW9f3xDaZA3idQmlFw7SusOuWTpDTAeBlO3AEPDltrraV+lqs7mAc6A27YdnpQVVIA3sODqUAAHdWhVWsA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "10.3.10"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "dev": true,
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/minimatch": {
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+      "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.4.tgz",
+      "integrity": "sha512-AH3mO4JlFUqsYcwFUHb1wAKlebHU/Hv2u2kb1pAuRanDZ7pD/A/KPD98RHZmwsJpdHQwfEc/06mgpSzwrJYnNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.4.tgz",
+      "integrity": "sha512-QVadW73sWIO6E2VroyUjuAxhWLZWEpiFqHdZdoQ/AMpN9YWGuHV8t2rChr0ahy+irKX5mlDU7OY68k3n4tAZTg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.4.tgz",
+      "integrity": "sha512-KT6GUrb3oyCfcfJ+WliXuJnD6pCpZiosx2X3k66HLR+DMoilRb76LpWPGb4tZprawTtcnyrv75ElD6VncVamUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.4.tgz",
+      "integrity": "sha512-Alv8/XGSs/ytwQcbCHwze1HmiIkIVhDHYLjczSVrf0Wi2MvKn/blt7+S6FJitj3yTlMwMxII1gIJ9WepI4aZ/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.4.tgz",
+      "integrity": "sha512-ze0ShQDBPCqxLImzw4sCdfnB3lRmN3qGMB2GWDRlq5Wqy4G36pxtNOo2usu/Nm9+V2Rh/QQnrRc2l94kYFXO6Q==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.4.tgz",
+      "integrity": "sha512-8dwC0UJoc6fC7PX70csdaznVMNr16hQrTDAMPvLPloazlcaWfdPogq+UpZX6Drqb1OBlwowz8iG7WR0Tzk/diQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.4.tgz",
+      "integrity": "sha512-jxyg67NbEWkDyvM+O8UDbPAyYRZqGLQDTPwvrBBeOSyVWW/jFQkQKQ70JDqDSYg1ZDdl+E3nkbFbq8xM8E9x8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.4.tgz",
+      "integrity": "sha512-twrmN753hjXRdcrZmZttb/m5xaCBFa48Dt3FbeEItpJArxriYDunWxJn+QFXdJ3hPkm4u7CKxncVvnmgQMY1ag==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.4.tgz",
+      "integrity": "sha512-tkLrjBzqFTP8DVrAAQmZelEahfR9OxWpFR++vAI9FBhCiIxtwHwBHC23SBHCTURBtwB4kc/x44imVOnkKGNVGg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -6222,6 +6434,20 @@
         "url": "https://github.com/sponsors/gregberge"
       }
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "9.3.3",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
@@ -7998,6 +8224,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
     "node_modules/bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -8067,9 +8304,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001572",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz",
-      "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==",
+      "version": "1.0.30001636",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz",
+      "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==",
       "funding": [
         {
           "type": "opencollective",
@@ -8223,6 +8460,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "node_modules/cliui": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -15993,6 +16235,82 @@
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
     },
+    "node_modules/next": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.4.tgz",
+      "integrity": "sha512-R8/V7vugY+822rsQGQCjoLhMuC9oFj9SOi4Cl4b2wjDrseD0LRZ10W7R6Czo4w9ZznVSshKjuIomsRjvm9EKJQ==",
+      "dependencies": {
+        "@next/env": "14.2.4",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.4",
+        "@next/swc-darwin-x64": "14.2.4",
+        "@next/swc-linux-arm64-gnu": "14.2.4",
+        "@next/swc-linux-arm64-musl": "14.2.4",
+        "@next/swc-linux-x64-gnu": "14.2.4",
+        "@next/swc-linux-x64-musl": "14.2.4",
+        "@next/swc-win32-arm64-msvc": "14.2.4",
+        "@next/swc-win32-ia32-msvc": "14.2.4",
+        "@next/swc-win32-x64-msvc": "14.2.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/no-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -20360,6 +20678,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -20580,6 +20906,28 @@
         "webpack": "^5.0.0"
       }
     },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/stylehacks": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
@@ -24266,6 +24614,14 @@
         "react-remove-scroll": "^2.5.6"
       }
     },
+    "@chakra-ui/next-js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@chakra-ui/next-js/-/next-js-2.2.0.tgz",
+      "integrity": "sha512-brCz0UEOlImX4Np2jDIaljZJkW6kiDSuXG5erxvYjZlklLhmti1zj0o1sSjt5yff1xndfgHoOJb+BYG5wx+vDg==",
+      "requires": {
+        "@emotion/cache": "^11.11.0"
+      }
+    },
     "@chakra-ui/number-input": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/@chakra-ui/number-input/-/number-input-2.1.2.tgz",
@@ -26663,6 +27019,107 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
     },
+    "@next/env": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.4.tgz",
+      "integrity": "sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg=="
+    },
+    "@next/eslint-plugin-next": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.4.tgz",
+      "integrity": "sha512-svSFxW9f3xDaZA3idQmlFw7SusOuWTpDTAeBlO3AEPDltrraV+lqs7mAc6A27YdnpQVVIA3sODqUAAHdWhVWsA==",
+      "dev": true,
+      "requires": {
+        "glob": "10.3.10"
+      },
+      "dependencies": {
+        "brace-expansion": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0"
+          }
+        },
+        "glob": {
+          "version": "10.3.10",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+          "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+          "dev": true,
+          "requires": {
+            "foreground-child": "^3.1.0",
+            "jackspeak": "^2.3.5",
+            "minimatch": "^9.0.1",
+            "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+            "path-scurry": "^1.10.1"
+          }
+        },
+        "minimatch": {
+          "version": "9.0.4",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+          "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^2.0.1"
+          }
+        }
+      }
+    },
+    "@next/swc-darwin-arm64": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.4.tgz",
+      "integrity": "sha512-AH3mO4JlFUqsYcwFUHb1wAKlebHU/Hv2u2kb1pAuRanDZ7pD/A/KPD98RHZmwsJpdHQwfEc/06mgpSzwrJYnNg==",
+      "optional": true
+    },
+    "@next/swc-darwin-x64": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.4.tgz",
+      "integrity": "sha512-QVadW73sWIO6E2VroyUjuAxhWLZWEpiFqHdZdoQ/AMpN9YWGuHV8t2rChr0ahy+irKX5mlDU7OY68k3n4tAZTg==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-gnu": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.4.tgz",
+      "integrity": "sha512-KT6GUrb3oyCfcfJ+WliXuJnD6pCpZiosx2X3k66HLR+DMoilRb76LpWPGb4tZprawTtcnyrv75ElD6VncVamUQ==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-musl": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.4.tgz",
+      "integrity": "sha512-Alv8/XGSs/ytwQcbCHwze1HmiIkIVhDHYLjczSVrf0Wi2MvKn/blt7+S6FJitj3yTlMwMxII1gIJ9WepI4aZ/A==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-gnu": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.4.tgz",
+      "integrity": "sha512-ze0ShQDBPCqxLImzw4sCdfnB3lRmN3qGMB2GWDRlq5Wqy4G36pxtNOo2usu/Nm9+V2Rh/QQnrRc2l94kYFXO6Q==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-musl": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.4.tgz",
+      "integrity": "sha512-8dwC0UJoc6fC7PX70csdaznVMNr16hQrTDAMPvLPloazlcaWfdPogq+UpZX6Drqb1OBlwowz8iG7WR0Tzk/diQ==",
+      "optional": true
+    },
+    "@next/swc-win32-arm64-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.4.tgz",
+      "integrity": "sha512-jxyg67NbEWkDyvM+O8UDbPAyYRZqGLQDTPwvrBBeOSyVWW/jFQkQKQ70JDqDSYg1ZDdl+E3nkbFbq8xM8E9x8A==",
+      "optional": true
+    },
+    "@next/swc-win32-ia32-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.4.tgz",
+      "integrity": "sha512-twrmN753hjXRdcrZmZttb/m5xaCBFa48Dt3FbeEItpJArxriYDunWxJn+QFXdJ3hPkm4u7CKxncVvnmgQMY1ag==",
+      "optional": true
+    },
+    "@next/swc-win32-x64-msvc": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.4.tgz",
+      "integrity": "sha512-tkLrjBzqFTP8DVrAAQmZelEahfR9OxWpFR++vAI9FBhCiIxtwHwBHC23SBHCTURBtwB4kc/x44imVOnkKGNVGg==",
+      "optional": true
+    },
     "@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -26998,6 +27455,20 @@
         "loader-utils": "^2.0.0"
       }
     },
+    "@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
+    "@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "requires": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
     "@testing-library/dom": {
       "version": "9.3.3",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
@@ -28374,6 +28845,14 @@
       "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
       "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw=="
     },
+    "busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "requires": {
+        "streamsearch": "^1.1.0"
+      }
+    },
     "bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -28425,9 +28904,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001572",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz",
-      "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw=="
+      "version": "1.0.30001636",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001636.tgz",
+      "integrity": "sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg=="
     },
     "case-sensitive-paths-webpack-plugin": {
       "version": "2.4.0",
@@ -28522,6 +29001,11 @@
         }
       }
     },
+    "client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
     "cliui": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -34423,6 +34907,41 @@
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
     },
+    "next": {
+      "version": "14.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.4.tgz",
+      "integrity": "sha512-R8/V7vugY+822rsQGQCjoLhMuC9oFj9SOi4Cl4b2wjDrseD0LRZ10W7R6Czo4w9ZznVSshKjuIomsRjvm9EKJQ==",
+      "requires": {
+        "@next/env": "14.2.4",
+        "@next/swc-darwin-arm64": "14.2.4",
+        "@next/swc-darwin-x64": "14.2.4",
+        "@next/swc-linux-arm64-gnu": "14.2.4",
+        "@next/swc-linux-arm64-musl": "14.2.4",
+        "@next/swc-linux-x64-gnu": "14.2.4",
+        "@next/swc-linux-x64-musl": "14.2.4",
+        "@next/swc-win32-arm64-msvc": "14.2.4",
+        "@next/swc-win32-ia32-msvc": "14.2.4",
+        "@next/swc-win32-x64-msvc": "14.2.4",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "dependencies": {
+        "postcss": {
+          "version": "8.4.31",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+          "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+          "requires": {
+            "nanoid": "^3.3.6",
+            "picocolors": "^1.0.0",
+            "source-map-js": "^1.0.2"
+          }
+        }
+      }
+    },
     "no-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -37439,6 +37958,11 @@
         "internal-slot": "^1.0.4"
       }
     },
+    "streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
+    },
     "string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -37601,6 +38125,14 @@
       "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==",
       "requires": {}
     },
+    "styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "requires": {
+        "client-only": "0.0.1"
+      }
+    },
     "stylehacks": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
diff --git a/package.json b/package.json
index c92deb9c..d4d662b6 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "homepage": "/",
   "dependencies": {
     "@chakra-ui/icons": "^2.1.1",
+    "@chakra-ui/next-js": "^2.2.0",
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
@@ -19,6 +20,7 @@
     "moment": "^2.30.1",
     "moment-duration-format": "^2.3.2",
     "moment-timezone": "^0.5.45",
+    "next": "^14.2.4",
     "react": "^18",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18",
@@ -29,10 +31,10 @@
     "web-vitals": "^4.2.0"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
   },
   "eslintConfig": {
     "extends": [
@@ -53,6 +55,7 @@
     ]
   },
   "devDependencies": {
+    "@next/eslint-plugin-next": "^14.2.4",
     "eslint-plugin-react-hooks": "^4.6.2"
   }
 }
diff --git a/src/app/images/np-icon.svg b/public/images/np-icon.svg
similarity index 100%
rename from src/app/images/np-icon.svg
rename to public/images/np-icon.svg
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index ef1eea0f..00000000
--- a/public/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/icon-192x192.png" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="%PUBLIC_URL%/icon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="%PUBLIC_URL%/icon-16x16.png"
-    />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>NeoFoodClub</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/src/service-worker.js b/public/service-worker.js
similarity index 100%
rename from src/service-worker.js
rename to public/service-worker.js
diff --git a/src/.index.js.swn b/src/.index.js.swn
deleted file mode 100644
index 16ab2ccd..00000000
Binary files a/src/.index.js.swn and /dev/null differ
diff --git a/src/.index.js.swo b/src/.index.js.swo
deleted file mode 100644
index 6b2f4ccc..00000000
Binary files a/src/.index.js.swo and /dev/null differ
diff --git a/src/.index.js.swp b/src/.index.js.swp
deleted file mode 100644
index f2a7a7c0..00000000
Binary files a/src/.index.js.swp and /dev/null differ
diff --git a/src/app/FaviconGenerator.jsx b/src/app/FaviconGenerator.jsx
deleted file mode 100644
index 93fd6e1c..00000000
--- a/src/app/FaviconGenerator.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-const linkForFavicon = document.querySelector(`head > link[rel='icon']`);
-
-const faviconTemplate = (icon) => {
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><text y="24" font-size="26">${icon}</text></svg>`;
-};
-
-function FaviconGenerator() {
-  const emojis = [
-    "🍗",
-    "🍔",
-    "🍞",
-    "🥪",
-    "🥨",
-    "🍕",
-    "🌭",
-    "🌮",
-    "🌯",
-    "🍖",
-    "🥩",
-    "🥧",
-    "🥓",
-    "🦀",
-  ];
-
-  const favicon = faviconTemplate(
-    emojis[Math.floor(Math.random() * emojis.length)]
-  );
-
-  linkForFavicon.setAttribute("href", `data:image/svg+xml,${favicon}`);
-
-  return null;
-}
-
-export default FaviconGenerator;
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index c33624cf..00000000
--- a/src/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import * as ReactDOMClient from "react-dom/client";
-import "./index.css";
-import App from "./app/App";
-import FaviconGenerator from "./app/FaviconGenerator";
-import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
-import reportWebVitals from "./reportWebVitals";
-import { StateProvider } from "./app/RoundState";
-import { ChakraProvider } from "@chakra-ui/react";
-import theme from "./theme";
-
-const rootElement = document.getElementById("root");
-const root = ReactDOMClient.createRoot(rootElement);
-
-root.render(
-  <React.StrictMode>
-    <FaviconGenerator />
-    <ChakraProvider theme={theme}>
-      <StateProvider>
-        <App />
-      </StateProvider>
-    </ChakraProvider>
-  </React.StrictMode>
-);
-
-serviceWorkerRegistration.register();
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
deleted file mode 100644
index 9ecd33f9..00000000
--- a/src/reportWebVitals.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;
diff --git a/src/serviceWorkerRegistration.js b/src/serviceWorkerRegistration.js
deleted file mode 100644
index fd0e8c5a..00000000
--- a/src/serviceWorkerRegistration.js
+++ /dev/null
@@ -1,141 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://cra.link/PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === "localhost" ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === "[::1]" ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-export function register(config) {
-  if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener("load", () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            "This web app is being served cache-first by a service " +
-              "worker. To learn more, visit https://cra.link/PWA"
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl, config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then((registration) => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === "installed") {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                "New content is available and will be used when all " +
-                  "tabs for this page are closed. See https://cra.link/PWA."
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log("Content is cached for offline use.");
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch((error) => {
-      console.error("Error during service worker registration:", error);
-    });
-}
-
-function checkValidServiceWorker(swUrl, config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl, {
-    headers: { "Service-Worker": "script" },
-  })
-    .then((response) => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get("content-type");
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf("javascript") === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then((registration) => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log(
-        "No internet connection found. App is running in offline mode."
-      );
-    });
-}
-
-export function unregister() {
-  if ("serviceWorker" in navigator) {
-    navigator.serviceWorker.ready
-      .then((registration) => {
-        registration.unregister();
-      })
-      .catch((error) => {
-        console.error(error.message);
-      });
-  }
-}
diff --git a/src/setupTests.js b/src/setupTests.js
deleted file mode 100644
index 1dd407a6..00000000
--- a/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";