feat(landing): Play 스토어/iOS/PC 설치 섹션 + 개인정보처리방침 푸터

- 랜딩에 INSTALL 섹션 — Android(Play 스토어 다이렉트), iPhone(홈 화면 추가), PC(웹) 3장 카드
- /install 안드로이드 가이드 상단에 Play 스토어 다운로드 CTA(가장 쉬운 방법) 추가
- 푸터에 개인정보처리방침/계정 삭제/앱 설치/Play 스토어 링크 + mailto/tel 활성화

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/install/page.tsx

@@ -100,9 +100,26 @@ function AndroidGuide() {
         <p className="text-base font-bold text-emerald-900">
           📱 안드로이드 휴대폰에 설치하기
         </p>
-        <p className="text-sm text-emerald-700 mt-1">크롬 브라우저로 따라하세요</p>
+        <p className="text-sm text-emerald-700 mt-1">Play 스토어에서 받거나, 크롬으로 홈 화면에 추가</p>
       </div>
 
+      {/* Play 스토어 우선 안내 */}
+      <div className="bg-white border-2 border-emerald-500 rounded-2xl p-5 text-center shadow-md">
+        <p className="text-sm font-bold text-emerald-800 mb-1">✨ 가장 쉬운 방법</p>
+        <p className="text-lg font-black text-slate-900 mb-3">Play 스토어에서 받기</p>
+        <a
+          href="https://play.google.com/store/apps/details?id=com.momotogether.app"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center justify-center gap-2 w-full h-14 rounded-xl bg-emerald-700 text-white text-lg font-black shadow active:translate-y-px"
+        >
+          ▶ Play 스토어 열기
+        </a>
+        <p className="text-xs text-slate-500 mt-2">설치 후 모모ERP 아이콘을 탭하면 끝!</p>
+      </div>
+
+      <div className="text-center text-sm text-slate-500 font-semibold py-2">— 또는 크롬으로 홈 화면에 추가 —</div>
+
       <Step n={1} title="크롬(Chrome) 앱 열기">
         <p>휴대폰에서 <b className="text-emerald-700">크롬</b> (인터넷) 앱을 열어주세요.</p>
         <div className="mt-2 flex items-center gap-2 text-sm text-slate-500">

src/app/page.tsx

@@ -1,5 +1,7 @@
 import Link from "next/link";
-import { ArrowRight, Package, FileSpreadsheet, Mail, BarChart3, Smartphone, ShieldCheck, UserPlus, Search, ShoppingCart, CheckCircle2, Receipt, ClipboardList } from "lucide-react";
+import { ArrowRight, Package, FileSpreadsheet, Mail, BarChart3, Smartphone, ShieldCheck, UserPlus, Search, ShoppingCart, CheckCircle2, Receipt, ClipboardList, Apple, Monitor, Download } from "lucide-react";
+
+const PLAY_STORE_URL = "https://play.google.com/store/apps/details?id=com.momotogether.app";
 
 export const metadata = {
   title: "모모유통 — 유통관리 시스템",
@@ -270,6 +272,84 @@ export default function LandingPage() {
         </div>
       </section>
 
+      {/* 앱 설치 — 안드로이드 / 아이폰 / PC */}
+      <section id="install" className="bg-gradient-to-b from-white to-emerald-50/30 border-y border-emerald-100">
+        <div className="max-w-6xl mx-auto px-6 py-20">
+          <div className="text-center mb-12">
+            <div className="inline-flex items-center gap-2 text-emerald-700 text-xs font-bold tracking-widest mb-3">
+              <span className="w-6 h-[2px] bg-emerald-600" />
+              INSTALL · 휴대폰/PC 모두 지원
+            </div>
+            <h2 className="text-3xl md:text-4xl font-bold mb-3">앱으로 받거나, 홈 화면에 바로가기</h2>
+            <p className="text-slate-500">안드로이드는 Play 스토어에서, 아이폰은 사파리로 홈 화면에 추가하면 앱처럼 사용할 수 있습니다.</p>
+          </div>
+
+          <div className="grid md:grid-cols-3 gap-5">
+            {/* 안드로이드 — Play Store 다운로드 */}
+            <div className="rounded-2xl border border-emerald-100 bg-white p-7 shadow-sm hover:shadow-md transition flex flex-col">
+              <div className="w-12 h-12 rounded-xl bg-emerald-100 text-emerald-700 flex items-center justify-center mb-4">
+                <Smartphone size={24} />
+              </div>
+              <h3 className="text-lg font-bold mb-1.5">안드로이드</h3>
+              <p className="text-sm text-slate-600 mb-5 flex-1">
+                Google Play 스토어에서 <b>모모ERP</b> 앱을 다운로드하세요. 자동 업데이트와 푸시 알림을 지원합니다.
+              </p>
+              <a
+                href={PLAY_STORE_URL}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center justify-center gap-2 h-12 rounded-xl bg-slate-900 text-white font-bold hover:bg-slate-800 transition"
+              >
+                <Download size={18} /> Play 스토어에서 받기
+              </a>
+              <Link href="/install" className="mt-2 text-xs text-emerald-700 hover:underline text-center font-semibold">
+                설치 단계별 안내 보기 →
+              </Link>
+            </div>
+
+            {/* 아이폰 — 홈 화면 추가 */}
+            <div className="rounded-2xl border border-emerald-100 bg-white p-7 shadow-sm hover:shadow-md transition flex flex-col">
+              <div className="w-12 h-12 rounded-xl bg-blue-100 text-blue-700 flex items-center justify-center mb-4">
+                <Apple size={24} />
+              </div>
+              <h3 className="text-lg font-bold mb-1.5">아이폰 · 아이패드</h3>
+              <p className="text-sm text-slate-600 mb-5 flex-1">
+                사파리(Safari)로 momotogether.com 접속 후 <b>공유 → 홈 화면에 추가</b>. 앱 아이콘이 홈에 생성됩니다.
+              </p>
+              <Link
+                href="/install"
+                className="inline-flex items-center justify-center gap-2 h-12 rounded-xl bg-blue-600 text-white font-bold hover:bg-blue-700 transition"
+              >
+                <Apple size={18} /> 홈 화면 추가 안내
+              </Link>
+              <p className="mt-2 text-[11px] text-slate-400 text-center">
+                ※ 반드시 사파리(Safari)에서 진행
+              </p>
+            </div>
+
+            {/* PC — 브라우저 사용 */}
+            <div className="rounded-2xl border border-emerald-100 bg-white p-7 shadow-sm hover:shadow-md transition flex flex-col">
+              <div className="w-12 h-12 rounded-xl bg-slate-100 text-slate-700 flex items-center justify-center mb-4">
+                <Monitor size={24} />
+              </div>
+              <h3 className="text-lg font-bold mb-1.5">PC · Mac</h3>
+              <p className="text-sm text-slate-600 mb-5 flex-1">
+                별도 설치 없이 크롬·엣지·사파리 등 어떤 브라우저로도 바로 사용. 주소창 우측 <b>⊕</b> 아이콘으로 앱처럼 설치도 가능.
+              </p>
+              <Link
+                href="/login"
+                className="inline-flex items-center justify-center gap-2 h-12 rounded-xl bg-emerald-700 text-white font-bold hover:bg-emerald-800 transition"
+              >
+                <Monitor size={18} /> 웹으로 바로 로그인
+              </Link>
+              <Link href="/install" className="mt-2 text-xs text-emerald-700 hover:underline text-center font-semibold">
+                전체 설치 가이드 →
+              </Link>
+            </div>
+          </div>
+        </div>
+      </section>
+
       {/* CTA */}
       <section className="max-w-5xl mx-auto px-6 pb-20">
         <div className="rounded-3xl bg-gradient-to-br from-emerald-700 to-emerald-600 text-white p-10 md:p-14 text-center shadow-xl shadow-emerald-600/20">
@@ -294,15 +374,41 @@ export default function LandingPage() {
         </div>
       </section>
 
-      <footer className="border-t border-slate-200">
-        <div className="max-w-6xl mx-auto px-6 py-8 flex flex-wrap items-center justify-between gap-4 text-sm text-slate-500">
-          <div className="flex items-center gap-2">
-            <img src="/momo-icon.svg" alt="" className="w-5 h-5 opacity-70" />
-            <span>© 2026 모모유통 유통관리 시스템</span>
+      <footer className="border-t border-slate-200 bg-slate-50/50">
+        <div className="max-w-6xl mx-auto px-6 py-8 space-y-4">
+          {/* 정책/안내 링크 */}
+          <div className="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-[13px] font-semibold">
+            <Link href="/privacy" className="text-slate-700 hover:text-emerald-700 hover:underline">
+              개인정보처리방침
+            </Link>
+            <span className="text-slate-300">|</span>
+            <Link href="/account-deletion" className="text-slate-700 hover:text-emerald-700 hover:underline">
+              계정/데이터 삭제 요청
+            </Link>
+            <span className="text-slate-300">|</span>
+            <Link href="/install" className="text-slate-700 hover:text-emerald-700 hover:underline">
+              앱 설치 안내
+            </Link>
+            <span className="text-slate-300">|</span>
+            <a
+              href={PLAY_STORE_URL}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-slate-700 hover:text-emerald-700 hover:underline"
+            >
+              Play 스토어
+            </a>
           </div>
-          <div className="flex gap-4 text-[13px]">
-            <span>momo8443@daum.net</span>
-            <span>010-6624-5315</span>
+          {/* 회사 정보 */}
+          <div className="flex flex-wrap items-center justify-between gap-4 text-sm text-slate-500 pt-4 border-t border-slate-200">
+            <div className="flex items-center gap-2">
+              <img src="/momo-icon.svg" alt="" className="w-5 h-5 opacity-70" />
+              <span>© 2026 모모유통 유통관리 시스템</span>
+            </div>
+            <div className="flex flex-wrap gap-4 text-[13px]">
+              <a href="mailto:momo8443@daum.net" className="hover:text-emerald-700">momo8443@daum.net</a>
+              <a href="tel:010-6624-5315" className="hover:text-emerald-700">010-6624-5315</a>
+            </div>
           </div>
         </div>
       </footer>