// 共通の小物コンポーネント群 const { useState } = React; // 公式ロゴ(PNG差し替え済み・四角マーク無しの正式版) // size は SVG時代の互換性のため受けているが、実質「基準サイズ」として扱う。 // 実効表示高さは size × 1.7 px (旧 1.3 倍 → さらに 30% 拡大)。 // アスペクト比 1024:346 ≈ 2.96:1 は img が自動で維持。 // mono=true のときはフッター等の暗背景用に白抜き反転する。 function MierunLogo({ size = 28, mono = false }) { const height = size * 1.7; return (

); } // 検査画面のプレビュー(BBOX付き) function InspectionPreview({ width = 360, height = 240, status = 'ng', label = 'NG-001' }) { const isNg = status === 'ng'; return (

{/* ワーク(板金部品)を簡易描画 */} {/* ステータスバッジ */}

{isNg ? 'NG DETECTED' : 'OK'}

{/* 品番 */}

部品No. SM-{label} / 12:34:56

); } // セクション見出し(英eyebrow + 日本語タイトル) function SectionHead({ eyebrow, title, sub, align = 'left', dark = false }) { return (

{eyebrow}

{title}

{sub &&

{sub}

}

); } // ヘッダー(全案共通の上部ナビ) // PC: ロゴ + ナビ4項目 + CTA // SP (767px以下): ロゴ + CTAのみ // 常時 sticky (LP最上部に固定表示) function SiteHeader({ dark = false }) { return (

); } // フッター function SiteFooter() { return ( ); } Object.assign(window, { MierunLogo, InspectionPreview, SectionHead, SiteHeader, SiteFooter });