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