758266d8cb
## 변경사항 - app.js (1370줄) → 7개 모듈 (1427줄) - ES6 import/export 문법 사용 - Alpine.js 호환성 유지 (window 전역 노출) ## 모듈 구조 - js/config.js: 상수/설정 (WIZARD_CONFIG, PRICING_DATA, MOCK_*) - js/api.js: ApiService - js/utils.js: formatPrice, switchTab, ping 시뮬레이션 - js/wizard.js: 서버 추천 마법사 로직 - js/pricing.js: 가격표 컴포넌트 - js/dashboard.js: 대시보드 및 텔레그램 연동 - js/app.js: 메인 통합 (모든 모듈 import) ## HTML 변경 - <script type="module" src="js/app.js">로 변경 - 기존 기능 모두 정상 작동 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Anvil Hosting
Static HTML 마케팅 웹사이트 - Cloudflare Pages 배포
URL: https://hosting.anvil.it.com
배포
wrangler pages deploy . --project-name anvil-hosting
빌드 단계 없이 바로 배포.
아키텍처
파일 구조
index.html- 메인 랜딩 페이지style.css- Tailwind CSS v4 빌드 결과fonts.css- 시스템 폰트 정의app.js- Alpine.js 앱 로직 (Server Launcher, Pricing Table 등)terms.html,privacy.html,sla.html- 법적 페이지
Tech Stack
- Tailwind CSS v4 (로컬 빌드)
- Alpine.js 3.14.3 (CDN with SRI)
- 시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic)
디자인 시스템
- 다크 테마 (배경: #0a0f1a)
- 글래스모피즘 효과 (glass-card, glass-panel)
- 메시 그라디언트 배경
- Color palette: brand-* (sky blue 계열), purple, green, red
페이지 섹션
Navigation → Hero (Telegram Bot Demo) → Features → Automation → Infrastructure → Domain → Pricing → Footer
주요 컴포넌트
- Server Launcher Modal: Alpine.js 기반 서버 생성 마법사
- Pricing Table: 리전별 (Global/Seoul) 동적 요금표
- Telegram Bot Demo: Hero 섹션 대화형 데모
외부 연동
- Telegram Bot: @AnvilForgeBot (서버 생성, 도메인 등록)
등록자 정보 소스
ssh npm-linode-1
cat /home/admin/namecheap_api/.env # REGISTRANT_* 변수들
푸터 정보
- LIBEHAIM Inc. | Taro Tanaka
- #202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan