/* Bottom sections: Event, Steps, Works, Voices, Message, FAQ, Company, Footer */ const { useState: useStateB } = React; function EventDetails({ alt }) { return (
Event Details

完成したばかりの
無垢の家を、見にきませんか。

{IMG.detail && 見学会詳細}
開催日
{EVENT.dates}
時間
{EVENT.times.join(' / ')}
各回 1枠 2組まで
所要時間
{EVENT.duration}
会場
岐阜県瑞浪市
詳細はご予約後にご案内
参加費
{EVENT.fee}
予約
{EVENT.reservation}

アクセス Access

    {EVENT.access.map((a, i) =>
  • {a}
  • )}
{IMG.banner && (

※愛知県・岐阜県内で建築を計画中の方にご参加いただいております。
※ご好評につき他社さまでご契約済みの方・同業他社さまのお申し込みはご遠慮いただいております。

)}
予約の空き状況をみる
); } function Steps() { return (
flow of the day

見学会当日の流れ

{STEPS.map((s, i) => (
{s.n}
{s.dur}

{s.title}

{s.body}

))}
); } function Works() { return (
works

当社がこれまでお手伝いさせて
いただいた住まい

木の種類も、間取りも、暮らし方も、一棟ずつ違います。

{WORKS.map((w, i) => (
{w.title}/
{w.loc} {w.type}

{w.title.split('\n').map((line, j, arr) => ( {line}{j < arr.length - 1 &&
}
))}

{w.body}

))}
); } function Voices() { const [activeYt, setActiveYt] = useStateB(null); return (
customer's voice

お施主様からの、
ありのままの声。

{VOICES.map((v, i) => (
{v.photo && (
)}
{v.loc} {v.name}
{v.quote}
))}
{activeYt && (
setActiveYt(null)}>
e.stopPropagation()}>