From 1c8b7e4193798e236b309a7313b50f13b0da8654 Mon Sep 17 00:00:00 2001
From: Chase Manning <chase@manning.dev>
Date: Wed, 3 Jul 2024 14:54:46 +0100
Subject: [PATCH] :coffin: shutdown website

---
 src/App.tsx                       | 71 ----------------------
 src/Layout.tsx                    |  2 -
 src/components/Footer.tsx         | 10 ----
 src/components/Header.tsx         |  1 -
 src/components/RegionPopup.tsx    | 99 -------------------------------
 src/pages/landing/Hero.tsx        | 21 +++----
 src/pages/landing/LandingPage.tsx | 16 -----
 src/styles/Headers.tsx            |  3 +-
 8 files changed, 10 insertions(+), 213 deletions(-)
 delete mode 100644 src/components/RegionPopup.tsx

diff --git a/src/App.tsx b/src/App.tsx
index a0823b22..f616118a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,27 +3,10 @@ import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 
 import LandingPage from "./pages/landing/LandingPage";
 import PoolsPage from "./pages/pools/PoolsPage";
-import StakePage from "./pages/stake/StakePage";
-import LitepaperPage from "./pages/litepaper/LitepaperPage";
-import ClaimPage from "./pages/claim/ClaimPage";
 import PoolPage from "./pages/pool/PoolPage";
 import NotFoundPage from "./pages/not-found/NotFoundPage";
-import ActionsPage from "./pages/actions/ActionsPage";
-import ActionRegister from "./pages/actions/register/ActionRegister";
-import ActionsIndex from "./pages/actions/ActionsIndex";
-import ActionRegisterIndex from "./pages/actions/register/ActionRegisterIndex";
-import RegisterTopup from "./pages/actions/register/topup/RegisterTopup";
-import TopupPoolDeposit from "./pages/actions/register/topup/TopupPoolDeposit";
-import TopupConditions from "./pages/actions/register/topup/TopupConditions";
-import TopupPool from "./pages/actions/register/topup/TopupPool";
-import TopupLoan from "./pages/actions/register/topup/TopupLoan";
 import Layout from "./Layout";
-import MeroPage from "./pages/mero/MeroPage";
-import { DEBT_REPAYMENT_ACTION_ROUTE, STAKING_LIVE, TOPUP_ACTION_ROUTE } from "./lib/constants";
-import CareersPage from "./pages/careers/CareersPage";
-import CareerPage from "./pages/careers/CareerPage";
 import PoolMigrationPage from "./pages/pool-migration/PoolMigrationPage";
-import DebtRepaymentPool from "./pages/actions/register/topup/DebtRepaymentPool";
 import PrivacyPolicyPage from "./pages/privacy-policy/PrivacyPolicyPage";
 import TermsOfServicePage from "./pages/terms-of-service/TermsOfService";
 
@@ -36,63 +19,9 @@ const App = (): JSX.Element => {
             <Route index element={<LandingPage />} />
             <Route path="pool/:poolName" element={<PoolPage />} />
             <Route path="pools" element={<PoolsPage />} />
-            <Route path="actions" element={<ActionsPage />}>
-              <Route path="register" element={<ActionRegister />}>
-                <Route index element={<ActionRegisterIndex />} />
-                <Route path="topup" element={<RegisterTopup />}>
-                  <Route
-                    index
-                    element={<TopupLoan actionType="topup" nextRouteBase={TOPUP_ACTION_ROUTE} />}
-                  />
-                  <Route
-                    path="deposit/:poolName/:address/:protocol"
-                    element={
-                      <TopupPoolDeposit actionType="topup" nextRouteBase={TOPUP_ACTION_ROUTE} />
-                    }
-                  />
-                  <Route
-                    path=":address/:protocol/:poolName"
-                    element={<TopupConditions actionType="topup" />}
-                  />
-                  <Route path=":address/:protocol" element={<TopupPool />} />
-                </Route>
-                <Route path="debt-repayment" element={<RegisterTopup />}>
-                  <Route
-                    index
-                    element={
-                      <TopupLoan
-                        actionType="debtRepayment"
-                        nextRouteBase={DEBT_REPAYMENT_ACTION_ROUTE}
-                      />
-                    }
-                  />
-                  <Route
-                    path="deposit/:poolName/:address/:protocol"
-                    element={
-                      <TopupPoolDeposit
-                        actionType="debtRepayment"
-                        nextRouteBase={DEBT_REPAYMENT_ACTION_ROUTE}
-                      />
-                    }
-                  />
-                  <Route
-                    path=":address/:protocol/:poolName"
-                    element={<TopupConditions actionType="debtRepayment" />}
-                  />
-                  <Route path=":address/:protocol" element={<DebtRepaymentPool />} />
-                </Route>
-              </Route>
-              <Route index element={<ActionsIndex />} />
-            </Route>
-            {STAKING_LIVE && <Route path="claim" element={<ClaimPage />} />}
-            {STAKING_LIVE && <Route path="stake" element={<StakePage />} />}
-            {STAKING_LIVE && <Route path="mero" element={<MeroPage />} />}
-            <Route path="litepaper" element={<LitepaperPage />} />
             <Route path="privacy-policy" element={<PrivacyPolicyPage />} />
             <Route path="tos" element={<TermsOfServicePage />} />
             <Route path="pool-migration" element={<PoolMigrationPage />} />
-            <Route path="careers" element={<CareersPage />} />
-            <Route path="career/:careerId" element={<CareerPage />} />
             <Route path="*" element={<NotFoundPage />} />
           </Route>
         </Routes>
diff --git a/src/Layout.tsx b/src/Layout.tsx
index 64574fd5..20af316f 100644
--- a/src/Layout.tsx
+++ b/src/Layout.tsx
@@ -16,7 +16,6 @@ import MockSigner from "./lib/mock/signer";
 import Footer from "./components/Footer";
 import ErrorAlert from "./components/ErrorAlert";
 import { MeroError } from "./app/errors";
-import RegionPopup from "./components/RegionPopup";
 
 const Background = styled.div`
   background: radial-gradient(rgba(11, 3, 60, 0.2), rgba(10, 5, 38, 0.3));
@@ -91,7 +90,6 @@ const Layout = (): JSX.Element => {
               </Content>
               <Footer />
               <ErrorAlert />
-              <RegionPopup />
             </StyledApp>
           </Background>
         </Web3ReactProvider>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 26fc9295..c5612dc7 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -32,11 +32,6 @@ const linkLists: LinkListType[] = [
   {
     header: "footer.community.header",
     links: [
-      {
-        internal: false,
-        label: "footer.community.links.careers",
-        link: "/careers",
-      },
       {
         internal: false,
         label: "footer.community.links.discord",
@@ -57,11 +52,6 @@ const linkLists: LinkListType[] = [
   {
     header: "footer.resources.header",
     links: [
-      {
-        internal: true,
-        label: "footer.resources.links.litepaper",
-        link: "/litepaper",
-      },
       {
         internal: false,
         label: "footer.resources.links.docs",
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 54b5cb96..47f2ff7d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -66,7 +66,6 @@ const Header = (): JSX.Element => {
         <Link to="/">
           <Logo src={logo} alt="Mero logo" />
         </Link>
-        <NavItems />
         <Connector />
       </Content>
     </StyledHeader>
diff --git a/src/components/RegionPopup.tsx b/src/components/RegionPopup.tsx
deleted file mode 100644
index f880e59e..00000000
--- a/src/components/RegionPopup.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import styled from "styled-components";
-import useGeoLocation from "react-ipgeolocation";
-import { useSelector } from "react-redux";
-import { useLocation, useNavigate } from "react-router-dom";
-
-import { selectUsersTotalUsdEverywhere } from "../state/valueSelectors";
-import Popup from "./Popup";
-import { PROTOCOL_PAGES } from "../lib/constants";
-
-interface CountryData {
-  code: string;
-  name: string;
-}
-const BLOCKED_COUNTRIES: CountryData[] = [
-  {
-    name: "United Kingdom",
-    code: "GB",
-  },
-  {
-    name: "United States",
-    code: "US",
-  },
-  {
-    name: "Belarus",
-    code: "BY",
-  },
-  {
-    name: "Burma",
-    code: "MM",
-  },
-  {
-    name: "China",
-    code: "CN",
-  },
-  {
-    name: "Cuba",
-    code: "CU",
-  },
-  {
-    name: "Congo",
-    code: "CD",
-  },
-  {
-    name: "Iran",
-    code: "IR",
-  },
-  {
-    name: "Iraq",
-    code: "IQ",
-  },
-  {
-    name: "Liberia",
-    code: "LR",
-  },
-  {
-    name: "North Korea",
-    code: "KP",
-  },
-  {
-    name: "Sudan",
-    code: "SD",
-  },
-  {
-    name: "Syria",
-    code: "SY",
-  },
-  {
-    name: "Zimbabwe",
-    code: "ZW",
-  },
-];
-
-const RegionPopup = (): JSX.Element | null => {
-  const navigate = useNavigate();
-
-  const deposited = useSelector(selectUsersTotalUsdEverywhere);
-  const location = useLocation();
-  const ipLocation = useGeoLocation();
-
-  if (!ipLocation) return null;
-
-  const hasDeposits = !!deposited && !deposited.isZero();
-  const countryData = BLOCKED_COUNTRIES.find((country) => country.code === ipLocation.country);
-  const blocked = countryData !== undefined;
-  const countryName = countryData?.name;
-  const inProtocolPage = PROTOCOL_PAGES.includes(location.pathname.split("/")[1]);
-
-  return (
-    <Popup
-      centerHeader
-      show={blocked && !hasDeposits && inProtocolPage}
-      close={() => navigate("/")}
-      header="Unsupported Region"
-      body={`Mero access is currently not granted to residents of ${countryName}`}
-    />
-  );
-};
-
-export default RegionPopup;
diff --git a/src/pages/landing/Hero.tsx b/src/pages/landing/Hero.tsx
index 1034e8ba..be78998c 100644
--- a/src/pages/landing/Hero.tsx
+++ b/src/pages/landing/Hero.tsx
@@ -13,11 +13,11 @@ const StyledHero = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: var(--section-margin);
 
   @media (max-width: 600px) {
     margin: var(--mobile-section-margin);
   }
+  flex: 1;
 `;
 
 const TvlHeader = styled.div`
@@ -66,19 +66,16 @@ const Hero = (): JSX.Element => {
 
   return (
     <StyledHero>
-      <Header1>{t("landingPage.header")}</Header1>
-      <Header3>{t("landingPage.subHeader")}</Header3>
-      <TvlHeader>{t("landingPage.stats.tvl")}</TvlHeader>
-      {tvl ? (
-        <TvlValue id="hero-statistics-tvl">{tvl.toCompactUsdValue(1)}</TvlValue>
-      ) : (
-        <LoaderContainer>
-          <Loader button />
-        </LoaderContainer>
-      )}
+      <Header1>Mero Protocol Shutdown</Header1>
+      <Header3>
+        Mero is no longer operational. Users can no longer deposit funds into Mero pools. For users
+        who still hold funds in Mero pools, you can withdraw your funds below. The Mero website will
+        be shutdown on 01/01/2025. It has been a pleasure working on Mero, and we thank all of those
+        who supported us during this time.
+      </Header3>
       <ButtonContainer>
         <Button primary large click={() => navigate("/pools")}>
-          {t("landingPage.viewPools")}
+          Withdraw
         </Button>
       </ButtonContainer>
     </StyledHero>
diff --git a/src/pages/landing/LandingPage.tsx b/src/pages/landing/LandingPage.tsx
index 90745e2b..dd4b683a 100644
--- a/src/pages/landing/LandingPage.tsx
+++ b/src/pages/landing/LandingPage.tsx
@@ -2,15 +2,7 @@ import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 
 import Seo from "../../components/Seo";
-import Background from "./Background";
-import Benefits from "./Benefits";
-import FutureActions from "./FutureActions";
-import GetStarted from "./GetStarted";
 import Hero from "./Hero";
-import HowItWorks from "./HowItWorks";
-import JoinCommunity from "./JoinCommunity";
-import Preview from "./Preview";
-import SupportedBy from "./SupportedBy";
 
 const StyledLanding = styled.div`
   width: 100%;
@@ -30,16 +22,8 @@ const LandingPage = (): JSX.Element => {
   return (
     <StyledLanding>
       <Seo title={t("metadata.landing.title")} description={t("metadata.landing.description")} />
-      <Background />
       <Content>
         <Hero />
-        <Benefits />
-        <Preview />
-        <HowItWorks />
-        <FutureActions />
-        <SupportedBy />
-        <JoinCommunity />
-        <GetStarted />
       </Content>
     </StyledLanding>
   );
diff --git a/src/styles/Headers.tsx b/src/styles/Headers.tsx
index a1b33332..ddad005a 100644
--- a/src/styles/Headers.tsx
+++ b/src/styles/Headers.tsx
@@ -39,8 +39,7 @@ export const Header3 = styled.h3`
   max-width: 84rem;
   letter-spacing: 0.25px;
 
-  font-size: 2.8rem;
-  line-height: 4.2rem;
+  font-size: 1.8rem;
   @media (max-width: 600px) {
     font-size: 1.4rem;
     line-height: 1.9rem;