Merge pull request #105 from 0xHashstack/development

[UPDATED] Content in the announcement section to display degenmode & cap [DONE]
0xHashstack · Apr 23, 2024 · 617e991 · 617e991
2 parents 46985f8 + 46a8737
commit 617e991
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 30 deletions.
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
@@ -21,13 +21,17 @@ const Content = () => {
 
   // Array of texts and links
   const texts = [
+    // {
+    //   text: 'Restake - Cross-chain liquid staking solution ',
+    //   link: 'https://testnet.restake.it/',
+    // },
     {
-      text: 'Restake - Cross-chain liquid staking solution ',
-      link: 'https://testnet.restake.it/',
+      text: 'Content creators program ',
+      link: 'https://hashstack.medium.com/introducing-hashstacks-content-creator-program-ccp-435aea9c9d83',
     },
     {
-      text: 'Referral Campaign is live ',
-      link: 'https://your-other-link.com/',
+      text: 'Degen mode ',
+      link: 'https://hashstack.medium.com/execute-optimal-strategies-with-degen-mode-eb63c6f23322',
     },
   ];
 
@@ -68,13 +72,13 @@ const Content = () => {
           />
                 </Link>
               </Text>
-              {/* <Text
+               <Text
                 _hover={{ color: '#8C8C9B' }}
                 mr="0.6rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px"
                 cursor="pointer"
                 whiteSpace="nowrap"
               >
-                <Link href={texts[1].link} target="_blank">
+                <Link href={texts[1].link} target="_blank" style={{display:"flex",justifyContent:"center",gap:"0.3rem"}}>
                   {texts[1].text}
                 <Image
             src="/dancing_man-01.svg"
@@ -84,8 +88,7 @@ const Content = () => {
           // maxHeight="100px"
           />
                 </Link>
-              </Text> */}
-
+              </Text> 
             </Box>
           </Box>
           {isLessThan1250 ? <Image

diff --git a/src/components/IpadView.tsx b/src/components/IpadView.tsx
@@ -34,14 +34,18 @@ const IpadView = () => {
 
     // Array of texts and links
     const texts = [
+        // {
+        //     text: 'Restake - Cross-chain liquid staking solution ',
+        //     link: 'https://testnet.restake.it/',
+        // },
         {
-            text: 'Restake - Cross-chain liquid staking solution ',
-            link: 'https://testnet.restake.it/',
-        },
-        {
-            text: 'Referral Campaign is live ',
-            link: 'https://your-other-link.com//',
-        },
+            text: 'Content creators program ',
+            link: 'https://hashstack.medium.com/introducing-hashstacks-content-creator-program-ccp-435aea9c9d83',
+          },
+          {
+            text: 'Degen mode ',
+            link: 'https://hashstack.medium.com/execute-optimal-strategies-with-degen-mode-eb63c6f23322',
+          },
     ];
 
     // Function to toggle texts
@@ -117,13 +121,13 @@ const IpadView = () => {
                     </Box>
 
                 </Box>
-                {/* <Box mb="2rem" mt="1rem" height="35px" display="flex" alignItems="center"  >
+                <Box mb="2rem"   height="35px" display="flex" alignItems="center"  >
                     <Text
                         _hover={{ color: '#8C8C9B' }}
                         background="rgba(217, 217, 217, 0.10)" padding="9px 23px" borderRadius="10px"
                         fontSize="20px" fontWeight="500" lineHeight="20px" letterSpacing="-0.15px" whiteSpace="nowrap"
                     >
-                        <Link href={texts[1].link} target="_blank">
+                        <Link href={texts[1].link} target="_blank" style={{display:"flex",justifyContent:"center",gap:"0.3rem"}}>
                             {texts[1].text}
                             <Image
                                 src="/dancing_man-01.svg"
@@ -135,7 +139,7 @@ const IpadView = () => {
                             />
                         </Link>
                     </Text>
-                </Box> */}
+                </Box>
 
                 <Box display="flex" flexDirection="column" justifyContent="center">
                     <Image

diff --git a/src/components/mobileView.tsx b/src/components/mobileView.tsx
@@ -22,14 +22,18 @@ const MobileView = () => {
 
     // Array of texts and links
     const texts = [
+        // {
+        //     text: 'Restake - Cross-chain liquid staking solution ',
+        //     link: 'https://testnet.restake.it/',
+        // },
         {
-            text: 'Restake - Cross-chain liquid staking solution ',
-            link: 'https://testnet.restake.it/',
-        },
-        {
-            text: 'Referral Campaign is live ',
-            link: 'https://your-other-link.com//',
-        },
+            text: 'Content creators program ',
+            link: 'https://hashstack.medium.com/introducing-hashstacks-content-creator-program-ccp-435aea9c9d83',
+          },
+          {
+            text: 'Degen mode ',
+            link: 'https://hashstack.medium.com/execute-optimal-strategies-with-degen-mode-eb63c6f23322',
+          },
     ];
 
     // Function to toggle texts
@@ -79,10 +83,10 @@ const MobileView = () => {
                         <source src="/landingPage_illustration.mp4" type="video/mp4" />
                     </video> */}
                 </Box>
-                <Box mt="2rem" mb="3.5rem" height="35px" display="flex" alignItems="center" justifyContent="center">
+                <Box mt="2rem" mb="3rem" 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%" >
+                            <Text color="#00D395" mr="0.4rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px" width="38%" >
                                 Launched
                             </Text>
                         </Box>
@@ -109,13 +113,13 @@ const MobileView = () => {
                         </Text>
                     </Box>
                 </Box>
-                {/* <Box mb="2rem" mt="1rem" mr="1.3rem" height="35px" display="flex" alignItems="center" justifyContent="center"  >
+                <Box mb="2rem" ml="1.5rem" mr="1.3rem" height="35px" display="flex" alignItems="center" justifyContent="center"  >
                     <Text
                         _hover={{ color: '#8C8C9B' }}
                         background="rgba(217, 217, 217, 0.10)" padding="9px 23px" borderRadius="10px"
                         fontSize="16px" fontWeight="500" lineHeight="20px" letterSpacing="-0.15px" display="flex" alignItems="center"
                     >
-                        <Link href={texts[1].link} target="_blank">
+                        <Link href={texts[1].link} target="_blank" style={{display:"flex",justifyContent:"center",gap:"0.3rem"}}>
                             {texts[1].text}
                             <Image
                                 src="/dancing_man-01.svg"
@@ -127,7 +131,7 @@ const MobileView = () => {
                             />
                         </Link>
                     </Text>
-                </Box> */}
+                </Box>
                 <Box display="flex" flexDirection="column" justifyContent="center">
                     <Image
                         src="/maxBorrow.svg"