REFACTORING Updated banners and footer [DONE]

0xHashstack · Nov 21, 2023 · ccb2ff2 · ccb2ff2
1 parent ccc6851
commit ccb2ff2
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 19 deletions.
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
@@ -22,12 +22,12 @@ const Content = () => {
   // Array of texts and links
   const texts = [
     {
-      text: 'V1 mainnet is live ',
-      link: 'https://app.hashstack.finance//',
+      text: 'Airdrop for mainnet v1 ',
+      link: 'https://app.hashstack.finance/',
     },
     {
       text: 'Referral Campaign is live ',
-      link: 'https://your-other-link.com//',
+      link: 'https://your-other-link.com/',
     },
   ];
 
@@ -49,7 +49,7 @@ const Content = () => {
           <Box mb="4rem" height="44px" display="flex" alignItems="center">
             <Box fontSize="20px" fontWeight="500" lineHeight="20px" letterSpacing="-0.10px" ml="2rem" display="flex" alignItems="center">
               <Text color="#00D395" mr="0.6rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px">
-                Latest
+                Launched
               </Text>
               <Text
                 _hover={{ color: '#8C8C9B' }}
@@ -68,7 +68,7 @@ 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"
@@ -84,7 +84,7 @@ const Content = () => {
           // maxHeight="100px"
           />
                 </Link>
-              </Text>
+              </Text> */}
 
             </Box>
           </Box>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -99,7 +99,19 @@ const Footer = () => {
               cursor="pointer"
               _hover={{color:"#00D395"}}
             >
-              Tokenomics
+              Hashtokens
+            </Text>
+            <Text
+              color="#8C8C9B"
+              fontSize="14px"
+              fontStyle="normal"
+              fontWeight="500"
+              lineHeight="20px"
+              cursor="pointer"
+              _hover={{color:"#00D395"}}
+
+            >
+              Referral Leaderboard
             </Text>
             <Link href="https://hashstack.finance/c2e" target="_blank">
               <Text
@@ -328,7 +340,19 @@ const Footer = () => {
               _hover={{color:"#00D395"}}
 
             >
-              Tokenomics
+              Hashtokens
+            </Text>
+            <Text
+              color="#8C8C9B"
+              fontSize="14px"
+              fontStyle="normal"
+              fontWeight="500"
+              lineHeight="20px"
+              cursor="pointer"
+              _hover={{color:"#00D395"}}
+
+            >
+              Referral Leaderboard
             </Text>
             <Link href="https://hashstack.finance/c2e" target="_blank">
               <Text

diff --git a/src/components/IpadView.tsx b/src/components/IpadView.tsx
@@ -35,7 +35,7 @@ const IpadView = () => {
     // Array of texts and links
     const texts = [
         {
-            text: 'V1 mainnet is live ',
+            text: 'Airdrop for mainnet v1 ',
             link: 'https://app.hashstack.finance//',
         },
         {
@@ -93,10 +93,10 @@ const IpadView = () => {
                         <source src="/landingPage_illustration.mp4" type="video/mp4" />
                     </video> */}
                 </Box>
-                <Box mt="2rem" height="35px" display="flex" alignItems="center" justifyContent="center">
+                <Box mt="2rem" mb="2rem" height="35px" display="flex" alignItems="center" justifyContent="center">
                     <Box fontSize="20px" fontWeight="500" lineHeight="20px" letterSpacing="-0.15px" ml="1.5rem" whiteSpace="nowrap" display="flex" alignItems="center">
                         <Text color="#00D395" mr="0.6rem" background="rgba(217, 217, 217, 0.10)" padding="9px 16px" borderRadius="10px">
-                            Latest
+                            Launched
                         </Text>
                         <Text
                             _hover={{ color: '#8C8C9B' }}
@@ -117,7 +117,7 @@ const IpadView = () => {
                     </Box>
 
                 </Box>
-                <Box mb="2rem" mt="1rem" height="35px" display="flex" alignItems="center"  >
+                {/* <Box mb="2rem" mt="1rem" height="35px" display="flex" alignItems="center"  >
                     <Text
                         _hover={{ color: '#8C8C9B' }}
                         background="rgba(217, 217, 217, 0.10)" padding="9px 23px" borderRadius="10px"
@@ -135,7 +135,7 @@ const IpadView = () => {
                             />
                         </Link>
                     </Text>
-                </Box>
+                </Box> */}
 
                 <Box display="flex" flexDirection="column" justifyContent="center">
                     <Image

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -207,7 +207,25 @@ const Navbar = () => {
                   border="1px solid rgb(26, 26, 31)"
                   margin="0"
                 >
-                  Tokenomics
+                  Hashtokens
+                </Text>
+                <Text
+                  color="#fff"
+                  fontSize="14px"
+                  fontStyle="normal"
+                  fontWeight="500"
+                  lineHeight="20px"
+                  cursor="pointer"
+                  width="100%"
+                  textAlign="center"
+                  height="64px"
+                  display="flex"
+                  alignItems="center"
+                  justifyContent="center"
+                  border="1px solid rgb(26, 26, 31)"
+                  margin="0"
+                >
+                  Referral Leaderboard
                 </Text>
                 <Box>
                 </Box>

diff --git a/src/components/mobileView.tsx b/src/components/mobileView.tsx
@@ -23,7 +23,7 @@ const MobileView = () => {
     // Array of texts and links
     const texts = [
         {
-            text: 'V1 mainnet is live ',
+            text: 'Airdrop for mainnet v1 ',
             link: 'https://app.hashstack.finance//',
         },
         {
@@ -79,10 +79,10 @@ const MobileView = () => {
                         <source src="/landingPage_illustration.mp4" type="video/mp4" />
                     </video> */}
                 </Box>
-                <Box mt="1rem" height="35px" display="flex" alignItems="center" justifyContent="center">
+                <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">
-                            Latest
+                            Launched
                         </Text>
 
                         <Text
@@ -103,7 +103,7 @@ const MobileView = () => {
                         </Text>
                     </Box>
                 </Box>
-                <Box mb="2rem" mt="1rem" mr="1.3rem" height="35px" display="flex" alignItems="center" justifyContent="center"  >
+                {/* <Box mb="2rem" mt="1rem" 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"
@@ -121,7 +121,7 @@ const MobileView = () => {
                             />
                         </Link>
                     </Text>
-                </Box>
+                </Box> */}
                 <Box display="flex" flexDirection="column" justifyContent="center">
                     <Image
                         src="/maxBorrow.svg"