Merge pull request #1490 from scroll-tech/new-landing-page

New landing page

Author: Holybasil

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scroll.io",
-  "version": "5.4.1",
+  "version": "5.4.2",
   "private": false,
   "license": "MIT",
   "scripts": {

public/videos/ecosystem-header-bg-264.mp4

@@ -91,7 +91,7 @@ const BadgeCard = props => {
             {name}
           </Typography>
 
-          <Typography sx={{ fontSize: ["1.4rem", "1.6rem"], lineHeight: "2.4rem", fontWeight: 500, fontFamily: "var(--developer-page-font-family)" }}>
+          <Typography sx={{ fontSize: ["1.4rem", "1.6rem"], lineHeight: "2.4rem", fontWeight: 500, fontFamily: "var(--font-developer)" }}>
             <SvgIcon sx={{ fontSize: "0.6rem", mr: "0.8rem" }} component={TotalMintedSvg} inheritViewBox></SvgIcon>
             Total Minted: {commafy(count, 0)}
           </Typography>

public/videos/ecosystem-header-bg.mp4

@@ -123,7 +123,7 @@ const BadgeCount = styled("span")(({ theme }) => ({
   padding: "0 3px",
   backgroundColor: theme.palette.primary.main,
   color: theme.palette.primary.contrastText,
-  fontFamily: "var(--developer-page-font-family)",
+  fontFamily: "var(--font-developer)",
   fontSize: "1rem",
   lineHeight: "1.6rem",
   textAlign: "center",

public/videos/home-header-bg-264.mp4

@@ -175,7 +175,7 @@ const Coupon = props => {
           {isLoading ? (
             <Skeleton size="small" white sx={{ width: "60%", height: "3rem" }}></Skeleton>
           ) : (
-            <Typography sx={{ fontSize: ["2rem", "4rem"], fontFamily: "var(--developer-page-font-family)" }}>{code}</Typography>
+            <Typography sx={{ fontSize: ["2rem", "4rem"], fontFamily: "var(--font-developer)" }}>{code}</Typography>
           )}
         </Stack>