Files

kappa abd2320b68 Update CLAUDE.md to reflect current architecture

- Change from single-file to multi-file structure
- Update tech stack: Tailwind v4 local build, Alpine.js, system fonts
- Update design system: dark theme, glassmorphism, mesh gradients
- Update page sections and key components
- Remove outdated chat widget reference

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

2026-01-21 06:51:30 +09:00

1.8 KiB

Raw Blame History

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

Project Overview

Static HTML marketing website for Anvil Hosting services, deployed on Cloudflare Pages.

URL: https://hosting.anvil.it.com
Language: Korean (한글)

Deployment

wrangler pages deploy . --project-name anvil-hosting

No build step required - deploy directly.

Architecture

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 v4 (로컬 빌드, style.css)
Alpine.js 3.14.3 (CDN with SRI)
시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic)

Design System

다크 테마 (배경: #0a0f1a, dark-800/900)
글래스모피즘 효과 (glass-card, glass-panel)
메시 그라디언트 배경 (brand-500, purple-500)
Color palette: brand-* (sky blue 계열), purple, green, red

Page Sections

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

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)

1.8 KiB Raw Blame History