feat(supporters): 히어로 제목을 '뷰성형외과, 궁금한 것부터 답합니다'로 바꾸고 2pt 확대 (2.7rem→2.86rem)
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
parent
32e050a501
commit
c87ee03d54
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 MiB After Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 827 KiB After Width: | Height: | Size: 737 KiB |
@ -13,13 +13,13 @@ const ld = [
|
||||
clinicSchema(site),
|
||||
];
|
||||
---
|
||||
<Base title="뷰성형외과를 알아보는 사람들의 질문에 먼저 답합니다" description="뷰성형외과(서울 강남 신논현역)를 알아보는 분들이 실제로 묻는 질문을 골라, 원장 설명 영상과 병원 공개 자료를 근거로 답합니다. 글마다 작성자와 원장 감수 여부를 밝힙니다." jsonLd={ld}>
|
||||
<Base title="뷰성형외과, 궁금한 것부터 답합니다" description="뷰성형외과(서울 강남 신논현역)를 알아보는 분들이 실제로 묻는 질문을 골라, 원장 설명 영상과 병원 공개 자료를 근거로 답합니다. 글마다 작성자와 원장 감수 여부를 밝힙니다." jsonLd={ld}>
|
||||
<section class="hero-light">
|
||||
<div class="blob a"></div><div class="blob b"></div>
|
||||
<div class="wrap-wide inner">
|
||||
<div>
|
||||
<div class="eyebrow">View Supporters · Sample</div>
|
||||
<h1>뷰성형외과를 알아보는 사람들의<br /><span class="accent">질문에 먼저 답합니다.</span></h1>
|
||||
<h1>뷰성형외과,<br /><span class="accent">궁금한 것부터 답합니다.</span></h1>
|
||||
<p class="lede">{fact.shortName}는 {fact.founded}년 개원한 서울 강남 신논현역 인근 성형외과입니다. 이곳은 병원을 알아보는 분들이 실제로 묻는 질문을 골라, 원장 설명 영상과 병원이 공개한 자료를 근거로 답하는 곳입니다. 글마다 누가 썼고 원장 감수를 거쳤는지 밝힙니다.</p>
|
||||
<div class="chips">
|
||||
<span class="chip"><span class="dot"></span>{fact.founded}년 개원 · 신논현역 3번 출구 50m</span>
|
||||
|
||||
@ -166,7 +166,7 @@ td { color: var(--slate-700); }
|
||||
.hero-light .blob.a { top: 2rem; left: 2rem; width: 18rem; height: 18rem; background: rgba(108,92,231,0.10); }
|
||||
.hero-light .blob.b { bottom: 2rem; right: 2rem; width: 24rem; height: 24rem; background: rgba(213,205,245,0.30); }
|
||||
.hero-light .inner { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
|
||||
.hero-light h1 { font-size: 2.7rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.18; color: var(--primary-900); }
|
||||
.hero-light h1 { font-size: 2.86rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.18; color: var(--primary-900); }
|
||||
.hero-light h1 .accent { color: var(--accent); }
|
||||
.hero-light .lede { font-size: 1.08rem; color: var(--slate-600); margin-top: 1.1rem; max-width: 640px; }
|
||||
.hero-light .chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.3rem; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user