Migrate saju service UI

src/pages/saju/_shell/DesktopFooter.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { IconSparkle, IconSun, IconUser } from './Icons';
+
+function ShieldIcon() {
+  return (
+    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#D4AF37" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
+      <path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z" />
+      <path d="M9 12l2 2 4-4" />
+    </svg>
+  );
+}
+
+const FOOTER_ITEMS = [
+  { label: '전통 명리학 기반', desc: '깊이 있는 전통 해석', icon: <IconSun size={22} stroke="#D4AF37" /> },
+  { label: 'AI 맞춤 인사이트', desc: '데이터 기반 정확도 향상', icon: <IconSparkle size={20} color="#D4AF37" /> },
+  { label: '1:1 상담 연계', desc: '필요시 전문가 상담 연결', icon: <IconUser size={22} stroke="#D4AF37" /> },
+  { label: '안전한 개인정보 관리', desc: '철저한 보안과 비식별 처리', icon: <ShieldIcon /> },
+];
+
+export default function DesktopFooter() {
+  return (
+    <footer style={{
+      marginTop: 48,
+      borderTop: '1px solid rgba(31,42,68,0.08)',
+      background: 'rgba(247,242,232,0.6)',
+    }}>
+      <div style={{
+        maxWidth: 1400, margin: '0 auto', padding: '24px 36px',
+        display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 24,
+      }}>
+        {FOOTER_ITEMS.map((item) => (
+          <div key={item.label} style={{ display: 'flex', alignItems: 'center', gap: 14 }}>
+            <div style={{
+              width: 40, height: 40, borderRadius: '50%',
+              background: 'rgba(212,175,55,0.10)', border: '1px solid rgba(212,175,55,0.3)',
+              display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,
+            }}>{item.icon}</div>
+            <div>
+              <div style={{ fontSize: 13, fontWeight: 700, color: '#1F2A44', letterSpacing: '-0.02em' }}>{item.label}</div>
+              <div style={{ fontSize: 11, color: '#6B6B6B', marginTop: 2, letterSpacing: '-0.01em' }}>{item.desc}</div>
+            </div>
+          </div>
+        ))}
+      </div>
+      <div style={{ textAlign: 'center', padding: '14px 0 28px', fontSize: 11, color: '#9A968D', letterSpacing: '0.04em' }}>
+        © 2026 호령사주 · BAEKHO SAJU DOSA
+      </div>
+    </footer>
+  );
+}