이미제

gyeonggi/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="landing-container bg-[#F0FDF4] text-slate-800 antialiased relative pb-24 md:pb-12 min-h-screen w-full">
+  <div class="landing-container bg-[#F0FDF4] text-slate-800 antialiased relative pb-8 min-h-screen w-full">
     
     <!-- Header -->
     <header class="bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm w-full">
@@ -330,6 +330,9 @@
         </div>
       </section>
 
+      <!-- 과목별 1:1 맞춤과외 갤러리 캐러셀 (클릭 시 확대 모달 및 상담/이동) -->
+      <SubjectCarousel grade="초·중·고" />
+
       <!-- FAQ 섹션 -->
       <section class="mt-16 px-4 sm:px-6 max-w-4xl mx-auto">
         <header class="text-center mb-8">
@@ -353,20 +356,6 @@
 
     </main>
 
-    <!-- 하단 모바일 고정 CTA 바 -->
-    <aside class="fixed bottom-0 left-0 right-0 bg-white/95 backdrop-blur-md border-t border-slate-200 p-3 sm:p-4 z-40 shadow-2xl">
-      <div class="max-w-4xl mx-auto flex items-center gap-3">
-        <a href="tel:010-5961-5807" class="flex flex-col items-center justify-center px-4 py-2.5 bg-slate-100 hover:bg-slate-200 text-slate-800 rounded-xl text-xs font-bold shrink-0 transition" title="전화상담">
-          <i class="fa-solid fa-phone text-emerald-700 text-sm mb-0.5"></i>
-          <span>010-5961-5807</span>
-        </a>
-        <a href="#leadFormSection" class="flex-1 bg-gradient-to-r from-emerald-600 via-teal-600 to-emerald-600 hover:opacity-95 text-white font-extrabold text-sm sm:text-base py-3 sm:py-3.5 px-4 rounded-xl shadow-lg transition flex items-center justify-center gap-2">
-          <i class="fa-solid fa-seedling text-xs sm:text-sm"></i>
-          <span>지금 무료 습관 진단 & 멘토 신청하기</span>
-        </a>
-      </div>
-    </aside>
-
   </div>
 </template>