Merge pull request #1422 from scroll-tech/copy-update

chore: update text content in hero

Author: zzq0826

src/app/_components/BuildWithScroll/index.tsx

@@ -2,7 +2,7 @@
 
 import Image from "next/image"
 
-import { Stack, SvgIcon, Typography } from "@mui/material"
+import { Box, Stack, SvgIcon, Typography } from "@mui/material"
 import { Button as MuiButton } from "@mui/material"
 
 import FeatureImage1 from "@/assets/images/home/feature-img-1.webp"
@@ -23,9 +23,10 @@ const FEATURES = [
   },
   {
     icon: FeatureImage2,
-    title: "Deploy a chain",
-    description: "Scroll SDK makes the process of launching a chain seamless. Own your blockspace, we'll take care of the rest.",
-    href: "https://docs.scroll.io/en/sdk",
+    title: "Explore Session 2",
+    description:
+      "Created to promote the sustained growth of assets and protocols on Scroll. Discover our new Marks Dashboard and join Session 2, the program designed for everyone, everywhere.",
+    href: "/sessions",
   },
 ]
 
@@ -35,10 +36,12 @@ const Feature = () => {
     return FEATURES.map((feature, featureIdx) => {
       return (
         <OrientationToView key={feature.title}>
-          <Stack key={featureIdx} direction="column" spacing="2.4rem" sx={{ maxWidth: "56rem" }}>
-            <Image src={feature.icon} alt={feature.title} width={isMobile ? 320 : 400} height={isMobile ? 320 : 400}></Image>
-            <Typography sx={{ fontSize: ["2rem", "2.4rem"], fontWeight: 600 }}>{feature.title}</Typography>
-            <Typography sx={{ fontSize: ["1.6rem", "2rem"], mt: ["0.8rem !important", 0] }}>{feature.description}</Typography>
+          <Stack key={featureIdx} justifyContent="space-between" direction="column" spacing="2.4rem" sx={{ maxWidth: "56rem", height: "100%" }}>
+            <Box>
+              <Image src={feature.icon} alt={feature.title} width={isMobile ? 320 : 400} height={isMobile ? 320 : 400}></Image>
+              <Typography sx={{ fontSize: ["2rem", "2.4rem"], fontWeight: 600 }}>{feature.title}</Typography>
+              <Typography sx={{ fontSize: ["1.6rem", "2rem"], mt: ["0.8rem !important", 0] }}>{feature.description}</Typography>
+            </Box>
             <MuiButton
               href={feature.href}
               target="_blank"

src/app/_components/Header/index.tsx

@@ -73,15 +73,7 @@ const Header = () => {
           <OrientationToView>
             <Stack direction="column" alignItems="center" gap={isMobile ? "2.4rem" : "3.2rem"}>
               <Title data-aos="fade-up">
-                {isMobile ? (
-                  <>
-                    Homepage of the<br></br> Multichain World
-                  </>
-                ) : (
-                  <>
-                    The Homepage of the<br></br> Multichain World
-                  </>
-                )}
+                We are building the<br></br> Open Economy
               </Title>
               <Typography sx={{ fontSize: ["1.8rem", "2.4rem"], lineHeight: ["2.8rem", "3.6rem"], textAlign: "center", mt: "-1.8rem" }}>
                 Scroll is the leading zero-knowledge rollup.<br></br>Scaling Ethereum for good.{" "}

src/components/Header/constants.ts

@@ -141,19 +141,6 @@ const mainnetNavigations = [
               },
             ],
           },
-          {
-            label: "DEPLOY A CHAIN",
-            items: [
-              {
-                label: "Own your blockspace",
-                text: "Scroll SDK",
-                key: "sdk",
-                href: "https://docs.scroll.io/en/sdk",
-                isExternal: true,
-                icon: SDKSvg,
-              },
-            ],
-          },
           {
             label: "MORE",
             items: [