// TOP page (revised) — company portal hero, NOT a featured-article hero. // Pattern 2 visual base, but the entry design is closer to Pattern 1. const S_TOP = window.Site; const { T: T_TOP, COMPANY: CO_TOP, FLOW_STEPS: FL_TOP, SERVICES: SV_TOP, CoverImg: Img_TOP, Icon: Ic_TOP, SectionHeading: SH_TOP, CASES: CASES_TOP, ARTICLES: ART_TOP, Page: Page_TOP, siteHref: hrefTop, siteServiceHref: serviceHrefTop, siteCaseHref: caseHrefTop, siteArticleHref: articleHrefTop, sitePhoneHref: phoneHrefTop, BudouXText: BT_TOP, FLOW_NO_BREAK: FLOW_NO_BREAK_TOP, copyText: copyTop, rawCopyValue: rawCopyTop, hasText: hasTextTop, hasImageRef: hasImageRefTop } = S_TOP; function Top_HeroSlides() { const seen = new Set(); return [S_TOP.ASSETS.heroMain, S_TOP.ASSETS.heroFlip, S_TOP.ASSETS.heroWide2].filter((src) => { if (typeof src !== 'string' || src === '' || seen.has(src)) return false; seen.add(src); return true; }); } function Top_HeroRotator() { const slides = Top_HeroSlides(); const [active, setActive] = React.useState(0); const reduceMotion = typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; React.useEffect(() => { setActive(0); if (slides.length < 2 || reduceMotion) return undefined; const timer = window.setInterval(() => { if (document.hidden) return; setActive((current) => (current + 1) % slides.length); }, 6000); return () => window.clearInterval(timer); }, [slides.join('\n'), reduceMotion]); if (slides.length < 2) { return ; } if (reduceMotion) { return ; } return (
{slides.slice(1).map((src, index) => ( ))}
); } function Top_Hero() { const hero = S_TOP.topHeroLines(); return (
{copyTop('top.badge', '広島の屋根・外壁・住まいの相談窓口')}
{hero.line1 &&

{hero.line1}

} {hero.line2a &&
{hero.line2a}
} {hero.line2c &&
{hero.line2c}
}
{(() => { // CMSに空で保存されたリード行は「消した」意図として非表示にする（既定文へ戻さない） const resolveLead = (id, fallback) => { const raw = rawCopyTop(id); return String(raw === undefined ? fallback : raw).trim(); }; const lead1 = resolveLead('top.hero.lead1', '住まいの修理は、株式会社スマートライフへ。'); const lead2 = resolveLead('top.hero.lead2', '広島での屋根・外壁・住まいのメンテナンスを、ひとつの窓口で承ります。'); if (!lead1 && !lead2) return null; return (

{lead1 && {lead1}} {lead2 && {lead2}}

); })()} {/* Phone block — biggest CTA, since基本は電話 */}
お電話で相談
{CO_TOP.phone} {CO_TOP.hours &&
受付 {CO_TOP.hours}
}
); } // 4 short reassurance points — facts only, no claims of 無料 / 即日返信 / 自社施工 function Top_Promise() { const points = [ { t: copyTop('top.promise.1.title', '住まいのことを窓口ひとつで'), d: copyTop('top.promise.1.body', '屋根・外壁・雨漏り・内装・水回りまで、まとめてご相談いただけます。'), ic: Ic_TOP.home }, { t: copyTop('top.promise.2.title', '広島市・周辺エリア対応'), d: copyTop('top.promise.2.body', '地域密着で活動しているため、現地確認にも迅速に伺います。'), ic: Ic_TOP.pin }, { t: copyTop('top.promise.3.title', '写真を交えてご説明'), d: copyTop('top.promise.3.body', '屋根の上など見えにくい場所も、撮影した写真をお見せしながらご説明します。'), ic: Ic_TOP.camera }, ]; return (
{points.map((p, i) => { const I = p.ic; return (
{p.t}
{p.d}
); })}
); } function Top_Purposes() { const items = S_TOP.topPurposeItems(); return (
{items.map((item, index) => { const PurposeIcon = Ic_TOP[item.icon] || Ic_TOP.home; const fullWidth = items.length % 3 === 1 && index === items.length - 1; const halfWidth = items.length % 3 === 2 && index >= items.length - 2; return ( {item.label} ); })}
); } function Top_Services() { return (
サービス一覧を見る } />
{SV_TOP.map((s, i) => { const iconKey = S_TOP.serviceIconKey(s); const ServiceIcon = Ic_TOP[iconKey] || Ic_TOP.home; return ( {hasImageRefTop(s.photo) && }
{s.name}
{hasTextTop(s.blurb) &&
{s.blurb}
} ); })}
); } function Top_BeforeAfter() { const ba = CASES_TOP.slice(0, 3); return (
施工事例をすべて見る } />
{ba.map((c, i) => (
0{i + 1}
{c.area}
{c.work}
{c.summary}
事例の詳細を見る
BEFORE
AFTER
))}
); } function Top_Flow() { return (
{FL_TOP.map((s, i) => (
0 ? 24 : 0 }}>
{s.n}
{s.title}
{s.body}
))}
); } function Top_Knowledge() { const top3 = S_TOP.knowledgeCardsFromArticles(ART_TOP, S_TOP.KNOWLEDGE).slice(0, 3); return (
すべての記事を見る } />
); } // 許可・資格（PC）— モバイルと同じ認可プレート。緑×黒のみ、装飾は最小限 function Top_License() { const { heading, name, number, certifications } = S_TOP.licenseContent(); if (!name || !number) return null; const hasCertifications = certifications.length > 0; return (
{heading && (
{heading}
)}
{certifications.map((certification, index) => (
))}
); } // 大切な想い — トップの締め。写真はCMS assets.philosophyPhotoで設定。 // 空のときはグリーン背景（2026-08-08 クライアント依頼で写真なし状態を正式対応） function Top_Philosophy() { const title = S_TOP.copyText('services.philosophy.title', 'スマートライフの大切な想い'); const body = String(S_TOP.copyText('services.philosophy.body', '私たちは工事をする会社ではなく、お客様の暮らしに寄り添うパートナーでありたいと考えています。\n一つひとつのご縁を大切にし、「相談して良かった」「任せて良かった」そう思っていただける仕事を積み重ね、地域に必要とされる会社を目指します。')); const photo = S_TOP.ASSETS.philosophyPhoto; if (!String(title).trim() && !body.trim()) return null; return (
{photo && } {/* PCは横に広いので、左側だけを確実に暗くして本文の可読性を作る（写真は右側で見せる） */} {photo &&
); } function PageTop() { return ( ); } window.PageTop = PageTop; window.TopPhilosophy = Top_Philosophy;