더북(TheBook)

2. 콘텐츠 카드 섹션

3개의 카드로 주제 표현:

• AI 워크 스마트: 실전 AI 활용법 & 성공 사례

• AI 동료 만들기: No-code/Low-code 업무 자동화

• AI로 데이터 인사이트 발견: 데이터 분석 & 시각화

각 카드는 호버/터치 시 살짝 떠오르는 효과 적용

3. 커피챗 CTA 섹션

• 눈에 띄는 배경색으로 강조

• 구글폼 연결용 버튼 배치(추후 링크 수정 가능)

• 신청 유도 문구

 

기술 스택

• index.html: 시맨틱 HTML5 구조

• styles.css: 밝은 톤의 색상 팔레트(연한 파랑, 민트, 라벤더 등), 모바일 우선 반응형 디자인

• script.js: 스크롤 애니메이션, 부드러운 인터랙션