히어로 섹션블록
시선을 끄는 랜딩 페이지 히어로 섹션. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
히어로 섹션
8 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro
컷아웃 에이전시 히어로
굵은 색상 오프셋이 있는 초대형 브랜드 이름이 이끄는 어두운 React와 Tailwind 패널, 그 위에 아바타 행과 모서리 컷아웃. 스튜디오를 어필하세요.
- 02Pro
공지 히어로
마스킹된 모눈종이 그리드가 가운데 정렬 런칭 헤드라인, 물결 밑줄, React와 Tailwind 버튼 두 개를 받쳐줍니다. 스크린샷 없이 무언가를 발표하세요.
- 03Pro
가운데 정렬 포트폴리오 히어로
넓게 크롭된 인물 사진이 가운데 정렬 인사말, 기울어진 헤드라인 단어, React와 Tailwind 버튼 하나 아래 하단 구분선까지 이어집니다. 첫 화면을 장악하세요.
- 04Pro
증거가 있는 디자이너 히어로
컷아웃 인물이 패널을 이끌고 고객 수가 버튼과 한 행을 공유하는 1인칭 React와 Tailwind 히어로입니다. 로고가 아니라 사람을 파세요.
- 05Pro
뉴스레터 이메일 히어로
라벨이 있는 이메일 필드 하나와 Subscribe 버튼만이 유일한 행동이며, 구독자 증거와 종이비행기가 옆에 있습니다. React와 Tailwind로 목록을 키우세요.
- 06Pro
제품 런칭 히어로
회전된 테두리 블록이 스티커처럼 제품 사진 뒤에 놓이며, 배지와 구매·데모 버튼이 옆에 있습니다. React와 Tailwind로 물건 하나를 파세요.
- 07Pro
분할형 포트폴리오 히어로
문구와 컷아웃 사진이 나란히 놓여 작업이 첫 화면 위에 유지되며, 기울어진 단어 하나와 단일 React와 Tailwind 버튼이 있습니다. 한 가지만 요청하세요.
- 08Pro
분할형 SaaS 히어로
스크린샷 대신 네 단계와 소요 시간의 빌드 로그가 패널을 채우며, 런칭 배지와 React와 Tailwind 버튼 두 개가 옆에 있습니다. 파이프라인을 보여주세요.