change "Bridge" & "Explore Starknet" to two separate buttons

starknet-io · May 9, 2024 · 4473da3 · 4473da3
1 parent 9467e6e
commit 4473da3
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/workspaces/website/src/blocks/HomepageHero.tsx b/workspaces/website/src/blocks/HomepageHero.tsx
@@ -144,22 +144,24 @@ export const HomepageHero = ({ seo }: Props) => {
                 <Button
                   size="lg"
                   variant="secondaryHero"
-                  href={
-                    isLargerThanSm
-                      ? "https://starkgate.starknet.io/"
-                      : "/en/what-is-starknet"
-                  }
-                  target={isLargerThanSm ? "_blank" : ""}
+                  display={!isLargerThanSm ? "flex" : "none"}
+                  href={"/en/what-is-starknet"}
+                  target={"_blank"}
                 >
-                  {isLargerThanSm ? "Bridge" : "Explore Starknet"}
+                  {"Explore Starknet"}
+                </Button>
+                <Button
+                  size="lg"
+                  display={isLargerThanSm ? "flex" : "none"}
+                  variant="secondaryHero"
+                  href={"https://starkgate.starknet.io/"}
+                  target={"_blank"}
+                >
+                  {"Bridge"}
                 </Button>
               </Stack>
             </Box>
-            <Box
-              zIndex={0}
-              order={{ base: 0, lg: 1 }}
-              // boxSize={{ base: "20", lg: "8" }}
-            />
+            <Box zIndex={0} order={{ base: 0, lg: 1 }} />
             <Img
               position="relative"
               marginRight={{