크라우니트레이딩 랜딩 고도화 — 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 연동 시 가격 티커를 실시세로 전환 필요