'use client'; export default function FeatureComparisonDemo() { const plans = [ { name: 'Starter', price: '무료', highlight: false }, { name: 'Pro', price: '₩29,000/월', highlight: true }, { name: 'Enterprise', price: '문의', highlight: false }, ]; const features = [ { name: '프로젝트 수', values: ['3개', '무제한', '무제한'] }, { name: '팀원 수', values: ['1명', '10명', '무제한'] }, { name: '저장 공간', values: ['1GB', '100GB', '무제한'] }, { name: 'API 호출', values: ['1,000/일', '100,000/일', '무제한'] }, { name: '우선 지원', values: [false, true, true] }, { name: '커스텀 도메인', values: [false, true, true] }, { name: 'SSO 로그인', values: [false, false, true] }, { name: '전용 매니저', values: [false, false, true] }, ]; return (

플랜 비교

팀에 맞는 플랜을 선택하세요

{/* Header */}

기능

{plans.map((plan, i) => (

{plan.highlight && ( 추천 )}

{plan.name}

{plan.price}

))}

{/* Features */} {features.map((feature, i) => (

{feature.name}

{feature.values.map((value, j) => (

{typeof value === 'boolean' ? ( value ? ( ✓ ) : ( — ) ) : ( {value} )}

))}

))} {/* CTA */}

{plans.map((plan, i) => (

))}

); }

Feature Comparison

Compare Plans

Starter

Pro

Enterprise