51 lines
2.2 KiB
JavaScript
51 lines
2.2 KiB
JavaScript
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>
|
|
);
|
|
}
|