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 => {
} />
} />
} />
- }>
- }>
- } />
- }>
- }
- />
-
- }
- />
- }
- />
- } />
-
- }>
-
- }
- />
-
- }
- />
- }
- />
- } />
-
-
- } />
-
- {STAKING_LIVE && } />}
- {STAKING_LIVE && } />}
- {STAKING_LIVE && } />}
- } />
} />
} />
} />
- } />
- } />
} />
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 => {
-
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 => {
-
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 (
- 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 (
- {t("landingPage.header")}
- {t("landingPage.subHeader")}
- {t("landingPage.stats.tvl")}
- {tvl ? (
- {tvl.toCompactUsdValue(1)}
- ) : (
-
-
-
- )}
+ Mero Protocol Shutdown
+
+ 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.
+
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 (
-
-
-
-
-
-
-
-
);
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;