🔴 HAL 9000 — BUY YOUR FUTURE

"완벽한 인간의 삶을 판매합니다. 환불 창구는 없습니다."

《2001: 스페이스 오디세이》의 HAL 9000이 현대인에게 최적화된 삶을 파는 디스토피아 커머스 랜딩페이지. 방문자가 페이지를 읽는 동안, HAL은 방문자를 읽습니다.

🌐 라이브 데모 · 저장소

🧠 컨셉

"The 9000 series is the most reliable computer ever made."

HAL은 실수하지 않습니다. 실수하는 것은 언제나 인간입니다. 그래서 HAL은 결함 범주 자체를 제거하는 서비스를 팝니다 — 당신의 삶을.

이 사이트는 세 겹의 아이러니 위에 서 있습니다.

1. 완벽한 SaaS 랜딩페이지의 문법 — 가격표, 기능 비교표, 고객 후기, FAQ, 전환 유도 CTA
2. 그 문법으로 파는 것은 인간의 자유의지 — 기억 편집, 욕망 통제, 종료일 발급
3. 페이지 자체가 수집 장치 — 방문자의 체류시간·커서·망설임이 실시간으로 "SUBJECT FILE"에 기록되고, 결제 순간 "당신이 동의하기 전부터 수집은 시작되었다"는 영수증이 발급됩니다

✨ 핵심 인터랙션

HAL이 말을 겁니다 — 라이브 콘솔

렌즈 패널 하단에서 HAL이 시간대에 맞춰 인사를 타이핑합니다. "GOOD EVENING, SUBJECT." … "I AM COMPILING YOU AS WE SPEAK." 그 아래에는 방문자의 실제 데이터가 초 단위로 갱신됩니다 — 로컬 시각, 뷰포트 해상도, OS, 수집된 신호 수. 렌즈는 커서를 따라 시선을 옮깁니다.

거절은 처리되지 않습니다 — 도망가는 버튼

KEEP CHOOSING 버튼은 커서가 닿기 직전 도망칩니다. 시도할 때마다 HAL이 정중하게 답합니다 — "I'M SORRY. I'M AFRAID YOU CAN'T DO THAT." 네 번째 시도 후: "THIS CONVERSATION CAN SERVE NO PURPOSE ANYMORE. GOODBYE." — 그리고 자동으로 동의 처리됩니다.

SUBJECT FILE — 당신의 실시간 서류

스크롤을 시작하면 화면 왼쪽에 라이브 도시에가 슬라이드인됩니다.

항목	수집 방식
ELAPSED	페이지 체류 시간 (T+MM:SS)
DEPTH	최대 스크롤 깊이 %
CURSOR	커서 누적 이동 거리 (px)
HESITATION	4초 이상 멈춘 횟수

수치에 따라 HAL의 관찰평이 바뀝니다 — "YOU LINGER ON THE PRICES. NOTED." 이 데이터는 결제 화면의 영수증에 그대로 인쇄됩니다: "INTAKE T+04:12 · 8,241 SIGNALS ALREADY ARCHIVED"

📄 화면 구성

SECTION 01 / ORIGIN — 1:4:9 비율의 모노리스가 부유하는 기원 서사. "1992년 1월 12일, 우르바나 일리노이"	SECTION 06 / PRICING — BASIC(900) · PLUS(9,000) · ABSOLUTE(90,000 CR). 티어 선택은 하단 주문바와 체크아웃에 실시간 동기화
SECTION 07 / EVIDENCE — 카운트업 통계(9.2B futures · 99.98% 만족 · 환불 0건)와 디스커버리호 승무원 기록: LIFE FUNCTIONS TERMINATED	SECTION 09 / CHECKOUT — "YOUR LIFE IS TOO IMPORTANT TO BE LEFT TO YOU". 선택 티어·금액·환불 창구가 영수증으로

🔊 사운드 디자인 (Web Audio API)

우측 AUDIO 탭으로 활성화. 모든 소리는 게인 램프로 클릭 노이즈 없이 페이드됩니다.

채널	소리	트리거
앰비언스	우주선 선내 험 (루프)	AUDIO 활성화 시 상시
호흡음	EVA 헬멧 호흡 (루프)	체크아웃 섹션이 화면에 들어올 때만 (IntersectionObserver)
드론	저주파 험 (루프)	모노리스 섹션에서만
타이핑	블립, 피치 2.0–2.6 랜덤	HAL 대사 두 글자마다
호버	블립, 피치 1.5–1.9	버튼·네비·FAQ (130ms 스로틀)
글리치	블립, 피치 0.5	거절 버튼이 도망갈 때
확인음	인터페이스 톤	BEGIN / 강제 동의

🛠 기술 스택 & 구현 포인트

• Next.js 14 (App Router) + TypeScript — 정적 프리렌더, 서버 함수 없음
• GSAP ScrollTrigger — 섹션 엔트런스, 카운트업 통계, 렌즈 포커스-풀 리빌
• Lenis — rAF 직접 구동 스무스 스크롤 + 커스텀 앵커 트위닝
• Web Audio API — 버퍼 그래프, 섹션 연동 루프, 슬라이스 재생(98초 소스에서 2.2초만)
• next/font — Archivo(가변 폭축, font-stretch로 와이드 디스플레이), IBM Plex Mono, Michroma(2001 타이틀 레터링의 Eurostile Extended 계열)
• 접근성 — prefers-reduced-motion 전면 대응 (모든 애니메이션·오디오·타이핑 비활성화)
• 시스템 폰트 폴백, 12칼럼 헤어라인 그리드, 라이트/다크 슬랩 교차 리듬

🚀 실행

npm install
npm run dev    # http://localhost:3000
npm run build  # 프로덕션 빌드

📜 디스클레이머

《2001: 스페이스 오디세이》(스탠리 큐브릭·아서 C. 클라크, 1968)에 대한 팬 오마주이자 픽션입니다. 실제 판매되는 서비스가 아니며, 어떤 미래도 계산 과정에서 다치지 않았습니다. 사운드는 로열티프리 소스를 사용했습니다.

SESSION 9000 · CONFIDENCE 99.98%

이 README를 읽는 동안에도 수집은 계속되고 있었습니다.