11

2026-10-07 13:05:01 +09:00
parent 6c7d3cc893
commit 677cb65881
248 changed files with 66226 additions and 30 deletions
@@ -0,0 +1,134 @@
+<template>
+  <div class="landing-page-wrap">
+    <!-- 1. 광고 랜딩 전용 지역 식별 바 (외부 이탈 링크 없음) -->
+    <div class="ad-location-bar">
+      <span class="loc-badge-tag">[지역센터]</span>
+      <span class="loc-text">{{ parsed.shortRegionName }} ({{ parsed.sigungu }}) 관내 초·중·고 전담</span>
+      <span class="loc-tag">1:1 맞춤 배정 센터</span>
+    </div>
+
+    <!-- 2. 상단 히어로 배너 (Header 제거, H1 태그 포함) -->
+    <HeroBanner 
+      :region="parsed.region" 
+      :shortRegionName="parsed.shortRegionName" 
+      :grade="parsed.grade" 
+      :subjectName="parsed.subjectName" 
+    />
+
+    <!-- 3. 실시간 성과 지표 4선 -->
+    <QuickMetrics :regionDong="parsed.dong" />
+
+    <!-- 4. 인근 학교별 내신 기출 정밀 분석 -->
+    <NearbySchools 
+      :regionDong="parsed.dong" 
+      :grade="parsed.grade" 
+      :subjectName="parsed.subjectName" 
+    />
+
+    <!-- 5. 과목별 상세 커리큘럼 & 1등급 도약 솔루션 -->
+    <SubjectMastery 
+      :regionDong="parsed.dong" 
+      :grade="parsed.grade" 
+      :curriculum="curriculum" 
+    />
+
+    <!-- 6. 1:1 강사진 4단계 검증 프로세스 -->
+    <TeacherVerification />
+
+    <!-- 7. 메타인지 스터디 플래너 & 밀착 코칭 시스템 -->
+    <CoachingSystem />
+
+    <!-- 8. 실제 성적 향상 수기 (해당 학년/과목 100% 매칭) -->
+    <SuccessStories 
+      :regionDong="parsed.dong" 
+      :grade="parsed.grade" 
+      :subjectName="parsed.subjectName" 
+    />
+
+    <!-- 9. 수업 진행 4단계 절차 안내 -->
+    <ProcessGuide />
+
+    <!-- 10. 자주 묻는 질문 (FAQ) -->
+    <FaqAccordion 
+      :regionDong="parsed.dong" 
+      :grade="parsed.grade" 
+      :subjectName="parsed.subjectName" 
+    />
+
+    <!-- 웹 광고 단일 목적: 해당 학년과 과목이 기본 선택된 무료 상담 신청 폼 -->
+    <ConsultForm 
+      :regionName="parsed.shortRegionName" 
+      :defaultGrade="parsed.grade" 
+      :defaultSubject="parsed.subjectName" 
+    />
+  </div>
+</template>
+
+<script setup>
+import { useRoute } from 'vue-router'
+import { parseRouteSlug, getCurriculumBySubject, getAllSubjectsList, getPopularRegions } from '~/utils/dataHelper'
+import { generateSeoMeta } from '~/utils/seoHelper'
+
+const route = useRoute()
+const config = useRuntimeConfig()
+
+// URL 파라미터 파싱
+const slug = route.params.slug
+const parsed = parseRouteSlug(slug)
+
+// 커리큘럼 데이터 로드
+const curriculum = getCurriculumBySubject(parsed.subjectKey)
+const allSubjects = getAllSubjectsList()
+const popularRegions = getPopularRegions(12)
+
+// 네이버 Yeti 봇 100% 대응 SEO 메타태그 설정
+const seo = generateSeoMeta(
+  parsed, 
+  config.public.siteName, 
+  config.public.siteDomain
+)
+
+useHead({
+  title: seo.title,
+  meta: seo.meta,
+  link: seo.link,
+  script: seo.script
+})
+</script>
+
+<style scoped>
+.landing-page-wrap {
+  width: 100%;
+  overflow-x: hidden;
+}
+
+.ad-location-bar {
+  max-width: 1080px;
+  margin: 10px auto;
+  padding: 8px 16px;
+  font-size: clamp(0.78rem, 2vw, 0.88rem);
+  color: #334155;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.loc-pin {
+  font-size: 1rem;
+}
+
+.loc-text {
+  font-weight: 700;
+  color: var(--primary-color, #1e3a8a);
+}
+
+.loc-tag {
+  font-size: 0.75rem;
+  font-weight: 800;
+  background: var(--badge-bg, rgba(30, 58, 138, 0.08));
+  color: var(--primary-color, #1e3a8a);
+  padding: 2px 8px;
+  border-radius: 4px;
+}
+</style>
@@ -0,0 +1,88 @@
+<template>
+  <div class="landing-page-wrap">
+    <!-- 상단 히어로 배너 (Header 제거) -->
+    <HeroBanner 
+      :region="defaultRegion" 
+      grade="초·중·고" 
+      subjectName="국영수사과" 
+    />
+
+    <!-- 실시간 성과 지표 4선 -->
+    <QuickMetrics regionDong="전국" />
+
+    <!-- 인근 학교별 내신 기출 분석 -->
+    <NearbySchools regionDong="주요 학군" />
+
+    <!-- 과목별 커리큘럼 -->
+    <SubjectMastery 
+      regionDong="전국" 
+      grade="중·고등" 
+      :curriculum="defaultCurriculum" 
+    />
+
+    <!-- 강사진 4단계 검증 프로세스 -->
+    <TeacherVerification />
+
+    <!-- 메타인지 스터디 플래너 코칭 -->
+    <CoachingSystem />
+
+    <!-- 실제 성적 향상 수기 -->
+    <SuccessStories regionDong="수강생" />
+
+    <!-- 수업 진행 절차 -->
+    <ProcessGuide />
+
+    <!-- 자주 묻는 질문 -->
+    <FaqAccordion regionDong="전국" />
+
+    <!-- 맨 하단 상담 신청 폼 -->
+    <ConsultForm 
+      regionName="전국 전 지역" 
+      defaultSubject="영어" 
+    />
+  </div>
+</template>
+
+<script setup>
+import { getCurriculumBySubject, getRegionByDong } from '~/utils/dataHelper'
+import { generateSeoMeta } from '~/utils/seoHelper'
+
+const config = useRuntimeConfig()
+const defaultCurriculum = getCurriculumBySubject('english')
+
+const defaultRegion = getRegionByDong('황금동') || {
+  fullName: '대한민국 전국 전 지역',
+  sido: '전국',
+  sigungu: '전지역',
+  dong: '전국'
+}
+
+const seo = generateSeoMeta(
+  {
+    region: defaultRegion,
+    sido: '전국',
+    sigungu: '맞춤',
+    dong: '1:1',
+    grade: '초중고',
+    subjectName: '전과목',
+    targetTerm: '방문·화상과외',
+    fullKeyword: '전국 초중고 1:1 방문 과외 및 실시간 화상과외'
+  },
+  config.public.siteName,
+  config.public.siteDomain
+)
+
+useHead({
+  title: `${config.public.siteName} | 전국 초·중·고 1:1 맞춤 방문과외 & 화상코칭`,
+  meta: seo.meta,
+  link: seo.link,
+  script: seo.script
+})
+</script>
+
+<style scoped>
+.landing-page-wrap {
+  width: 100%;
+  overflow-x: hidden;
+}
+</style>