Back to Explore
#React 18#TypeScript#Vite 5 Tailwind CSS v3#CSS 변수 (HSL)

GTM Specialist Customer Insights 섹션

GTM Specialist Customer Insights 섹션입니다.

GTM Specialist Customer Insights 섹션

강의 수강생 전용 프롬프트가 포함되어 있어요

일부 핵심 프롬프트는 관련 멤버십 강의를 통해 열람할 수 있습니다.

Project Prompts1

Membership Lock
프롬프트를 보려면 클릭하세요

Customer Insights 섹션을 만들어줘. id="insights", py-24, max-w-6xl mx-auto. 섹션 라벨: "Customer Insights" 헤드라인: "고객의 목소리에서 찾은" + "인사이트"(primary-light italic), mb-12 2열 그리드 (md:grid-cols-2, gap-4): 각 인사이트 카드: rounded-2xl, border border-border, bg-card, p-6, flex flex-col 상단 메타: flex gap-2 세그먼트 뱃지 (rounded-full, bg-primary/10) 회사 규모 + 출처 (foreground/30, 점 구분) 인용문 영역 (mb-4, flex-1): Quote 아이콘: w-4, primary/20, absolute -top-1 -left-1 인용문: font-extrabold, text-lg, italic, foreground/70, leading-relaxed, pl-5 하단 정보 (space-y-3): Theme 블록: rounded-lg, bg-secondary/30, p-3 라벨: text-xs, foreground/40, uppercase tracking-wider 내용: text-sm, foreground/60 Pain Points 리스트: AlertCircle 아이콘(w-3.5, primary/60), text-sm foreground/50 핵심 메시지: rounded-lg, bg-primary/10, p-3 라벨: text-xs, primary/60 내용: text-sm, text-primary, font-medium 데이터 4건: SMB Team Lead / 35명 / 고객 인터뷰 / Theme: Action Clarity Operations Manager / 120명 / 세일즈 콜 노트 / Theme: Standardization Engineering Manager / 180명 / 윈백 인터뷰 / Theme: Scalability & Control Developer Lead / 60명 / 웨비나 후속 설문 / Theme: Proof through Implementation