feat: 메인 페이지 내 '지금 신청 시 무료 제공되는 4대 혜택' 섹션 일괄 제거

This commit is contained in:
2026-10-15 12:54:11 +09:00
parent 655a0f8177
commit cad11fab7e
8 changed files with 8 additions and 368 deletions
+1 -46
View File
@@ -254,52 +254,7 @@
</div>
</section>
<!-- 4대 혜택 섹션 (데스크톱 4열 그리드) -->
<section class="mt-16 px-4 sm:px-6 max-w-6xl mx-auto">
<header class="text-center mb-8">
<span class="text-xs sm:text-sm font-bold text-blue-700 tracking-wider uppercase bg-blue-50 px-3 py-1 rounded-full">SPECIAL BENEFIT</span>
<h2 class="text-2xl sm:text-3xl font-extrabold text-slate-900 mt-2">지금 신청 시 무료 제공되는 4대 혜택</h2>
<p class="text-xs sm:text-sm text-slate-500 mt-1">상담만 받아도 우리 아이 공부 로드맵을 명확히 세워드립니다.</p>
</header>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="bg-white p-5 rounded-2xl border border-slate-200/80 shadow-sm hover:border-blue-300 hover:shadow-md transition group">
<div class="w-12 h-12 rounded-2xl bg-blue-100 text-blue-700 flex items-center justify-center text-xl font-bold mb-4 group-hover:scale-110 transition-transform">
<i class="fa-solid fa-chart-pie"></i>
</div>
<span class="inline-block text-[11px] font-bold text-blue-700 bg-blue-50 px-2 py-0.5 rounded mb-1.5">혜택 01</span>
<h3 class="font-bold text-slate-900 text-sm sm:text-base">1:1 학습 성향 정밀 진단서</h3>
<p class="text-xs text-slate-500 mt-1.5 leading-relaxed">취약 단원 파악 및 과목별 공부 효율성 과학적 분석</p>
</div>
<div class="bg-white p-5 rounded-2xl border border-slate-200/80 shadow-sm hover:border-amber-300 hover:shadow-md transition group">
<div class="w-12 h-12 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center text-xl font-bold mb-4 group-hover:scale-110 transition-transform">
<i class="fa-solid fa-school"></i>
</div>
<span class="inline-block text-[11px] font-bold text-amber-600 bg-amber-50 px-2 py-0.5 rounded mb-1.5">혜택 02</span>
<h3 class="font-bold text-slate-900 text-sm sm:text-base">인근 3개년 학교 기출</h3>
<p class="text-xs text-slate-500 mt-1.5 leading-relaxed">해당 중·고교 출제 경향 및 고난도 킬러 문항 족보 요약</p>
</div>
<div class="bg-white p-5 rounded-2xl border border-slate-200/80 shadow-sm hover:border-emerald-300 hover:shadow-md transition group">
<div class="w-12 h-12 rounded-2xl bg-emerald-100 text-emerald-600 flex items-center justify-center text-xl font-bold mb-4 group-hover:scale-110 transition-transform">
<i class="fa-solid fa-clipboard-check"></i>
</div>
<span class="inline-block text-[11px] font-bold text-emerald-600 bg-emerald-50 px-2 py-0.5 rounded mb-1.5">혜택 03</span>
<h3 class="font-bold text-slate-900 text-sm sm:text-base">오답 원인 정밀 시트</h3>
<p class="text-xs text-slate-500 mt-1.5 leading-relaxed">단순 실수인지 개념 구멍인지 5단계 원인 역추적</p>
</div>
<div class="bg-white p-5 rounded-2xl border border-slate-200/80 shadow-sm hover:border-purple-300 hover:shadow-md transition group">
<div class="w-12 h-12 rounded-2xl bg-purple-100 text-purple-600 flex items-center justify-center text-xl font-bold mb-4 group-hover:scale-110 transition-transform">
<i class="fa-solid fa-user-tie"></i>
</div>
<span class="inline-block text-[11px] font-bold text-purple-600 bg-purple-50 px-2 py-0.5 rounded mb-1.5">혜택 04</span>
<h3 class="font-bold text-slate-900 text-sm sm:text-base">명문대 1:1 매칭 멘토링</h3>
<p class="text-xs text-slate-500 mt-1.5 leading-relaxed">아이 기질과 케미가 맞는 베테랑 전문 강사진 우선 추천</p>
</div>
</div>
</section>
<!-- 성적 향상 사례 (데스크톱 와이드 2열) -->
<section class="mt-16 px-4 sm:px-6 max-w-6xl mx-auto">