d08d1895d0
- 가격표 섹션을 페이지 하단에서 히어로 바로 아래로 이동 - 상단 패딩 축소 (py-24 → pt-12 pb-24) - 서브탭(서울/글로벌 타입) 스타일을 메인탭과 동일하게 통일 - Pages Functions API 프록시 추가 (functions/) - wrangler.toml 및 TypeScript 설정 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1.5 KiB
1.5 KiB
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