educo/web_6ea_educo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

seo 기반으로 설정 완료

Browse Source
This commit is contained in:
kyounggu
2026-10-13 02:00:03 +09:00
parent 75f6f74e84
commit 7b999f2732
29 changed files with 48144 additions and 132612 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site7/pages/index.vue
+1 -59
View File
@@ -1,54 +1,8 @@
<template>
<div class="landing-container bg-[#F8FAFC] text-slate-800 antialiased relative pb-24 md:pb-12 min-h-screen w-full">
<!-- SSR & SEO 상태 인스펙터 -->
<aside class="sticky top-0 z-50 bg-slate-950 text-white text-xs px-4 py-2 border-b border-slate-800 shadow-md w-full">
<div class="max-w-6xl mx-auto flex items-center justify-between flex-wrap gap-2">
<div class="flex items-center space-x-2">
<span class="inline-flex items-center px-2 py-0.5 rounded text-[11px] font-bold bg-red-500/20 text-red-400 border border-red-500/40">
<i class="fa-solid fa-bolt mr-1"></i> Nuxt 3 SSR
</span>
<span class="inline-flex items-center px-2 py-0.5 rounded text-[11px] font-bold bg-amber-500/20 text-amber-300 border border-amber-500/40">
<i class="fa-solid fa-crown mr-1"></i> 의대·특목·자사고 1등급 최적화
</span>
</div>
<div class="flex items-center gap-2">
<button @click="showInspector = !showInspector" class="px-3 py-1 bg-red-600 hover:bg-red-700 transition text-white font-semibold rounded-md flex items-center gap-1.5 shadow">
<i class="fa-solid fa-code text-xs"></i>
<span>{{ showInspector ? '실제 화면만 보기' : 'SEO & SSR 사양 검증' }}</span>
</button>
</div>
</div>
</aside>
<!-- 인스펙터 서랍 -->
<section v-if="showInspector" class="bg-black text-slate-200 border-b border-slate-800 p-4 transition-all w-full">
<div class="max-w-6xl mx-auto text-xs space-y-4">
<div class="flex justify-between items-center pb-2 border-b border-slate-800">
<h2 class="text-sm font-bold text-red-400 flex items-center gap-2">
<i class="fa-solid fa-microchip"></i> [{{ siteName }}] 최상위권 킬러문항 마스터 아키텍처
</h2>
<button @click="showInspector = false" class="text-slate-400 hover:text-white"><i class="fa-solid fa-xmark text-sm"></i></button>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-3">
<div class="bg-slate-900 p-3 rounded border border-slate-800">
<span class="text-red-400 font-bold block mb-1">1. 특목·의대 입시 시맨틱 트리</span>
<p class="text-slate-400">자사고 내신 및 수능 1등급 킬러 문항에 특화된 H1~H3 구조화 문서 트리를 구성했습니다.</p>
</div>
<div class="bg-slate-900 p-3 rounded border border-slate-800">
<span class="text-amber-400 font-bold block mb-1">2. Schema.org 리치 스니펫</span>
<p class="text-slate-400">네이버 서치어드바이저 및 구글 크롤러의 FAQPage 구조화 데이터 색인을 100% 보장합니다.</p>
</div>
<div class="bg-slate-900 p-3 rounded border border-slate-800">
<span class="text-emerald-400 font-bold block mb-1">3. 실시간 최상위권 매니저 알림</span>
<p class="text-slate-400">신청 즉시 의대·자사고 전담 수석 컨설턴트에게 실시간 디스코드 알림이 전송됩니다.</p>
</div>
</div>
</div>
</section>
<!-- Header -->
<header class="bg-white border-b border-slate-200 sticky top-9 z-40 shadow-sm w-full">
<header class="bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm w-full">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-3.5 flex items-center justify-between">
<div class="flex items-center space-x-2">
<div class="w-9 h-9 rounded-xl bg-slate-900 flex items-center justify-center text-amber-400 font-extrabold text-lg shadow-sm">
@@ -438,17 +392,6 @@
</div>
</section>
<!-- 안심 보장 뱃지 -->
<section class="mt-16 mx-4 sm:mx-6 max-w-4xl md:mx-auto p-6 rounded-3xl bg-slate-100 border border-slate-200 text-center shadow-sm">
<div class="flex items-center justify-center flex-wrap gap-6 text-xs sm:text-sm font-bold text-slate-900 mb-3">
<span class="flex items-center gap-1.5"><i class="fa-solid fa-shield-halved text-red-600 text-base"></i> 최상위 1타 강사진</span>
<span class="flex items-center gap-1.5"><i class="fa-solid fa-crown text-amber-500 text-base"></i> 의대 합격 책임제</span>
<span class="flex items-center gap-1.5"><i class="fa-solid fa-rotate text-slate-700 text-base"></i> 100% 무상 재매칭</span>
</div>
<p class="text-xs sm:text-sm text-slate-500 max-w-xl mx-auto">
{{ siteName }}은 최상위 1%의 입시 목표를 완벽하게 실현시킵니다.
</p>
</section>
<!-- 하단 직통 전화 문의 & 상담 안내 섹션 -->
<section class="mt-8 mx-4 sm:mx-6 max-w-4xl md:mx-auto p-6 sm:p-8 rounded-3xl bg-white border border-slate-200 text-center shadow-sm">
@@ -489,7 +432,6 @@ const config = useRuntimeConfig()
const siteName = config.public.siteName || '알파마스터 1:1 맞춤과외'
const siteDomain = config.public.siteDomain || 'https://soohyun.xyz'
const showInspector = ref(false)
const isSubmitting = ref(false)
const submitSuccess = ref(false)