Merge pull request #103 from 0xHashstack/development

REFACTORING Updated the Restake launch text, links to landing page [DONE]
0xHashstack · Feb 21, 2024 · 822f134 · 822f134
2 parents d69722d + 11c9b84
commit 822f134
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 19 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 ',
@@ -60,7 +60,7 @@ const Content = () => {
                   {texts[0].text}
                   <Image
             src="/party_icon-01.svg"
-            alt="GHAF Logo"
+            alt="Mainnet V1 Celebration Icon"
             // mt="0.2rem"
             maxWidth="100%"
             height="20px"
@@ -78,7 +78,7 @@ const Content = () => {
                   {texts[1].text}
                 <Image
             src="/dancing_man-01.svg"
-            alt="GHAF Logo"
+            alt=""
             maxWidth="100%"
             height="20px"
           // maxHeight="100px"
@@ -90,14 +90,14 @@ const Content = () => {
           </Box>
           {isLessThan1250 ? <Image
             src="/maxBorrowIpadView.svg"
-            alt="GHAF Logo"
+            alt="hero title text"
             maxWidth="100%"
             height="208px"
             width="295px"
             p="0 2rem"
           /> : <Image
             src="/maxBorrow.svg"
-            alt="GHAF Logo"
+            alt="hero title text"
             maxWidth="100%"
             p="0 2rem"
             height={isHeightLargerThan1000 && isLargerThan1800 ? "110" : isLargerThan1800 ? "100" : isLargerThan1600 ? "90" : ""}

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 ',
@@ -106,7 +106,7 @@ const IpadView = () => {
                                 {texts[0].text}
                                 <Image
                                     src="/party_icon-01.svg"
-                                    alt="GHAF Logo"
+                                    alt="mainnet v1 celebration icon"
                                     // mt="0.2rem"
                                     maxWidth="100%"
                                     height="20px"
@@ -127,7 +127,7 @@ const IpadView = () => {
                             {texts[1].text}
                             <Image
                                 src="/dancing_man-01.svg"
-                                alt="GHAF Logo"
+                                alt=""
                                 // mt="0.2rem"
                                 maxWidth="100%"
                                 height="20px"

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,24 +79,30 @@ 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}
                                 <Image
                                     src="/party_icon-01.svg"
-                                    alt="GHAF Logo"
+                                    alt="mainnet v1 celebration icon"
                                     // mt="0.2rem"
                                     maxWidth="100%"
                                     height="20px"
+                                    marginLeft="0.5rem"
                                 // maxHeight="100px"
                                 />
                             </Link>
@@ -113,7 +119,7 @@ const MobileView = () => {
                             {texts[1].text}
                             <Image
                                 src="/dancing_man-01.svg"
-                                alt="GHAF Logo"
+                                alt=""
                                 // mt="0.2rem"
                                 maxWidth="100%"
                                 height="20px"