/* Shared building blocks: logo, icons, image placeholders */ // Compass "A" mark inside a circle — simple geometric shapes only function LogoMark({ size = 38, color = "currentColor" }) { return ( ); } function Brand({ className, color = "#1b2230" }) { return (
コンパス会計社 COMPASS-TAX
); } /* --- icons (simple line/stroke) --- */ const I = { phone: (p) => ( ), mail: (p) => ( ), fb: () => ( ), line: () => ( ), calc: () => ( ), people: () => ( ), chart: () => ( ), chev: (p) => ( ), }; /* Image box. - Pass `src` to show a real photo (object-fit: cover) over a fallback gradient. - Without `src`, renders the tunable dark/professional gradient + monospace caption. */ function Img({ tone = "deskDark", cap, src, alt, style }) { const tones = { deskDark: "radial-gradient(120% 90% at 78% 38%, rgba(150,120,60,.20), transparent 42%), linear-gradient(115deg,#0c1118 0%,#172033 46%,#0e141d 100%)", office: "linear-gradient(135deg,#2a3340 0%,#384556 60%,#222a36 100%)", glassA: "linear-gradient(160deg,#222a38 0%,#36414f 55%,#1c232f 100%)", glassB: "linear-gradient(160deg,#2c3543 0%,#434d5b 60%,#252c38 100%)", people: "linear-gradient(160deg,#3a4350 0%,#252d39 100%)", cityLight:"radial-gradient(90% 80% at 70% 30%, rgba(200,180,140,.28), transparent 45%), linear-gradient(150deg,#cfd6dd 0%,#9fb0bf 45%,#5d6b7a 100%)", buildingDark: "linear-gradient(160deg,#16223a 0%,#28344e 55%,#101a2c 100%)", }; let bg = tones[tone] || tones.deskDark; if (tone === "office") bg = "linear-gradient(135deg,#2a3340 0%,#384556 60%,#222a36 100%)"; return (
{src && {alt}
{cap && !src && {cap}}
); } /* Footer — shared between both designs (variant "A" | "B") */ function Footer({ variant = "A" }) { const links = ["会社案内", "サービス案内", "採用情報", "お知らせ", "お問い合わせ", "プライバシーポリシー"]; const info = variant === "A" ? ["eコンパス税理士・社会保険労務士オフィス"] : ["税理士・社会保険労務士オフィス"]; return ( ); } Object.assign(window, { LogoMark, Brand, Img, I, Footer });