Skip to content

Merge pull request #1594 from scroll-tech/feat/hero-ai-gateway-cta #1595

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zzq0826 merged 1 commit into from
Aug 10, 2026
+11 −16
Merged

Merge pull request #1594 from scroll-tech/feat/hero-ai-gateway-cta #1595

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 10 additions & 16 deletions src/app/_components/Hero/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { Box, Container, Stack, Typography } from "@mui/material"
import HeroMobileSvg from "@/assets/svgs/landingpage/hero-bg-mobile.svg?url"
import HeroSvg from "@/assets/svgs/landingpage/hero-bg.svg?url"
import Button from "@/components/Button"
import { BRIDGE_URL, DOC_URL } from "@/constants/link"
import { ACCSEAL_URL } from "@/constants/link"

const ANNOUNCEMENT_HEIGHT = "0rem"

Expand All @@ -29,28 +29,22 @@ const LandingHero = () => {
/>
<Container>
<Typography sx={{ typography: "title", fontSize: ["28px", "48px"], lineHeight: ["44px", "80px"], mb: ["24px", "40px"] }}>
Secure and Performant:
{/* mobile breaks after every clause, desktop keeps "One Sub, Every Model," on one line */}
{"One Sub, "}
<Box component="br" sx={{ display: ["inline", "none"] }} />
Every Model,
<br />
Network for the Open Economy
Secured by ZK
</Typography>
<Stack direction={["column", "row"]} sx={{ gap: "16px" }}>
<Button
href={DOC_URL}
href={ACCSEAL_URL}
target="_blank"
className="!w-[180px] sm:!w-[250px]"
className="!w-[240px] sm:!w-[290px]"
color="primary"
gaEvent={{ event: "click_landing", label: "Build now" }}
gaEvent={{ event: "click_landing", label: "Explore AI Gateway" }}
>
Build now
</Button>

<Button
href={BRIDGE_URL}
target="_blank"
className="!w-[180px] sm:!w-[250px]"
gaEvent={{ event: "click_landing", label: "Bridge to Scroll" }}
>
Bridge to Scroll
Explore AI Gateway
</Button>
</Stack>
</Container>
Expand Down
1 change: 1 addition & 0 deletions src/constants/link.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
export const DOC_URL = "https://docs.scroll.io/en/home/"
export const SCROLL_OPEN_URL = "https://openeconomyos.com/"
export const LEVEL_UP_URL = "https://www.levelup.xyz/"
export const ACCSEAL_URL = "https://accapi.accseal.cn:43443/"

const USER_PORTAL_BASE_URL = process.env.NEXT_PUBLIC_USER_PORTAL_BASE_URL

Expand Down
Loading