diff --git a/CLAUDE.md b/CLAUDE.md index 50ed106..a0f8cd6 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -19,27 +19,34 @@ No build step required - deploy directly. ## Architecture -Single-file website (`index.html`, ~1000 lines) containing: -- Inline Tailwind CSS configuration -- Inline styles for hand-drawn sketch aesthetic -- Vanilla JavaScript for chat widget toggle +Multi-file static website: +- `index.html` - 메인 랜딩 페이지 (~1000줄) +- `style.css` - Tailwind CSS 빌드 결과 +- `fonts.css` - 시스템 폰트 정의 +- `app.js` - Alpine.js 앱 로직 (Server Launcher, Pricing Table 등) +- `terms.html`, `privacy.html`, `sla.html` - 법적 페이지 ### Tech Stack -- Tailwind CSS (CDN) -- Rough.js (hand-drawn SVG effects) -- Google Fonts: Noto Sans KR (body), Caveat (decorative) +- Tailwind CSS v4 (로컬 빌드, `style.css`) +- Alpine.js 3.14.3 (CDN with SRI) +- 시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic) ### Design System -- Hand-drawn/sketch aesthetic with custom border-radius and shadows -- Color palette: sketch-blue, sketch-red, sketch-green, sketch-orange, sketch-purple, sketch-yellow -- Background: cream (#fffce8) with grid pattern +- 다크 테마 (배경: #0a0f1a, dark-800/900) +- 글래스모피즘 효과 (glass-card, glass-panel) +- 메시 그라디언트 배경 (brand-500, purple-500) +- Color palette: brand-* (sky blue 계열), purple, green, red ### Page Sections -Navigation → Hero → Services (`#services`) → Domain Service (`#domain`) → Features (`#features`) → Linux Guide (`#linux-guide`) → Pricing (`#pricing`) → Contact (`#contact`) +Navigation → Hero (Telegram Bot Demo) → Features (`#features`) → Automation (`#automation`) → Infrastructure → Domain (`#domain`) → Pricing (`#pricing`) → Footer + +### Key Components +- **Server Launcher Modal**: Alpine.js 기반 서버 생성 마법사 +- **Pricing Table**: 리전별 (Global/Seoul) 동적 요금표 +- **Telegram Bot Demo**: Hero 섹션 대화형 데모 ## External Integrations -- **Chat Widget**: Embedded iframe from `chat-frontend-4wf.pages.dev` (separate deployment) -- **Telegram Bot**: @AnvilForgeBot for domain registration +- **Telegram Bot**: @AnvilForgeBot (서버 생성, 도메인 등록) - **Credentials**: Stored in Vault at https://vault.anvil.it.com - **Registrant Info Source**: npm-linode-1 server (`/home/admin/namecheap_api/.env`)