o2o-site-AEO/solution/site/scripts/mockup/build3/index.html
Mina Choi 29af37f158 [chore] site/mockup: 목업 스크립트·벤더 번들 정리 — stay2/stay3 빌드 도구 추가
patch_stay.py·inject.js/css·audit-all.mjs 갱신, 벤더 번들 교체(index-D9cPXCE3 →
index-D4jgGFP4 등), stay3 백업 스냅샷과 stay2/stay3 빌드 스크립트(build_stay2.py·
build_stay3.py) 및 원본 템플릿(tpl-story·tpl-creative) 추가. 옛 번들은
vendor/retired/ 에 보관.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-17 13:02:11 +09:00

157 lines
12 KiB
HTML

<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>스테이,머뭄 · 전북 군산시 독채 펜션</title>
<meta name="description" content="1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구" />
<link rel="canonical" href="https://web4ai.o2osolution.ai/s/stay3" />
<meta property="og:title" content="스테이,머뭄 · 전북 군산시 독채 펜션" />
<meta property="og:description" content="1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://web4ai.o2osolution.ai/s/stay3" />
<meta property="og:image" content="https://web4ai.o2osolution.ai/s/stay/img/mirror/ddc9f804f4ef83b5.jpg" />
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap" />
<link rel="stylesheet" href="/s/stay3/assets/css/main.css" />
<link rel="stylesheet" href="/s/stay3/assets/css/meomoom.css" />
<noscript><link rel="stylesheet" href="/s/stay3/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<header id="topbar">
<a class="brand" href="/s/stay3">스테이,머뭄</a>
<nav>
<a href="/s/stay3/rooms">객실</a>
<a href="/s/stay3/gunsan">군산</a>
<a href="tel:0507-1497-0983" aria-label="전화">전화</a>
</nav>
</header>
<div id="wrapper" class="divided">
<section class="banner style1 orient-left content-align-left image-position-right fullscreen cover onload-image-fade-in onload-content-fade-right">
<div class="content">
<p class="kicker">군산시</p>
<h1 class="serif">스테이,머뭄</h1>
<p class="major">히로쓰 가옥 담 너머, 백 년 된 집 한 채</p>
<ul class="actions stacked"><li><a href="#stay" class="button large smooth-scroll-middle ghost">머뭄 둘러보기</a></li></ul>
</div>
<div class="image"><img src="/s/stay/img/mirror/ddc9f804f4ef83b5.jpg" alt="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간" /></div>
</section>
<div id="stay"></div>
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2 class="serif">백 년 된 집 한 채</h2>
<p>스테이,머뭄은 전북특별자치도 군산시 신흥동 절골길에 있는 독채 펜션입니다. 1920년대에 지어진 백 년 고택으로, 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥) 후문 바로 옆 — 걸어서 13m 거리입니다. 사장님은 이 집이 히로쓰 가옥 관리인이 살던 집이라고 전합니다. 2024년 5월에 리모델링을 마치고 문을 열었고, A동과 B동 두 동을 각각 한 팀만 씁니다. 기준 2인 · 최대 4인까지 묵을 수 있습니다.</p>
</div>
<div class="image"><img src="/s/stay/img/h-01.jpg" alt="기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관" /></div>
</section>
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2 class="serif">마당과 창고형 카페</h2>
<p>A동은 편안한 일본집에 와 있는 듯한 느낌의 공간이고, B동은 아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 두 동 모두 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있어, 마당과 거실에서 새소리를 들으며 쉴 수 있습니다.</p><p>인테리어와 가구, 소품, 침구를 하나하나 준비해 두었습니다. 특히 침구류는 매일 세탁·살균하고 건조해 쓰시는 분이 바뀔 때마다 새것처럼 나갑니다.</p>
</div>
<div class="image"><img src="/s/stay/img/a-05.jpg" alt="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간" /></div>
</section>
<section class="wrapper style1 align-center" id="rooms">
<div class="inner">
<h2 class="serif">두 동, 각각 한 팀만</h2>
<p>A동과 B동은 서로 보이지 않습니다. 한 동을 한 팀이 통째로 씁니다.</p>
<div class="units">
<article class="unit">
<a class="image" href="/s/stay3/rooms#a">
<img src="/s/stay/img/mirror/6d0c447b6a0c32af.jpg" alt="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실" loading="lazy" />
</a>
<div class="body">
<h3>A동</h3>
<p class="sub">일본식 가정집 느낌으로 디딤돌마당과 예쁜정원</p>
<ul class="chips"><li>기준 2명</li><li>최대 4명</li><li>퀸 침대 1개</li><li>52 m²</li></ul>
<p class="price">주중 1박 <b>198,000원</b></p>
<a class="button fit" href="/s/stay3/rooms#a">이 동 자세히 보기</a>
</div>
</article>
<article class="unit">
<a class="image" href="/s/stay3/rooms#b">
<img src="/s/stay/img/h-05.jpg" alt="문 사이로 보이는 흰 앤티크 침대와 검은 서랍장" loading="lazy" />
</a>
<div class="body">
<h3>B동</h3>
<p class="sub">모던한 현대식 컨셉으로 꾸며진 따뜻한 공간</p>
<ul class="chips"><li>기준 2명</li><li>최대 4명</li><li>킹 침대 1개</li></ul>
<p class="price">주중 1박 <b>198,000원</b></p>
<a class="button fit" href="/s/stay3/rooms#b">이 동 자세히 보기</a>
</div>
</article></div>
<ul class="actions">
<li><a href="/s/stay3/rooms" class="button primary">객실과 요금 전체 보기</a></li>
</ul>
</div>
</section>
<section class="wrapper style1 invert align-center" id="gunsan">
<div class="inner">
<h2 class="serif">군산에서 보낼 시간</h2>
<p>담을 나서면 근대 도심입니다. 걸어서 닿는 곳과 계절마다 열리는 축제,
하루를 통째로 짜 둔 일정 21가지를 따로 모아 두었습니다.</p>
<div class="tiles"><a class="tile" href="/s/stay3/gunsan"><img src="/s/stay/img/mirror/f27b7440e2f1183f.jpg" alt="군산 신흥동 일본식가옥(히로쓰 가옥)" loading="lazy" /><span><b>군산 신흥동 일본식가옥(히로쓰 가옥)</b><small>도보 13m</small></span></a><a class="tile" href="/s/stay3/gunsan"><img src="/s/stay/img/mirror/d5433fe48de3da05.jpg" alt="초원사진관" loading="lazy" /><span><b>초원사진관</b><small>도보 248m</small></span></a><a class="tile" href="/s/stay3/gunsan"><img src="/s/stay/img/mirror/6a0c445e6dd940af.jpg" alt="군산 영화의 거리" loading="lazy" /><span><b>군산 영화의 거리</b><small>도보 318m</small></span></a><a class="tile" href="/s/stay3/gunsan"><img src="/s/stay/img/mirror/82606e203454e3ff.jpg" alt="2026 군산 은파벚꽃야시장" loading="lazy" /><span><b>2026 군산 은파벚꽃야시장</b><small>3~4월</small></span></a></div>
<ul class="actions">
<li><a href="/s/stay3/gunsan" class="button primary">군산 둘러보기</a></li>
</ul>
</div>
</section>
<section class="wrapper style1 align-center" id="map">
<div class="inner">
<h2 class="serif">오시는 길</h2>
<p class="address">전북 군산시 절골길 18</p>
<iframe class="mapframe" loading="lazy" title="스테이,머뭄 위치"
src="https://www.openstreetmap.org/export/embed.html?bbox=126.7021254%2C35.9844175%2C126.71012540000001%2C35.988417500000004&amp;layer=mapnik&amp;marker=35.9864175%2C126.7061254"></iframe>
<ul class="actions stacked">
<li><a class="button primary fit" href="https://map.naver.com/p/search/전북 군산시 절골길 18"
target="_blank" rel="noopener noreferrer">길찾기</a></li>
</ul>
<p class="tiny">군산역에서 차로 약 20분 · 히로쓰 가옥 후문에서 걸어서 13m</p>
</div>
</section>
<section class="wrapper style1 align-center" id="info">
<div class="inner">
<h2 class="serif">기본 정보</h2>
<div class="index align-left"><section><header><h3>체크인 / 체크아웃</h3></header><div class='content'><p>15:00 / 11:00</p></div></section><section><header><h3>인원</h3></header><div class='content'><p>기준 2명 · 최대 4명 (추가 1인 20,000원)</p></div></section><section><header><h3>주차</h3></header><div class='content'><p>가능</p></div></section><section><header><h3>와이파이</h3></header><div class='content'><p>있음</p></div></section><section><header><h3>취사</h3></header><div class='content'><p>가능</p></div></section><section><header><h3>반려동물</h3></header><div class='content'><p>불가</p></div></section><section><header><h3>흡연</h3></header><div class='content'><p>불가</p></div></section><section><header><h3>바비큐</h3></header><div class='content'><p>불가</p></div></section><section><header><h3>픽업 서비스</h3></header><div class='content'><p>없음</p></div></section><section><header><h3>취소·환불</h3></header><div class='content'><p>입실 당일 취소·노쇼는 환불되지 않습니다</p></div></section></div>
<h3 class="faqhead">자주 묻는 질문</h3>
<div class="faq"><details><summary>체크인과 체크아웃 시간은 언제인가요?</summary><p>체크인은 15:00부터이며, 체크아웃은 11:00까지입니다.</p></details><details><summary>객실 기준 인원과 최대 인원, 인원 추가 요금은 어떻게 되나요?</summary><p>A동과 B동 모두 기준 인원은 2명이며, 최대 4명까지 투숙하실 수 있습니다. 인원 추가 요금은 20,000원입니다.</p></details><details><summary>객실 내 취사가 가능한가요?</summary><p>주방에서 간단한 조리는 가능합니다. 다만 생선구이·고기구이·튀김처럼 냄새가 잘 빠지지 않는 조리는 하실 수 없고, 객실 안에서 직화로 굽는 방식도 허용되지 않습니다. 그릴·숯·전기 전열기구 등 개인 취사도구는 반입이 금지되어 있습니다.</p></details><details><summary>주차와 와이파이 이용이 가능한가요?</summary><p>네, 주차와 와이파이 모두 이용 가능합니다.</p></details><details><summary>반려동물 동반이나 실내 흡연이 가능한가요?</summary><p>반려동물 동반은 불가하며, 전 구역 흡연이 불가능합니다.</p></details></div>
<ul class="actions">
<li><a href="/s/stay3/rooms#info" class="button">이용 안내 · 질문 전체 보기</a></li>
</ul>
</div>
</section>
<footer class="wrapper style1 align-center" id="footer">
<div class="inner">
<h2>스테이,머뭄</h2>
<p>전북 군산시 절골길 18<br />0507-1497-0983</p>
<ul class="actions stacked">
<li><a href="https://m.place.naver.com/place/1133638931/home" class="button primary fit" target="_blank" rel="noopener noreferrer">네이버 예약</a></li>
<li><a href="tel:0507-1497-0983" class="button fit">전화 걸기</a></li>
<li><a href="https://www.instagram.com/staymeomoom" class="button fit" target="_blank" rel="noopener noreferrer">인스타그램</a></li>
</ul>
<p class="tiny">상호 스테이,머뭄 · 전북 군산시 절골길 18 · 최종 업데이트 2026-09-17<br />
레이아웃은 <a href="https://html5up.net/story">Story by HTML5 UP</a>(CC BY 3.0)를 고쳐 썼습니다.<br />
AI O2O의 Web4Ai로 만든 시안입니다.</p>
</div>
</footer>
</div>
<div id="bookbar">
<span class="price"><b>198,000원</b><small>주중 1박 기준</small></span>
<a class="button primary" href="https://m.place.naver.com/place/1133638931/home" target="_blank" rel="noopener noreferrer">예약하기</a>
</div>
<script src="/s/stay3/assets/js/jquery.min.js"></script>
<script src="/s/stay3/assets/js/jquery.scrollex.min.js"></script>
<script src="/s/stay3/assets/js/jquery.scrolly.min.js"></script>
<script src="/s/stay3/assets/js/browser.min.js"></script>
<script src="/s/stay3/assets/js/breakpoints.min.js"></script>
<script src="/s/stay3/assets/js/util.js"></script>
<script src="/s/stay3/assets/js/main.js"></script>
</body>
</html>