/* Sources and scope: docs/landing-implementation.md. Region and language are
   separate controls; selecting a language never changes the selected law. */
function PrivacyPolicy({lang,region,onRegion}){
  const ja=lang==='ja',tw=region==='tw';
  const sections=[
    [t('landing.text034'),t('landing.text035')],
    [t('landing.text036'),t('landing.text037')],
    [t('landing.text038'),t('landing.text039')],
    [t('landing.text040'),t('landing.text041')],
    [t('landing.text042'),t('landing.text043')],
    [t('landing.text044'),t('landing.text045')],
    [tw?t('landing.text046'):t('landing.text047'),tw?t('landing.text048'):t('landing.text049')],
    [t('landing.text050'),t('landing.text051')]
  ];
  return <main className="privacy-page">
    <a className="privacy-back" href={homePath()+'?lang='+lang}>← {t('landing.text052')}</a>
    <div className="privacy-eyebrow">PRIVACY POLICY</div>
    <h1>{t('landing.text018')}</h1>
    <p className="privacy-intro">{t('landing.text053')}</p>
    <div className="privacy-regions" role="group" aria-label={t('landing.text054')}>
      <button type="button" aria-pressed={!tw} onClick={()=>onRegion('jp')}>{t('landing.text055')} · {t('landing.text056')}</button>
      <button type="button" aria-pressed={tw} onClick={()=>onRegion('tw')}>{t('landing.text057')} · {t('landing.text058')}</button>
    </div>
    <p className="privacy-version">{t('landing.text059')}：2026-09-08 · {tw?t('landing.text060'):t('landing.text061')}</p>
    <div className="privacy-card">{sections.map(([title,body])=><section key={title}><h2>{title}</h2><p>{body}</p></section>)}
      <address>ALION株式会社<br/>〒530-0012 大阪市北区芝田2-8-11 共栄ビル3F<br/><a href="mailto:info@alion.jp">info@alion.jp</a></address>
      <div className="privacy-sources"><a href="https://alion.jp/privacy/" target="_blank" rel="noopener">{t('landing.text062')}</a><a href={tw?'https://law.moj.gov.tw/LawClass/LawAll.aspx?pcode=I0050021':'https://www.ppc.go.jp/personalinfo/legal/'} target="_blank" rel="noopener">{tw?t('landing.text063'):t('landing.text064')}</a></div>
    </div>
  </main>;
}