added banner

AelinXYZ · Aug 7, 2023 · ea34d0e · ea34d0e
1 parent 4cd874d
commit ea34d0e
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 4 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,14 +1,33 @@
 import type { NextPage } from 'next'
 import Head from 'next/head'
+import Link from 'next/link'
+import styled from 'styled-components'
 
 import { LeftSidebarLayout } from '@/src/components/layout/LeftSidebarLayout'
 import { ListWithFilters } from '@/src/components/pools/list/ListWithFilters'
 import { VouchedPools } from '@/src/components/pools/list/Vouched'
+import { SectionIntro as BaseSectionIntro } from '@/src/components/section/SectionIntro'
 import { ThemeType } from '@/src/constants/types'
 import useAelinUser from '@/src/hooks/aelin/useAelinUser'
 import { useThemeContext } from '@/src/providers/themeContextProvider'
 import { useWeb3Connection } from '@/src/providers/web3ConnectionProvider'
 
+const Container = styled.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 1.5rem;
+  height: 350px;
+`
+
+const SectionIntro = styled(BaseSectionIntro)`
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0px;
+  justify-content: space-between;
+  height: 300px;
+`
+
 const Home: NextPage = () => {
   const { address } = useWeb3Connection()
   const { data: userResponse } = useAelinUser(address)
@@ -23,6 +42,26 @@ const Home: NextPage = () => {
         <title>Aelin - Pools List</title>
       </Head>
       <LeftSidebarLayout>
+        <Container>
+          <SectionIntro
+            backgroundImage={
+              isLizardTheme ? `/resources/lizards/violet-lizard.png` : `/resources/svg/bg-deals.svg`
+            }
+            backgroundPosition="100% 110%"
+            backgroundSize={isLizardTheme ? '100px 85px' : 'auto auto'}
+            button={[]}
+            title=""
+          >
+            The Aelin Council has unanimously proposed that core contributors stop working on the
+            Aelin Protocol. Over the past 2 years, the CCs and Council have worked tirelessly to
+            build Aelin. Despite their best efforts, Aelin was unable to gain the level of usage
+            needed for the protocol to be sustainable. <br />
+            The full governance proposal, AELIP-53, can be found at this link with more details:{' '}
+            <Link href="https://aelips.aelin.xyz/aelips/aelip-53/">
+              https://aelips.aelin.xyz/aelips/aelip-53/
+            </Link>
+          </SectionIntro>
+        </Container>
         <VouchedPools />
         {!isLizardTheme && <ListWithFilters userPoolsInvested={userResponse?.poolsInvested} />}
       </LeftSidebarLayout>

diff --git a/src/components/section/SectionIntro.tsx b/src/components/section/SectionIntro.tsx
@@ -21,7 +21,6 @@ const Wrapper = styled(BaseCard)<{
 
   @media (min-width: ${({ theme }) => theme.themeBreakPoints.tabletPortraitStart}) {
     min-height: 180px;
-    max-height: 220px;
   }
 
   @media (min-width: ${({ theme }) => theme.themeBreakPoints.desktopStart}) {
@@ -49,8 +48,8 @@ const Title = styled.h1`
 
 const Description = styled.p`
   color: ${({ theme: { colors } }) => colors.textColor};
-  font-size: 0.8rem;
-  font-weight: 400;
+  font-size: 1.5rem;
+  font-weight: 100;
   line-height: 1.4;
   margin: 0 0 16px;
 
@@ -63,7 +62,6 @@ const Description = styled.p`
   }
 
   @media (min-width: ${({ theme }) => theme.themeBreakPoints.desktopStart}) {
-    font-size: 0.9rem;
     margin-bottom: 18px;
   }
 `