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

ui 개편 완료

Browse Source
This commit is contained in:
kyounggu
2026-11-11 12:18:47 +09:00
parent 67a7fa0326
commit 15e8bcd37b
145 changed files with 141907 additions and 23029 deletions
Download Patch File Download Diff File Expand all files Collapse all files
seoul/pages/[...slug].vue
+15 -15
View File
@@ -1,24 +1,24 @@
<template>
<div class="landing-page-wrap bg-[#F8FAFC] min-h-screen text-slate-800 antialiased">
<!-- 1. 클린 미니멀 프리미엄 네비게이션 헤더 (기본 홈과 동일) -->
<AppHeader :siteName="siteName" />
<div class="landing-page-wrap bg-[#fbf8f3] min-h-screen text-[#151c28] antialiased">
<!-- 1. 로열클래스 다크 네이비 & 골드 엠블럼 헤더 -->
<AppHeader :siteName="siteName" consultHref="#consult-section" />
<!-- 2. 더세이브 방식 시맨틱 브레드크럼 및 지역 센터 식별 서브 바 -->
<nav class="bc bg-blue-50/70 border-b border-blue-100/70 py-2.5 px-4" aria-label="현재 위치">
<!-- 2. 더세이브 방식 시맨틱 브레드크럼 및 지역 센터 식별 서브 바 (로열 네이비·골드 톤) -->
<nav class="bc bg-[#131e35] border-b border-[#c9a55c]/30 py-2.5 px-4" aria-label="현재 위치">
<div class="max-w-4xl mx-auto flex items-center justify-between flex-wrap gap-2 text-xs">
<div class="flex items-center gap-1.5 flex-wrap text-slate-600">
<NuxtLink to="/" class="font-semibold text-blue-700 hover:underline">홈</NuxtLink>
<span class="text-slate-400">›</span>
<NuxtLink :to="`/${encodeURIComponent(parsed.dong)}`" class="hover:underline">{{ parsed.dong }} 과외</NuxtLink>
<span class="text-slate-400">›</span>
<strong class="font-bold text-slate-900">{{ parsed.shortSido }} {{ parsed.gradeShort }} {{ parsed.subjectName }} 과외</strong>
<div class="flex items-center gap-1.5 flex-wrap text-slate-300">
<NuxtLink to="/" class="font-semibold text-[#e2c687] hover:underline">홈</NuxtLink>
<span class="text-slate-500">›</span>
<NuxtLink :to="`/${encodeURIComponent(parsed.dong)}`" class="text-slate-200 hover:text-[#e2c687] hover:underline">{{ parsed.dong }} 과외</NuxtLink>
<span class="text-slate-500">›</span>
<strong class="font-bold text-white">{{ parsed.shortSido }} {{ parsed.gradeShort }} {{ parsed.subjectName }} 과외</strong>
</div>
<div class="hidden sm:flex items-center gap-1.5 text-slate-500 font-medium">
<span class="inline-flex items-center gap-1 font-bold text-blue-700 bg-white px-2.5 py-0.5 rounded-full border border-blue-200/80 shadow-xs">
<i class="fa-solid fa-location-dot text-blue-600 text-[10px]"></i>
<div class="hidden sm:flex items-center gap-1.5 text-slate-300 font-medium">
<span class="inline-flex items-center gap-1 font-bold text-[#0d1424] bg-[#e2c687] px-2.5 py-0.5 rounded-full border border-[#f2dfb3] shadow-xs">
<i class="fa-solid fa-crown text-[#0d1424] text-[10px]"></i>
{{ parsed.shortRegionName }} 센터
</span>
<span>검증된 전문 선생님 100% 매칭</span>
<span class="text-[#ebd5a4]">검증된 전문 선생님 100% 매칭</span>
</div>
</div>
</nav>