// PC HOMEPAGE — desktop-scale design for 株式会社IMPACT function PCPage() { const K = window.KB; return (
); } // ── Top utility bar ───────────────────────────────────── function PCTopBar() { const K = window.KB; const { Pin, Clock } = window.KBIcon; return (
〒544-0002 大阪市生野区小路1-9-20 N-04 LINE査定・電話 月〜金（土日・祝日休）
大阪府公安委員会許可 · 第 621118R072427 号
); } // ── Header ───────────────────────────────────────────── function PCHeader() { const K = window.KB; const { Phone, Line } = window.KBIcon; const nav = [ { label: '買取方法', href: '#methods' }, { label: '対応品目', href: '#categories' }, { label: 'こだわり', href: '#principles' }, { label: '会社概要', href: '#form' }, ]; return (
TEL · 10-18H
06-4400-8382
無料査定
); } function PCLogo() { const K = window.KB; return (
IMPACT
買取バンク
IMPACT
); } // ── Hero ─────────────────────────────────────────────── function PCHero() { const K = window.KB; const { Sparkle, ArrowRight, Phone, Line } = window.KBIcon; const [ripples, setRipples] = React.useState([]); const rippleFrameRef = React.useRef(null); React.useEffect(() => { const cleanupTimer = setInterval(() => { const cutoff = Date.now() - 1200; setRipples(prev => { const next = prev.filter(r => r.createdAt >= cutoff); return next.length === prev.length ? prev : next; }); }, 200); return () => { clearInterval(cleanupTimer); if (rippleFrameRef.current !== null) { cancelAnimationFrame(rippleFrameRef.current); } }; }, []); const handleMouseMove = React.useCallback((e) => { const rect = e.currentTarget.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const createdAt = Date.now(); const id = createdAt + Math.random(); if (rippleFrameRef.current !== null) { cancelAnimationFrame(rippleFrameRef.current); } rippleFrameRef.current = requestAnimationFrame(() => { rippleFrameRef.current = null; setRipples(prev => [...prev.slice(-8), { id, x, y, createdAt }]); }); }, []); return (
{/* ripple layer */} {ripples.map(r => (
))} {/* pinstripe overlay */}
{/* inner gold frame */}
{[[0,0],[1,0],[0,1],[1,1]].map(([x,y], i) => (
))}
{/* Left */}
OSAKA · KANSAI · AREA
買取バンク IMPACT

お近くの会場で、
最高の買取を、
その場で。

スーパー前・ショッピングモール・お祭り会場へ
鑑定士がお伺いします。通りがかりに、お気軽にどうぞ。
ご自宅への出張買取・LINE査定も承ります。

{/* Credentials strip */}
{[['査定料','無料'],['出張費','0円'],['営業','月〜金'],['年間査定','12,480点']].map(([k,v]) => (
{k}
{v}
))}
{/* Right — LINE QR card */}
{/* corner dots */} {[[0,0],[1,0],[0,1],[1,1]].map(([x,y], i) => (
))}
— LINE · QUICK QUOTE —
写真を送るだけで、
査定完了。
査定料無料 · 24時間受付
LINE QR {/* gold corners on QR */} {[[0,0],[1,0],[0,1],[1,1]].map(([x,y], i) => (
))}
); } // ── Methods (4 cards in a row) ───────────────────────── function PCMethods() { const K = window.KB; const { Chat, Truck, Store, ArrowRight } = window.KBIcon; const methods = [ { n: '01', ja: 'イベント出店買取', en: 'POP-UP EVENT', desc: 'スーパー前・ショッピングモール・お祭り会場などへ鑑定士が出店。ご予約不要、通りがかりでお気軽に。鑑定はその場で完了、ご成約時は現金でお支払いいたします。', time: '通りがかりOK', badge: 'メイン', Icon: Store, accent: K.gold }, { n: '02', ja: '出張買取', en: 'HOME VISIT', desc: 'ご自宅や指定の場所へ鑑定士がお伺いします。出張費・査定料は完全無料。大量のお品物や、簡易包装のままでもその場でお取り扱い可能です。', time: '出張費0円', badge: 'お気軽に', Icon: Truck, accent: K.gold }, { n: '03', ja: 'LINE査定・申込', en: 'LINE', desc: 'LINEの友だち追加後、お品物の写真を送るだけで概算査定をご提示。出店会場のご確認や、出張のご予約もご利用いただけます。', time: '24時間受付', badge: '友だち追加', Icon: Chat, accent: '#06C755' }, ]; return (
{methods.map((m, i) => { const isLine = m.en === 'LINE'; const featured = i === 0; return (
{m.n}
{m.badge}
{m.en}

{m.ja}

{m.desc}

{m.time}
申込む
); })}
); } // ── Schedule (event calendar) ────────────────────────── function PCScheduleSection() { const K = window.KB; const { Pin, ArrowRight } = window.KBIcon; const events = window.KBSchedule; const upcoming = events.slice(0, 6); const next = events[0]; return (
{/* Left: NEXT event hero card */}
{/* corner dots */} {[[0,0],[1,0],[0,1],[1,1]].map(([x,y], i) => (
))}
NEXT POP-UP
{next.date.split('/')[1]}
MAY {next.date.split('/')[0].padStart(2,'0')} · {next.day}曜日
{next.hours}

{next.venue}

{next.city}
{[['査定料','無料'],['出張費','0円'],['現金払い','即対応']].map(([k,v]) => (
{k}
{v}
))}
{/* Right: upcoming list */}
{upcoming.slice(1).map((e, i) => (
{ e2.currentTarget.style.borderColor = K.gold + '60'; }} onMouseLeave={e2 => { e2.currentTarget.style.borderColor = 'rgba(201,169,97,0.15)'; }} >
MAY
{e.date.split('/')[1]}
({e.day})
{e.venue}
{e.city} {e.hours}
詳細
))}
全スケジュールを見る
); } // ── Categories ───────────────────────────────────────── function PCCategories() { const K = window.KB; const cats = (window.KBCATEGORIES || []); return (
{cats.map((c, i) => )}
{[ { ja: '切手', en: 'Stamp' }, { ja: '骨董品', en: 'Antique' }, { ja: '洋酒', en: 'Spirits' }, { ja: '記念品', en: 'Collectible' }, { ja: '楽器', en: 'Instrument' }, { ja: '贈答品', en: 'Gift' }, { ja: '食器', en: 'Tableware' }, ].map(({ ja, en }) => ( ))}
); } function PCCatCard({ c, i }) { const K = window.KB; const open = () => window.__openCategory && window.__openCategory(c.en); return (
{ e.currentTarget.style.borderColor = K.gold + '80'; e.currentTarget.style.transform = 'translateY(-4px)'; }} onMouseLeave={e => { e.currentTarget.style.borderColor = 'rgba(201,169,97,0.15)'; e.currentTarget.style.transform = 'translateY(0)'; }} >
{String(i+1).padStart(2,'0')}
{c.en}
{c.ja}
{c.sub &&
{c.sub}
}
); } function PCMotif({ kind, color }) { const common = { position: 'absolute', right: 20, top: 20, opacity: 0.5 }; const s = 140; const motifs = { watch: , watch2: , bar: 999.9, gem: , bag: , cam: , card: , coin: 圓, kimono: , }; return motifs[kind] || null; } // ── Principles (3) ───────────────────────────────────── function PCPrinciples() { const K = window.KB; const { Shield, Scale, Bolt } = window.KBIcon; const ps = [ { num: '壱', icon: Shield, title: '信頼 · 安心 · 安全', en: 'TRUST & SAFETY', body: '株式会社として法人登記。大阪府公安委員会許可のもと、お客様の大切なお品物を安全・安心にお預かりいたします。' }, { num: '弐', icon: Scale, title: '透明な鑑定', en: 'TRANSPARENT', body: '査定根拠を一点ずつご説明。市場相場・状態・希少性。全て開示した上で、納得いただける査定額を。' }, { num: '参', icon: Bolt, title: '最高の買取額', en: 'BEST OFFER', body: '他社査定書お持込で必ず上回る額を。仲介を挟まない直買取だからこそ実現できる価格設定です。' }, ]; return (
{ps.map((p, i) => (
其の {p.num}
{p.en}

{p.title}

{p.body}

))}
); } // ── Stats ────────────────────────────────────────────── function PCStats() { const K = window.KB; const stats = [ { num: '12,480', unit: '点', label: '年間査定実績', en: 'APPRAISED / YR' }, { num: '98.2', unit: '%', label: 'ご成約率', en: 'CONVERSION' }, { num: '261', unit: '日', label: '年間営業日数', en: 'BUSINESS DAYS' }, { num: '¥0', unit: '', label: '出張・査定料', en: 'NO FEES' }, ]; return (
— THE NUMBERS —

数字が、証明する。

{stats.map(s => (
{s.en}
{s.num} {s.unit}
{s.label}
))}
); } // ── Form ─────────────────────────────────────────────── function PCForm() { const K = window.KB; const { Sparkle, ArrowRight, Line, Check } = window.KBIcon; const MAIL_TO = 'impact.value.japan@gmail.com'; const [cats, setCats] = React.useState(['ロレックス']); const [name, setName] = React.useState(''); const [tel, setTel] = React.useState(''); const [detail, setDetail] = React.useState(''); const [agreed, setAgreed] = React.useState(false); const [submitError, setSubmitError] = React.useState(''); const [isSubmitting, setIsSubmitting] = React.useState(false); const [cur, setCur] = React.useState({ x: -200, y: -200, visible: false }); const onCursorMove = React.useCallback((e) => setCur({ x: e.clientX, y: e.clientY, visible: true }), []); const onCursorLeave = React.useCallback(() => setCur(p => ({ ...p, visible: false })), []); const CATS = ['ロレックス','高級時計','金・貴金属','宝飾品','ブランドバッグ','カメラ','テレカ','古銭','着物','洋酒','骨董品','その他']; const toggleCat = (c) => setCats(prev => prev.includes(c) ? prev.filter(x => x !== c) : [...prev, c]); const submit = async (e) => { e.preventDefault(); setSubmitError(''); setIsSubmitting(true); try { const response = await fetch('/api/inquiries', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name, phone: tel, category: cats.join('、') || undefined, message: detail || '（特記なし）', }), }); if (!response.ok) { const data = await response.json().catch(() => null); setSubmitError(data?.error || '送信に失敗しました。時間をおいて再度お試しください。'); return; } window.location.href = '/inquiry-complete'; } catch { setSubmitError('送信に失敗しました。通信環境をご確認ください。'); } finally { setIsSubmitting(false); } }; const canSubmit = agreed && !isSubmitting; const inp = { width: '100%', height: 56, padding: '0 18px', marginTop: 10, background: '#fff', border: '1px solid rgba(26,26,26,0.12)', borderRadius: 2, fontFamily: K.fontSans, fontSize: 15, color: K.charcoal, outline: 'none', boxSizing: 'border-box', }; const lbl = { fontFamily: K.fontSans, fontSize: 13, fontWeight: 700, color: K.charcoal, letterSpacing: '0.04em', display: 'flex', alignItems: 'center', gap: 8 }; const req = 必須; return (
{cur.visible && (
)}
{/* Left — copy + QR */}
— FREE APPRAISAL —

無料査定、
承ります。

30秒でかんたん入力。
LINEなら、写真を送るだけで査定完了です。

LINE QR
SCAN TO CHAT
LINEで友だち追加
QRコードを読み取って、
写真を送るだけで査定いたします。
TEL · 10:00 - 18:00
06-4400-8382
{/* Right — form */}
お品物カテゴリ 複数選択可
{CATS.map(c => { const on = cats.includes(c); return ( ); })}
お名前 {req}
setName(e.target.value)} style={inp} placeholder="山田 太郎" />
お電話番号 {req}
setTel(e.target.value)} inputMode="tel" style={inp} placeholder="090-0000-0000" />
お品物について（任意）