REFACTORING Updated new restake launch info [DONE]

0xHashstack · Feb 20, 2024 · 11c9b84 · 11c9b84
1 parent f8728aa
commit 11c9b84
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 11 deletions.
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
@@ -22,8 +22,8 @@ const Content = () => {
   // Array of texts and links
   const texts = [
     {
-      text: 'Airdrop for mainnet v1 ',
-      link: 'https://app.hashstack.finance/',
+      text: 'Restake - Cross-chain liquid staking solution ',
+      link: 'https://testnet.restake.it/',
     },
     {
       text: 'Referral Campaign is live ',

diff --git a/src/components/IpadView.tsx b/src/components/IpadView.tsx
@@ -35,8 +35,8 @@ const IpadView = () => {
     // Array of texts and links
     const texts = [
         {
-            text: 'Airdrop for mainnet v1 ',
-            link: 'https://app.hashstack.finance//',
+            text: 'Restake - Cross-chain liquid staking solution ',
+            link: 'https://testnet.restake.it/',
         },
         {
             text: 'Referral Campaign is live ',

diff --git a/src/components/mobileView.tsx b/src/components/mobileView.tsx
@@ -23,8 +23,8 @@ const MobileView = () => {
     // Array of texts and links
     const texts = [
         {
-            text: 'Airdrop for mainnet v1 ',
-            link: 'https://app.hashstack.finance//',
+            text: 'Restake - Cross-chain liquid staking solution ',
+            link: 'https://testnet.restake.it/',
         },
         {
             text: 'Referral Campaign is live ',
@@ -79,15 +79,20 @@ const MobileView = () => {
                         <source src="/landingPage_illustration.mp4" type="video/mp4" />
                     </video> */}
                 </Box>
-                <Box mt="1rem" mb="2rem" height="35px" display="flex" alignItems="center" justifyContent="center">
-                    <Box fontSize="16px" fontWeight="500" lineHeight="20px" letterSpacing="-0.15px" display="flex" alignItems="center">
-                        <Text color="#00D395" mr="0.4rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px">
-                            Launched
-                        </Text>
+                <Box mt="2rem" mb="3.5rem" height="35px" display="flex" alignItems="center" justifyContent="center">
+                    <Box fontSize="16px" fontWeight="500" lineHeight="20px" letterSpacing="-0.15px">
+                        <Box width="100%" display="flex" justifyContent="center">
+                            <Text color="#00D395" mr="0.4rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px" width="28%" >
+                                Launched
+                            </Text>
+                        </Box>
 
                         <Text
                             _hover={{ color: '#8C8C9B' }}
                             mr="0.6rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px"
+                            mt="-0.1rem"
+                            width="100%"
+
                         >
                             <Link href={texts[0].link} target="_blank" style={{ display: 'flex',whiteSpace:"nowrap" }}>
                                 {texts[0].text}
@@ -97,6 +102,7 @@ const MobileView = () => {
                                     // mt="0.2rem"
                                     maxWidth="100%"
                                     height="20px"
+                                    marginLeft="0.5rem"
                                 // maxHeight="100px"
                                 />
                             </Link>