v1.3

Author: straight-code

src/App.js

@@ -409,23 +409,55 @@ function App() {
 When you buy a Poly shard, you’re not simply buying an avatar or a provably-rare piece of art. You are gaining membership access to a club whose benefits and offerings will increase over time. Your Poly Shard can serve as your digital identity, and open digital doors for you.
           </s.TextDescription>
           <s.SpacerSmall />
-          <s.TextTitle
-              style={{
-                textAlign: "center",
-                fontSize: 50,
-                fontWeight: "bold",
-                color: "var(--accent-text)",
-              }}
-            >
-           Roadmap
-            </s.TextTitle>
+         
+          </s.Container>
+          <s.SpacerLarge />
+          <s.Container flex={1} jc={"center"} ai={"center"}>
+            <StyledImg
+              alt={"example"}
+              src={"/config/images/polyshards.gif"}
+              style={{ transform: "scaleX(-1)" }}
+            />
+          </s.Container>
+        </ResponsiveWrapper>
+        <s.SpacerMedium />
+        <ResponsiveWrapper flex={1} style={{ padding: 24 }} test>
+          <s.SpacerLarge />
+          <s.Container
+            flex={2}
+            jc={"center"}
+            ai={"center"}
+            style={{
+              backgroundColor: "var(--accent)",
+              padding: 24,
+              borderRadius: 24,
+              border: "4px soild var(--secondary)",
+              boxShadow: "0px 5px 11px 2px rgba(0,0,0,0.7)",
+            }}
+          >
+            <s.Container jc={"center"} ai={"center"} style={{ width: "70%" }}>
           <s.TextDescription
             style={{
               textAlign: "center",
               color: "var(--primary-text)",
             }}
-          >
-        
+          >     <s.TextTitle
+          style={{
+            textAlign: "center",
+            fontSize: 50,
+            fontWeight: "bold",
+            color: "var(--accent-text)",
+          }}
+        >
+       Roadmap
+        </s.TextTitle>
+      <s.TextDescription
+        style={{
+          textAlign: "center",
+          color: "var(--primary-text)",
+        }}
+      >
+    
 We’re in this for the long haul.<br/>
 <br/>
 
@@ -441,7 +473,7 @@ We lost the shards. 2 Poly Shards were saved (tokens held back from the sale) ar
 <br/>
 40% -
 
- <br/>
+<br/>
 <br/>
 60% -
 
@@ -454,22 +486,17 @@ The PSD club becomes interactive and the Mysterious Note becomes legible, beginn
 90% -
 
 The PSD liquidity pool is initiated. <br/>
- <br/>
+<br/>
 100% - 
 
 The Mutant Shards (NFT Breeding) Arcade Machine launched. And we cook up new ways to shard with our friends. <br/>
+            
           </s.TextDescription>
-          </s.Container>
-          <s.SpacerLarge />
-          <s.Container flex={1} jc={"center"} ai={"center"}>
-            <StyledImg
-              alt={"example"}
-              src={"/config/images/polyshards.gif"}
-              style={{ transform: "scaleX(-1)" }}
-            />
-          </s.Container>
+            
+          </s.TextDescription>
+         </s.Container>
+         </s.Container>
         </ResponsiveWrapper>
-        <s.SpacerMedium />
         <ResponsiveWrapper flex={1} style={{ padding: 24 }} test>
           <s.SpacerLarge />
           <s.Container
@@ -491,16 +518,9 @@ The Mutant Shards (NFT Breeding) Arcade Machine launched. And we cook up new way
               color: "var(--primary-text)",
             }}
           >
-             <s.TextTitle
-              style={{
-                textAlign: "center",
-                fontSize: 50,
-                fontWeight: "bold",
-                color: "var(--accent-text)",
-              }}
-            >
-           PSD CONTRACT ADDRESS
-            </s.TextTitle>
+            
+           PSD CONTRACT ADDRESS :  <br/>
+          
               <StyledLink target={"_blank"} href={CONFIG.SCAN_LINK}>
                 {truncate(CONFIG.CONTRACT_ADDRESS, 15)}
               </StyledLink>