https://hanttrail-8fwxhbgl.manus.space/assets/InstallGuide-BE9qFS1S.js

1import{c as h,H as j,r as c,j as e,B as g,z as u,E as m,aB as r,Y as I,aX as b}from"./index-CqGqwWKp.js";import{B as G}from"./badge-CajhVRbo.js";import{C as o}from"./circle-check-big-7cb6kGpN.js";import{A as f}from"./arrow-left-BstHR7w2.js";import{P as N}from"./plus-CfHDN4Y3.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const v=h("EllipsisVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);function k(){const s=navigator.userAgent;return/iPhone|iPad|iPod/i.test(s)?"ios":/Android/i.test(s)?"android":"unknown"}function w(){return window.matchMedia("(display-mode: standalone)").matches||window.navigator.standalone===!0}function P(){const[,s]=j(),[a,n]=c.useState("unknown"),[i,p]=c.useState(!1),[l,d]=c.useState("android");return c.useEffect(()=>{const x=k();n(x),x==="ios"&&d("ios"),p(w())},[]),i?e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:39",className:"min-h-screen bg-background flex flex-col items-center justify-center p-6 text-center",children:[e.jsx(o,{"data-loc":"client/src/pages/InstallGuide.tsx:40",size:64,className:"text-green-500 mb-4"}),e.jsx("h1",{"data-loc":"client/src/pages/InstallGuide.tsx:41",className:"text-2xl font-bold mb-2",children:"이미 설치되어 있습니다!"}),e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:42",className:"text-muted-foreground mb-6",children:"HANT 앱이 홈 화면에 설치된 상태로 실행 중입니다."}),e.jsx(g,{"data-loc":"client/src/pages/InstallGuide.tsx:43",onClick:()=>s("/"),className:"bg-green-700 hover:bg-green-800 text-white",children:"홈으로 돌아가기"})]}):e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:51",className:"min-h-screen bg-background",children:[e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:53",className:"sticky top-0 z-10 bg-background border-b px-4 py-3 flex items-center gap-3",children:[e.jsx("button",{"data-loc":"client/src/pages/InstallGuide.tsx:54",onClick:()=>s("/"),className:"text-muted-foreground hover:text-foreground",children:e.jsx(f,{"data-loc":"client/src/pages/InstallGuide.tsx:55",size:22})}),e.jsx("h1",{"data-loc":"client/src/pages/InstallGuide.tsx:57",className:"font-bold text-lg",children:"앱 설치 안내"})]}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:60",className:"max-w-lg mx-auto px-4 py-6 space-y-6",children:[e.jsx(u,{"data-loc":"client/src/pages/InstallGuide.tsx:62",className:"bg-green-700 text-white border-0",children:e.jsxs(m,{"data-loc":"client/src/pages/InstallGuide.tsx:63",className:"p-5 flex items-center gap-4",children:[e.jsx("div",{"data-loc":"client/src/pages/InstallGuide.tsx:64",className:"w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center shrink-0",children:e.jsx(r,{"data-loc":"client/src/pages/InstallGuide.tsx:65",size:32,className:"text-white"})}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:67",children:[e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:68",className:"font-bold text-xl",children:"HANT 한국트레일"}),e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:69",className:"text-green-100 text-sm mt-0.5",children:"홈 화면에 추가하면 앱처럼 사용 가능"}),a!=="unknown"&&e.jsx(G,{"data-loc":"client/src/pages/InstallGuide.tsx:71",className:"mt-2 bg-white/20 text-white border-0 text-xs",children:a==="ios"?"iPhone/iPad 감지됨":"Android 감지됨"})]})]})}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:80",className:"flex rounded-lg border overflow-hidden",children:[e.jsx("button",{"data-loc":"client/src/pages/InstallGuide.tsx:81",onClick:()=>d("android"),className:`flex-1 py-2.5 text-sm font-medium transition-colors ${l==="android"?"bg-green-700 text-white":"bg-background text-muted-foreground hover:bg-muted"}`,children:"Android (크롬)"}),e.jsx("button",{"data-loc":"client/src/pages/InstallGuide.tsx:91",onClick:()=>d("ios"),className:`flex-1 py-2.5 text-sm font-medium transition-colors ${l==="ios"?"bg-green-700 text-white":"bg-background text-muted-foreground hover:bg-muted"}`,children:"iPhone (사파리)"})]}),l==="android"&&e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:105",className:"space-y-4",children:[e.jsxs("p",{"data-loc":"client/src/pages/InstallGuide.tsx:106",className:"text-sm text-muted-foreground",children:["Android 기기에서 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:107",children:"Chrome 브라우저"}),"로 아래 단계를 따라하세요."]}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:110",step:1,icon:e.jsx(r,{"data-loc":"client/src/pages/InstallGuide.tsx:112",size:20,className:"text-green-700"}),title:"Chrome으로 HANT 앱 열기",desc:e.jsxs(e.Fragment,{children:["Chrome 브라우저에서"," ",e.jsx("span",{"data-loc":"client/src/pages/InstallGuide.tsx:117",className:"font-mono text-xs bg-muted px-1 py-0.5 rounded",children:"hanttrail-8fwxhbgl.manus.space"})," ","주소로 접속하세요."]})}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:125",step:2,icon:e.jsx(v,{"data-loc":"client/src/pages/InstallGuide.tsx:127",size:20,className:"text-green-700"}),title:"Chrome 메뉴 열기",desc:"화면 오른쪽 상단의 점 세 개(⋮) 메뉴 버튼을 누르세요."}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:132",step:3,icon:e.jsx(I,{"data-loc":"client/src/pages/InstallGuide.tsx:134",size:20,className:"text-green-700"}),title:"'홈 화면에 추가' 선택",desc:"메뉴에서 '홈 화면에 추가' 또는 '앱 설치'를 탭하세요. 자동으로 설치 배너가 뜨는 경우도 있습니다."}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:139",step:4,icon:e.jsx(o,{"data-loc":"client/src/pages/InstallGuide.tsx:141",size:20,className:"text-green-700"}),title:"설치 완료!",desc:"홈 화면에 HANT 아이콘이 추가됩니다. 이제 앱처럼 실행할 수 있습니다."}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:14

66",className:"bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4 text-sm text-amber-800 dark:text-amber-200",children:[e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:147",className:"font-medium mb-1",children:"⚠️ 주의사항"}),e.jsxs("p",{"data-loc":"client/src/pages/InstallGuide.tsx:148",children:["카카오톡, 네이버 앱 등 인앱 브라우저에서는 설치가 안 됩니다. 반드시 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:148",children:"Chrome 브라우저"}),"를 사용하세요."]})]})]}),l==="ios"&&e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:155",className:"space-y-4",children:[e.jsxs("p",{"data-loc":"client/src/pages/InstallGuide.tsx:156",className:"text-sm text-muted-foreground",children:["iPhone/iPad에서 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:157",children:"Safari 브라우저"}),"로 아래 단계를 따라하세요."]}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:160",step:1,icon:e.jsx(r,{"data-loc":"client/src/pages/InstallGuide.tsx:162",size:20,className:"text-green-700"}),title:"Safari로 HANT 앱 열기",desc:e.jsxs(e.Fragment,{children:["Safari 브라우저에서"," ",e.jsx("span",{"data-loc":"client/src/pages/InstallGuide.tsx:167",className:"font-mono text-xs bg-muted px-1 py-0.5 rounded",children:"hanttrail-8fwxhbgl.manus.space"})," ","주소로 접속하세요."]})}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:175",step:2,icon:e.jsx(b,{"data-loc":"client/src/pages/InstallGuide.tsx:177",size:20,className:"text-green-700"}),title:"공유 버튼 탭",desc:"화면 하단 가운데의 공유 버튼(□↑ 모양)을 탭하세요."}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:182",step:3,icon:e.jsx(N,{"data-loc":"client/src/pages/InstallGuide.tsx:184",size:20,className:"text-green-700"}),title:"'홈 화면에 추가' 선택",desc:"공유 메뉴를 아래로 스크롤하여 '홈 화면에 추가(Add to Home Screen)'를 탭하세요."}),e.jsx(t,{"data-loc":"client/src/pages/InstallGuide.tsx:189",step:4,icon:e.jsx(o,{"data-loc":"client/src/pages/InstallGuide.tsx:191",size:20,className:"text-green-700"}),title:"'추가' 버튼 탭",desc:"앱 이름을 확인하고 오른쪽 상단 '추가' 버튼을 탭하면 설치 완료입니다."}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:196",className:"bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4 text-sm text-amber-800 dark:text-amber-200",children:[e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:197",className:"font-medium mb-1",children:"⚠️ 주의사항"}),e.jsxs("p",{"data-loc":"client/src/pages/InstallGuide.tsx:198",children:["iPhone에서는 반드시 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:198",children:"Safari"}),"에서만 설치 가능합니다. Chrome, 카카오톡 등 다른 브라우저에서는 '홈 화면에 추가' 메뉴가 없습니다."]})]})]}),e.jsx(u,{"data-loc":"client/src/pages/InstallGuide.tsx:204",className:"border-green-200 dark:border-green-800",children:e.jsxs(m,{"data-loc":"client/src/pages/InstallGuide.tsx:205",className:"p-4",children:[e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:206",className:"font-semibold text-green-800 dark:text-green-300 mb-2",children:"앱 설치 후 회원가입"}),e.jsxs("ol",{"data-loc":"client/src/pages/InstallGuide.tsx:207",className:"text-sm text-muted-foreground space-y-1.5 list-decimal list-inside",children:[e.jsx("li",{"data-loc":"client/src/pages/InstallGuide.tsx:208",children:"홈 화면의 HANT 아이콘을 탭하여 앱 실행"}),e.jsxs("li",{"data-loc":"client/src/pages/InstallGuide.tsx:209",children:["홈 화면 하단 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:209",children:"'내 정보'"})," 탭 또는 상단 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:209",children:"'회원가입'"})," 버튼 탭"]}),e.jsx("li",{"data-loc":"client/src/pages/InstallGuide.tsx:210",children:"이름, 생년월일, 소속, 지역 입력"}),e.jsxs("li",{"data-loc":"client/src/pages/InstallGuide.tsx:211",children:["전화번호 입력 후 ",e.jsx("strong",{"data-loc":"client/src/pages/InstallGuide.tsx:211",children:"SMS 인증번호"})," 확인"]}),e.jsx("li",{"data-loc":"client/src/pages/InstallGuide.tsx:212",children:"회원가입 완료 → HANT 앱 이용 시작!"})]})]})}),e.jsx(g,{"data-loc":"client/src/pages/InstallGuide.tsx:218",onClick:()=>s("/"),className:"w-full bg-green-700 hover:bg-green-800 text-white",children:"홈으로 돌아가기"})]})]})}function t({step:s,icon:a,title:n,desc:i}){return e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:241",className:"flex gap-4 items-start",children:[e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:242",className:"flex flex-col items-center shrink-0",children:[e.jsx("div",{"data-loc":"client/src/pages/InstallGuide.tsx:243",className:"w-8 h-8 rounded-full bg-green-700 text-white flex items-center justify-center text-sm font-bold",children:s}),s<4&&e.jsx("div",{"data-loc":"client/src/pages/InstallGuide.tsx:246",className:"w-0.5 h-8 bg-green-200 dark:bg-green-800 mt-1"})]}),e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:248",className:"flex-1 pb-2",children:[e.jsxs("div",{"data-loc":"client/src/pages/InstallGuide.tsx:249",className:"flex items-center gap-2 mb-1",children:[a,e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:251",className:"font-semibold text-sm",children:n})]}),e.jsx("p",{"data-loc":"client/src/pages/InstallGuide.tsx:253",className:"text-sm text-muted-foreground leading-relaxed",children:i})]})]})}export{P as default};