Merge pull request #117 from edsonayllon/feat/mta-minimize

feat(Home): Minimize references to MTA
mstable · Sep 5, 2023 · 7b3f225 · 7b3f225
2 parents a452cc1 + 3d289a8
commit 7b3f225
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 63 deletions.
diff --git a/src/components/home/Adverts.tsx b/src/components/home/Adverts.tsx
@@ -1,9 +1,7 @@
 /* eslint-disable no-empty */
-import React from 'react'
-
 import styled from 'styled-components'
 
-import { MTA_BURN_APP_LINK, YIELD_APP_LINK } from '../../constants'
+import { YIELD_APP_LINK } from '../../constants'
 import { Card, CardActions, CardContent, CardHeader } from '../Card'
 import { LinkButton } from '../CTA'
 
@@ -18,10 +16,6 @@ const Container = styled.div`
   gap: 2rem;
 `
 
-const ContainerWithSpacing = styled(Container)`
-  ${({ theme }) => theme.mixins.sectionSpacing};
-`
-
 export const Adverts: FC = () => (
   <>
     <Container>
@@ -40,41 +34,5 @@ export const Adverts: FC = () => (
         </CardActions>
       </Card>
     </Container>
-    <ContainerWithSpacing>
-      <Card bgColor="blue">
-        <CardHeader>
-          <h2>New MTA Yield</h2>
-        </CardHeader>
-        <CardContent>
-          <p>
-            New opportunity to earn <b>&gt;100% APR</b> by providing MTA liquidity on Optimism Velodrome.
-          </p>
-        </CardContent>
-        <CardActions>
-          <LinkButton href="https://app.optimism.io/bridge/deposit" highlight>
-            Bridge to Optimism
-          </LinkButton>
-          <LinkButton
-            href="https://app.velodrome.finance/deposit?token0=0x7f5c764cbc14f9669b88837ca1490cca17c31607&token1=0x929b939f8524c3be977af57a4a0ad3fb1e374b50&stable=false"
-            highlight
-          >
-            Earn &gt;100% APR
-          </LinkButton>
-        </CardActions>
-      </Card>
-      <Card bgColor="pink">
-        <CardHeader>
-          <h2>MTA Buyback</h2>
-        </CardHeader>
-        <CardContent>
-          <p>Burn MTA to receive stablecoin yield on Optimism. Swap fixed at $0.0318 USD / MTA.</p>
-        </CardContent>
-        <CardActions>
-          <LinkButton href={MTA_BURN_APP_LINK} external={false}>
-            MTA Buyback
-          </LinkButton>
-        </CardActions>
-      </Card>
-    </ContainerWithSpacing>
   </>
 )
diff --git a/src/components/home/Ecosystem.tsx b/src/components/home/Ecosystem.tsx
@@ -3,6 +3,7 @@ import styled from 'styled-components'
 import { Card, CardContent, CardHeader } from '../Card'
 import { ExternalLink } from '../ExternalLink'
 import { Section } from '../layout/Section'
+import { Banner } from './Banner'
 
 const Container = styled.section`
   width: 100%;
@@ -42,6 +43,7 @@ export const Ecosystem = () => {
           </CardContent>
         </Card>
       </Container>
+      <Banner />
     </Section>
   )
 }
diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
@@ -50,9 +50,4 @@ const Container = styled(Section)`
   }
 `
 
-export const Hero: FC = () => (
-  <Container
-    h1="Decentralized Stablecoin Ecosystem"
-    h2="Trade and earn yield on your stablecoins on mStable, a decentralized and non-custodial protocol powered by $MTA"
-  />
-)
+export const Hero: FC = () => <Container h1="Automated Stable Yields" h2="Earn yield on your stablecoins on mStable" />
diff --git a/src/components/home/Products.tsx b/src/components/home/Products.tsx
@@ -30,16 +30,16 @@ export const Products: FC = () => {
         </CardContent>
         <CardActions>
           <LinkButton href={YIELD_APP_LINK} highlight external={false}>
-            mStable Yield App
+            Earn Yield
           </LinkButton>
         </CardActions>
       </Card>
       <Card bgColor="purple">
         <CardHeader>
-          <h2>Exit Legacy Products</h2>
+          <h2>Legacy Support</h2>
         </CardHeader>
         <CardContent>
-          <p>Withdraw from your legacy mStable product positions.</p>
+          <p>Withdraw from your legacy mStable product positions. Option to redeem governance token at floor price.</p>
         </CardContent>
         <CardActions>
           <LinkButton href={WITHDRAW_APP_LINK} external={false}>

diff --git a/src/components/home/Roadmap.tsx b/src/components/home/Roadmap.tsx
@@ -34,18 +34,24 @@ export const Roadmap = () => {
     <Section h1="Roadmap" h2="Have a look at the future of mStable">
       <Container>
         <div>
-          <h3>Phase 1 - Increased Focus</h3>
+          <h3>
+            Phase 1 - Increased Focus <br /> (completed)
+          </h3>
           <ul>
             <li>High yield vaults on Optimism</li>
             <li>MTA liquidity on Velodrome</li>
-            <li>MTA buy-back and burn</li>
+            <li>MTA buy-back and burn release</li>
             <li>Long term support withdrawals</li>
           </ul>
         </div>
         <div>
-          <h3>Phase 2 - Flatcoin</h3>
+          <h3>
+            Phase 2 - Flatcoin <br /> (in development)
+          </h3>
           <ul>
             <li>Flatcoin with no de-peg risk</li>
+            <li>Primitive with minimal dependencies</li>
+            <li>Powered by perps market</li>
             <li>More info soon</li>
           </ul>
         </div>

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components'
 
-import { DHEDGE_APP_LINK, DHEDGE_AUDIT_LINK, MTA_BUY_LINK, YIELD_APP_LINK } from '../../constants'
+import { DHEDGE_APP_LINK, DHEDGE_AUDIT_LINK, YIELD_APP_LINK } from '../../constants'
 import DefiPulse from '../../images/social/defi-pulse.svg'
 import Discord from '../../images/social/discord.svg'
 import Email from '../../images/social/email.svg'
@@ -264,7 +264,6 @@ export const Footer: FC = () => {
               <b>mStable</b> powered by <ExternalLink href={DHEDGE_APP_LINK}>dHEDGE</ExternalLink>
             </div>
             <ExternalLinContainer>
-              <ExternalLink href={MTA_BUY_LINK}>Buy MTA</ExternalLink>
               <ExternalLink href={'https://developers.mstable.org/'}>Docs</ExternalLink>
               <ExternalLink
                 href={'https://www.notion.so/mstable/Shape-the-future-of-finance-with-mStable-6273a1b556fd4558adb5380925d8d1ac'}

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -1,9 +1,6 @@
 import { Adverts } from '../components/home/Adverts'
-import { Banner } from '../components/home/Banner'
-import { BigStats } from '../components/home/BigStats'
 import { DataProvider } from '../components/home/DataProvider'
 import { Ecosystem } from '../components/home/Ecosystem'
-import { Govern } from '../components/home/Govern'
 import { Hero } from '../components/home/Hero'
 import { Integrations } from '../components/home/Integrations'
 import { Products } from '../components/home/Products'
@@ -16,13 +13,10 @@ export const Home: FC = () => {
     <DataProvider>
       <Hero />
       <Adverts />
-      <BigStats />
-      <Banner />
       <Roadmap />
       <Products />
       <Ecosystem />
       <Integrations />
-      <Govern />
     </DataProvider>
   )
 }