크라우니트레이딩 랜딩 고도화 — 2026-04-24
개요
trading.crowny.org 랜딩페이지를 APEX를 압도하는 프리미엄 수준으로 고도화.
변경 사항
1. 랜딩 HTML 전면 리뉴얼 (index.html: 267줄 → 758줄)
- 히어로 섹션: 실시간 가격 티커 (ES/NQ/CL/GC/6E), 카운터 애니메이션, 글로우 배경
- 수치 섹션: 200₽/90%/14편/5종 대형 숫자 카드
- WHY 섹션: 6개 피처 카드 + 아이콘 래퍼 개선
- VS APEX 비교표: 12개 축으로 확장 (기존 10개 + AI분석 + 생태계)
- 이렇게 시작하세요: 3단계 스텝 UI (타임라인 형식)
- 가격표 상세화: 5개 플랜 × 구체적 가격/룰/APEX 대비/실패 시 환급
- 플랫폼 미리보기: 5개 탭 (대시보드/차트/시뮬/리포트/리그) + 목업 UI
- 포네 경제: 플로우 차트 개선
- 생태계 맵: 마켓/뱅크/마인드/플레이/체인 연결 카드
- 투명성 섹션: 온체인 룰/페이아웃 증명/에스크로
- 소버린 로드맵: 4단계 타임라인
- FAQ 확장: 5개 → 8개
- 푸터 확장: 3컬럼 링크
2. CSS 전면 리뉴얼 (landing.css: 136줄 → 460줄+)
- 스크롤 리빌 애니메이션
- 글로우 배경 효과 (히어로)
- 플랫폼 프리뷰 목업 스타일
- 프라이싱 카드 (인기 배지)
- 로드맵 타임라인
- 에코시스템 그리드
- 모바일 반응형 강화 (3단계: 900px/640px)
3. landing.js 신규 (인터랙션)
- IntersectionObserver 스크롤 리빌
- 카운터 애니메이션 (숫자 올라감)
- 모바일 햄버거 메뉴
- 플랫폼 탭 전환
- Canvas 캔들스틱 차트 목업 (60봉 + EMA + 볼륨)
- 실시간 가격 티커 (2초 갱신)
- 웨이트리스트 카운트 표시
4. 한선씨 동반 (랜딩티커.한선)
관련 파일
/Users/ef/crowny-trading/public/index.html/Users/ef/crowny-trading/public/css/landing.css/Users/ef/crowny-trading/public/js/landing.js (신규)/Users/ef/crowny-trading/한선씨/서버/랜딩티커.한선 (신규)
잔여 이슈
- 플랫폼 프리뷰 탭 내 차트 목업 canvas 크기 모바일 최적화 추가 가능
- i18n 키 추가 필요 (새 섹션들)
- 실제 Tradovate 연동 시 가격 티커를 실시세로 전환 필요