랜딩페이지 — PagesController + landing 뷰 + SEO + 테스트
ID: d72004a3-be50-4205-a6c8-d7666661c98d
## 목표
퍼블릭 랜딩페이지 구현. 다크 테마 + 라임 포인트. 프리미엄 에이전시 퀄리티.
## 현재 상태
- root는 sessions#new (→ pages#landing으로 변경 필요)
- Tailwind 디자인 시스템 완료: bg #070707, accent #C8FF00, green #00E5A0
- 기존 Partial: _navbar, _button, _card, _input, _flash
- Pretendard + DM Mono 폰트 설정 완료
## 구현 사항
### 1. PagesController
```ruby
class PagesController < ApplicationController
allow_unauthenticated_access
def landing; end
end
```
### 2. 라우트 변경
```ruby
root "pages#landing"
```
기존 `root "sessions#new"` 교체.
### 3. 랜딩페이지 뷰 (app/views/pages/landing.html.erb)
PRD 기반 섹션:
1. **히어로** — 슬로건 "나만의 서비스를 세상에 내놓는 첫 번째 플랫폼", CTA "무료로 시작하기"
2. **3 Pain Points** — 아이디어만 있고 개발 못하는 사람, 코딩 배워도 뭘 만들지 모르는 사람, 시작했지만 완성 못하는 사람
3. **쇼케이스** — 런칭된 서비스 미리보기 (데이터 없으면 예시 카드)
4. **가격표** — Free/Cohort만 (Pro 제거). Free: 무료, AI 분석, 커뮤니티. Cohort: 299만원, 12주 과정, 1:1 코칭
5. **B2B 문의 CTA** — 기업 교육/대학 과정 도입 문의
6. **코호트 사전 신청 CTA** — "다음 기수 알림 받기"
7. **Footer** — 사업자 정보, 링크
### 4. SEO meta-tags
- title, description, OG tags, Twitter Card
- application.html.erb의 head에서 content_for :meta_tags 지원
### 5. 디자인 원칙
- `.claude/skills/ui-design/SKILL.md` 반드시 참조
- `.claude/skills/taste-skill/SKILL.md` (Supanova Design Engine) 반드시 참조
- 기존 shared partial 활용 (_button, _card)
- 다크 테마 기본 (bg-bg, text-text-primary)
- 라임 포인트 (text-accent, bg-accent)
- 모바일 우선 반응형
- 한국어 word-break: keep-all 유지
### 6. 테스트
- PagesController 테스트 (landing 접근 가능, 200 응답)
- 미인증 상태에서 접근 가능 확인
- 주요 섹션 존재 확인 (히어로, 가격표 등)
## 완료 기준
- root → pages#landing 동작
- 모바일/데스크탑 반응형
- meta-tags 설정
- 가격표 Free/Cohort만
- B2B 문의 CTA, 코호트 사전 신청 CTA
- CTA → 회원가입 연결
- 기존 테스트 깨지지 않음
첨부 이미지
이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)
JPEG, PNG, GIF, WebP / 최대 10MB
활동 로그
아직 활동 기록이 없습니다.