type Lang = "ja" | "en" | "zh";

const content = {
  ja: {
    nav:["私たちについて","事業内容","会社概要"], contact:"お問い合わせ", hero:"日本と世界をつなぐ。", heroSub:"日本と世界をつなぎ、信頼から新しい価値を創る。",
    heroText:"KIZUNAは、日本と世界の間に信頼できるパートナーシップと新しい機会を創出する、グローバルコンサルティング会社です。", explore:"事業内容を見る", aboutLink:"私たちについて",
    whoTitle:"国境を越える信頼。\n限りない可能性。", whoLead:"国境を越えるビジネスに、確かな「絆」を。", who1:"KIZUNA Global Properties & Consulting JAPANは、日本と世界をつなぐグローバルコンサルティング会社です。", who2:"文化や言語、商習慣の違いを越えて、お客様に寄り添い、長く続く信頼関係と事業機会を創出します。",
    businessTitle:"私たちの事業", businessIntro:"専門性と国際ネットワークを活かし、\n4つの領域からビジネスを支援します。", view:"詳しく見る",
    services:[
      ["海外進出・経営コンサルティング","会社設立、事業開発、海外パートナー開拓まで、日本と海外の商習慣を理解した実行型サポート。"],
      ["不動産・投資サポート","日本での不動産・投資機会を、信頼できる専門家ネットワークとともに丁寧にご案内します。"],
      ["医療・美容コンシェルジュ","医療、美容、ウェルネスの各分野で、海外のお客様と日本の優れたサービスをつなぎます。"],
      ["貿易・先端事業","輸出入、AI、メタバースなど、国境を越えた新しいビジネスの可能性を形にします。"],
    ],
    purpose:"ビジネスは信頼から。未来は、絆から。", companyTitle:"会社概要", companyNote:"日本と海外をつなぐ多角的な事業を通じて、\n持続的な価値と新しい可能性を創造します。",
    labels:["会社名","代表者","設立日","資本金","本店所在地","事業内容"], rep:"代表取締役　尾崎 友美", established:"2026年8月8日", capital:"888,000円", address:"〒106-0032\n東京都港区六本木3丁目15番11号\nホーマット・ウエスト330号室", business:"経営・美容コンサルティング／海外進出支援／国際ビジネスマッチング・貿易／化粧品・美容関連商品の企画・製造・販売・輸出入／AI・メタバース・デジタルコンテンツ／EC・オンラインプラットフォーム／トレーディングカード・美術品等の販売・鑑定／イベント・教育事業",
    contactTitle:"まだ見ぬ未来を、\n共に現実へ。", contactText:"国境を越えて人と可能性がつながるとき、未来は動き始めます。その第一歩を、KIZUNAと共に。", pending:"お問い合わせ先 準備中", back:"ページ上部へ",
  },
  en: {
    nav:["About","Business","Company"], contact:"Contact", hero:"Connecting Japan\nwith the World.", heroSub:"Creating new value through trust across borders.",
    heroText:"KIZUNA is a global consulting company creating trusted partnerships and new opportunities between Japan and the world.", explore:"Explore our business", aboutLink:"About KIZUNA",
    whoTitle:"Trust across borders.\nPossibility without limits.", whoLead:"Building lasting bonds for business beyond borders.", who1:"KIZUNA Global Properties & Consulting JAPAN is a global consulting company connecting Japan with the world.", who2:"We bridge differences in culture, language and business practice to create enduring relationships and meaningful opportunities.",
    businessTitle:"What we do", businessIntro:"Our expertise and international network support\nbusiness across four key fields.", view:"View more",
    services:[
      ["Global Business Advisory","Practical support for company formation, business development and international partner acquisition."],
      ["Properties & Investment","Carefully selected real estate and investment opportunities in Japan, supported by a trusted professional network."],
      ["Medical & Beauty Concierge","Connecting international clients with outstanding Japanese medical, beauty and wellness services."],
      ["Trade & Innovation","Turning cross-border opportunities in trade, AI, the metaverse and digital innovation into reality."],
    ],
    purpose:"Business begins with trust. The future begins with KIZUNA.", companyTitle:"Company profile", companyNote:"Creating sustainable value and new possibilities\nthrough business connecting Japan and the world.",
    labels:["Company","Representative","Established","Capital","Head Office","Business"], rep:"Representative Director: Yumi Ozaki", established:"August 8, 2026", capital:"JPY 888,000", address:"Hommat West #330\n3-15-11 Roppongi, Minato-ku\nTokyo 106-0032, Japan", business:"Management and beauty consulting / Global market entry / International business matching and trade / Beauty product planning, manufacturing, sales and export / AI, metaverse and digital content / E-commerce platforms / Trading cards and art sales and authentication / Events and education",
    contactTitle:"Together, let’s turn\ntomorrow into reality.", contactText:"When people and possibilities connect beyond borders, the future begins. Take the first step with KIZUNA.", pending:"Contact details coming soon", back:"Back to top",
  },
  zh: {
    nav:["关于我们","业务领域","公司简介"], contact:"联系我们", hero:"连接日本，\n连接世界。", heroSub:"以信任为基础，创造跨越国界的新价值。",
    heroText:"KIZUNA是一家连接日本与世界、建立可信赖合作伙伴关系并创造新机遇的全球咨询公司。", explore:"了解我们的业务", aboutLink:"关于KIZUNA",
    whoTitle:"跨越国界的信任，\n无限发展的可能。", whoLead:"为跨境商务建立牢固而持久的纽带。", who1:"KIZUNA Global Properties & Consulting JAPAN是一家连接日本与全球的综合咨询公司。", who2:"我们跨越文化、语言及商业习惯的差异，贴近每一位客户，创造长期的信赖关系与商业机会。",
    businessTitle:"我们的业务", businessIntro:"凭借专业能力与国际网络，\n从四个核心领域支持您的业务。", view:"了解更多",
    services:[
      ["海外拓展与经营咨询","从公司设立、业务开发到海外合作伙伴开拓，提供熟悉日本及海外商业环境的实务支持。"],
      ["房地产与投资支持","依托值得信赖的专业网络，为客户介绍日本优质的房地产及投资机会。"],
      ["医疗与美容礼宾服务","连接海外客户与日本高品质的医疗、美容及健康管理服务。"],
      ["贸易与前沿创新","将进出口、人工智能、元宇宙及数字创新领域的跨境机会转化为现实。"],
    ],
    purpose:"商业始于信任，未来始于纽带。", companyTitle:"公司简介", companyNote:"通过连接日本与海外的多元业务，\n创造可持续价值与全新可能。",
    labels:["公司名称","代表人","成立日期","注册资本","总部地址","业务内容"], rep:"代表董事　尾崎友美", established:"2026年8月8日", capital:"888,000日元", address:"日本东京都港区六本木3丁目15番11号\nHommat West 330室，邮编106-0032", business:"经营及美容咨询／海外市场拓展支援／国际商务对接与贸易／化妆品及美容相关产品的策划、制造、销售与进出口／人工智能、元宇宙及数字内容／电子商务平台／集换式卡牌及艺术品的销售与鉴定／活动与教育事业",
    contactTitle:"携手同行，\n让未来成为现实。", contactText:"当人与无限可能跨越国界相连，未来就此启程。与KIZUNA一起迈出第一步。", pending:"联系方式准备中", back:"返回顶部",
  },
} as const;

const serviceEn=["Global Business Advisory","Properties & Investment","Medical & Beauty Concierge","Trade & Innovation"];
const images=["/service-global-business.png","/service-properties.png","/service-medical-beauty.png","/service-trade-ai.png"];

export default function SitePage({lang}:{lang:Lang}){
  const t=content[lang];
  return <main>
    <header>
      <a className="brand" href="#top"><img className="brandLogo" src="/kizuna-logo-temporary.jpeg" alt="KIZUNA temporary logo"/><span><strong>KIZUNA</strong><small>GLOBAL PROPERTIES JAPAN</small></span></a>
      <nav><a href="#about">{t.nav[0]}</a><a href="#business">{t.nav[1]}</a><a href="#company">{t.nav[2]}</a></nav>
      <div className="headerRight"><div className="languages" aria-label="Language selector">{(["ja","en","zh"] as Lang[]).map((l)=><a key={l} href={`/${l}`} className={lang===l?"active":""} aria-current={lang===l?"page":undefined}>{l==="ja"?"JP":l==="en"?"EN":"中文"}</a>)}</div><a className="outline" href="#contact">{t.contact}</a></div>
    </header>

    <section className="hero" id="top"><div className="copy"><p className="label">KIZUNA · GLOBAL PROPERTIES · JAPAN</p><h1>{t.hero.split("\n").map((x,i)=><span key={x}>{x}{i<t.hero.split("\n").length-1&&<br/>}</span>)}</h1><p className="ja">{t.heroSub}</p><p className="en">{t.heroText}</p><div className="actions"><a className="button" href="#business">{t.explore}</a><a href="#about">{t.aboutLink}　→</a></div></div><div className="art" aria-hidden="true"><i/><i/><span>絆</span></div></section>

    <section className="about light" id="about"><div><p className="label">WHO WE ARE</p><h2>{t.whoTitle.split("\n").map(x=><span key={x}>{x}<br/></span>)}</h2></div><div className="body"><h3>{t.whoLead}</h3><p>{t.who1}</p><p>{t.who2}</p></div></section>

    <section className="business" id="business"><div className="sectionHead"><div><p className="label">OUR BUSINESS</p><h2>{t.businessTitle}</h2></div><p>{t.businessIntro.split("\n").map(x=><span key={x}>{x}<br/></span>)}</p></div><div className="cards">{t.services.map((s,i)=><article key={serviceEn[i]}><div className="serviceImage"><img src={images[i]} alt={s[0]}/><em>0{i+1}</em></div><h3>{lang==="en"?s[0]:serviceEn[i]}</h3>{lang!=="en"&&<h4>{s[0]}</h4>}<p>{s[1]}</p><a href="#contact">{t.view}　↗</a></article>)}</div></section>

    <section className="purpose light"><p className="label">OUR PURPOSE</p><blockquote>“Business begins with trust.<br/>The future begins with <i>KIZUNA.</i>”</blockquote><p>{t.purpose}</p></section>

    <section className="company light" id="company"><div><p className="label">COMPANY</p><h2>{t.companyTitle}</h2><p className="companyNote">{t.companyNote.split("\n").map(x=><span key={x}>{x}<br/></span>)}</p></div><dl>
      <div><dt>{t.labels[0]}</dt><dd>KIZUNA Global Properties &amp; Consulting JAPAN株式会社</dd></div><div><dt>{t.labels[1]}</dt><dd>{t.rep}</dd></div><div><dt>{t.labels[2]}</dt><dd>{t.established}</dd></div><div><dt>{t.labels[3]}</dt><dd>{t.capital}</dd></div><div><dt>{t.labels[4]}</dt><dd>{t.address.split("\n").map(x=><span className="addressLine" key={x}>{x}<br/></span>)}</dd></div><div><dt>{t.labels[5]}</dt><dd>{t.business}</dd></div>
    </dl></section>

    <section className="contact" id="contact"><p className="label">CONTACT</p><h2>{t.contactTitle.split("\n").map(x=><span key={x}>{x}<br/></span>)}</h2><p>{t.contactText}</p><span className="contactPending">{t.pending}</span></section>
    <footer><div className="brand"><img className="brandLogo" src="/kizuna-logo-temporary.jpeg" alt="KIZUNA temporary logo"/><span><strong>KIZUNA</strong><small>GLOBAL PROPERTIES JAPAN</small></span></div><p>© 2026 KIZUNA Global Properties &amp; Consulting JAPAN KK</p><div className="footerLinks"><a href="/privacy">Privacy</a><a href="#top">{t.back} ↑</a></div></footer>
  </main>
}