valueit

랜딩페이지 — PagesController + landing 뷰 + SEO + 테스트

## 목표 퍼블릭 랜딩페이지 구현. 다크 테마 + 라임 포인트. 프리미엄 에이전시 퀄리티. ## 현재 상태 - 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 → 회원가입 연결 - 기존 테스트 깨지지 않음