diff --git a/index.html b/index.html
index 6c33b1a..ebb67ac 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 
 <head>
-  <script>!function (e, t, a, n, g) { e[n] = e[n] || [], e[n].push({ "gtm.start": (new Date).getTime(), event: "gtm.js" }); var m = t.getElementsByTagName(a)[0], r = t.createElement(a); r.async = !0, r.src = "https://www.googletagmanager.com/gtm.js?id=GTM-K4XHBR6", m.parentNode.insertBefore(r, m) }(window, document, "script", "dataLayer")</script>
   <meta charset="utf-8" />
   <link rel="icon" href="favicon.ico" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
@@ -66,6 +65,22 @@
     .logo {
       background-image: url("logo512.png");
     }
+
+    header#archived {
+      background: rgb(149 40 40 / 48%);
+      border-radius: 2rem;
+      position: fixed;
+      padding: 1rem 2rem;
+      font-size: 1.5rem;
+      letter-spacing: 1.5px;
+      text-transform: uppercase;
+      z-index: 99;
+      backdrop-filter: blur(7px);
+      font-family: "GlacialBold";
+      left: 15rem;
+      right: 15rem;
+      top: 3rem;
+    }
   </style>
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-7VZCY223NG"></script>
   <script>function gtag() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-7VZCY223NG")</script>
@@ -73,7 +88,10 @@
 </head>
 
 <body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K4XHBR6" height="0" width="0"
-      style="display:none;visibility:hidden"></iframe></noscript>
+  style="display:none;visibility:hidden"></iframe></noscript>
+  <header id="archived">
+    <div>⚠️ Project has been archived.</div>
+  </header>
   <div id="root"></div>
   <footer data-font="sans">
     <div class="link-container">
@@ -97,9 +115,10 @@
     <div class="overline by" data-font="sans">Designed &amp; Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
     </div>
   </footer>
-  <script>!function (e) { function r(r) { for (var n, a, l = r[0], f = r[1], i = r[2], c = 0, s = []; c < l.length; c++)a = l[c], Object.prototype.hasOwnProperty.call(o, a) && o[a] && s.push(o[a][0]), o[a] = 0; for (n in f) Object.prototype.hasOwnProperty.call(f, n) && (e[n] = f[n]); for (p && p(r); s.length;)s.shift()(); return u.push.apply(u, i || []), t() } function t() { for (var e, r = 0; r < u.length; r++) { for (var t = u[r], n = !0, l = 1; l < t.length; l++) { var f = t[l]; 0 !== o[f] && (n = !1) } n && (u.splice(r--, 1), e = a(a.s = t[0])) } return e } var n = {}, o = { 1: 0 }, u = []; function a(r) { if (n[r]) return n[r].exports; var t = n[r] = { i: r, l: !1, exports: {} }; return e[r].call(t.exports, t, t.exports, a), t.l = !0, t.exports } a.m = e, a.c = n, a.d = function (e, r, t) { a.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t }) }, a.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, a.t = function (e, r) { if (1 & r && (e = a(e)), 8 & r) return e; if (4 & r && "object" == typeof e && e && e.__esModule) return e; var t = Object.create(null); if (a.r(t), Object.defineProperty(t, "default", { enumerable: !0, value: e }), 2 & r && "string" != typeof e) for (var n in e) a.d(t, n, function (r) { return e[r] }.bind(null, n)); return t }, a.n = function (e) { var r = e && e.__esModule ? function () { return e.default } : function () { return e }; return a.d(r, "a", r), r }, a.o = function (e, r) { return Object.prototype.hasOwnProperty.call(e, r) }, a.p = "/"; var l = this.webpackJsonpvaxandme = this.webpackJsonpvaxandme || [], f = l.push.bind(l); l.push = r, l = l.slice(); for (var i = 0; i < l.length; i++)r(l[i]); var p = f; t() }([])</script>
-  <script src="static/js/2.0421bfec.chunk.js"></script>
-  <script src="static/js/main.def8f225.chunk.js"></script>
+  <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
+  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
+  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
+  <script type="text/babel" src="index.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/index.js b/index.js
index 10d6c08..a3887c5 100644
--- a/index.js
+++ b/index.js
@@ -1,28 +1,32 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import firebase from "firebase/app";
-import "firebase/functions";
+'use strict';
 
-const FIREBASE_CONFIG = {
-  apiKey: "AIzaSyDKw8HXWRn3dtkIRETv-BxtwnklZIpIkxU",
-  authDomain: "vaxandme.firebaseapp.com",
-  projectId: "vaxandme",
-  storageBucket: "vaxandme.appspot.com",
-  messagingSenderId: "614738281692",
-  appId: "1:614738281692:web:7a89e0af76675e4f0ea019",
-  measurementId: "G-N016TVJ6JC",
-};
+//import firebase from "firebase/app";
+//import "firebase/functions";
+//
+//const FIREBASE_CONFIG = {
+//  apiKey: "AIzaSyDKw8HXWRn3dtkIRETv-BxtwnklZIpIkxU",
+//  authDomain: "vaxandme.firebaseapp.com",
+//  projectId: "vaxandme",
+//  storageBucket: "vaxandme.appspot.com",
+//  messagingSenderId: "614738281692",
+//  appId: "1:614738281692:web:7a89e0af76675e4f0ea019",
+//  measurementId: "G-N016TVJ6JC",
+//};
+//
+//firebase.initializeApp(FIREBASE_CONFIG);
+//
+//if (window.location.host !== "www.vaxand.me") {
+//  firebase.functions().useEmulator(window.location.host.split(":")[0], 5001);
+//}
+//
+//const fb_functions = firebase.functions();
+//const saveResult = fb_functions.httpsCallable("saveResultV1");
+//const getPastResult = fb_functions.httpsCallable("getPastResultV1");
+//const getStats = fb_functions.httpsCallable("getStatsV1");
 
-firebase.initializeApp(FIREBASE_CONFIG);
-
-if (window.location.host !== "www.vaxand.me") {
-  firebase.functions().useEmulator(window.location.host.split(":")[0], 5001);
-}
-
-const fb_functions = firebase.functions();
-const saveResult = fb_functions.httpsCallable("saveResultV1");
-const getPastResult = fb_functions.httpsCallable("getPastResultV1");
-const getStats = fb_functions.httpsCallable("getStatsV1");
+const saveResult = () => new Promise((resolve, reject) => reject());
+const getPastResult = () => new Promise((resolve, reject) => reject());
+const getStats = () => new Promise((resolve, reject) => reject());
 
 const VAX_NAMES = {
   PB: "Pfizer-BioNTech",
@@ -980,9 +984,6 @@ class App extends React.Component {
   }
 }
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.querySelector("#root")
-);
+const domContainer = document.querySelector('#root');
+const root = ReactDOM.createRoot(domContainer);
+root.render(React.createElement(App));