랜딩 페이지 (Landing Page)

개요

shadcn/ui 기반 고전환율 원페이지 랜딩 설계 전문 스킬입니다. 소크라테스식 테마 인터뷰로 사용자 의도에 맞는 디자인 시스템을 자동 선택하고, 히어로부터 최종 CTA까지 전환율 최적화된 랜딩 페이지를 설계·생성합니다.

지원 영역:

• shadcn/ui 기반 랜딩 페이지 전체 설계 (히어로-CTA)
• Next.js 15 + Tailwind CSS v4 + shadcn/ui 스택
• OKLCH 컬러 토큰 기반 Light/Dark 모드 동시 산출
• Framer Motion 인터랙션 프리셋 (페이드업·스크롤 리빌·패럴랙스)
• 제품·서비스 런칭, 이벤트, 리드 수집용 랜딩

트리거 키워드

랜딩페이지, 원페이지, 랜딩 페이지, 세일즈 페이지, 전환율, CTA, 히어로 섹션, 랜딩, shadcn 랜딩, shadcn ui