/* global React */
function Works() {
  const worksJa = [
    {
      href: "/works/startup-seed-500m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "スタートアップ企業 シード5億円資金調達",
      role: "スタートアップ企業側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/startup-seed-350m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "スタートアップ企業 シード3.5億円資金調達",
      role: "スタートアップ企業側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/startup-seed-270m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "スタートアップ企業 シード2.7億円資金調達",
      role: "スタートアップ企業側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/startup-series-a-120m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "スタートアップ企業 シリーズA 1.2億円資金調達",
      role: "スタートアップ企業側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/ystory-pre-series-a/",
      category: "Startup Legal",
      date: "2026.04.27",
      title: "株式会社YStory 資金調達",
      role: "株式会社YStory側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/boostcapital-solafune-series-a/",
      category: "Venture Investment",
      date: "2026.03.10",
      title: "BoostCapital / Solafune",
      role: "BoostCapital側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/techsuite-yamada-capital-alliance/",
      category: "Startup Legal",
      date: "2025.12.24",
      title: "TechSuite株式会社 5億円資金調達",
      role: "TechSuite株式会社側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/asu-capital-partners-sekaie-seed/",
      category: "Venture Investment",
      date: "2025.11.26",
      title: "Asu Capital Partners / SekaiE",
      role: "Asu Capital Partners側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/concrew-pre-series-a/",
      category: "Startup Legal",
      date: "2025.11.14",
      title: "株式会社コンクルー 1.7億円資金調達",
      role: "株式会社コンクルー側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/boostcapital-ivry-series-d/",
      category: "Venture Investment",
      date: "2025.11.06",
      title: "BoostCapital / IVRy",
      role: "BoostCapital側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/boostcapital-terass-series-c/",
      category: "Venture Investment",
      date: "2025.07.30",
      title: "BoostCapital / TERASS",
      role: "BoostCapital側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/things-fundraising/",
      category: "Startup Legal",
      date: "2025.07.07",
      title: "株式会社Things 資金調達",
      role: "株式会社Things側のリーガルアドバイザーを担当",
    },
    {
      href: "/works/boostcapital-driver-technologies-series-a/",
      category: "Venture Investment",
      date: "2025.03.28",
      title: "BoostCapital / ドライバーテクノロジーズ",
      role: "BoostCapital側のリーガルアドバイザーを担当",
    },
  ];
  const worksEn = [
    {
      href: "/works/startup-seed-500m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "Seed Round Fundraising: JPY 500M",
      role: "Legal advisor to a startup company",
    },
    {
      href: "/works/startup-seed-350m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "Seed Round Fundraising: JPY 350M",
      role: "Legal advisor to a startup company",
    },
    {
      href: "/works/startup-seed-270m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "Seed Round Fundraising: JPY 270M",
      role: "Legal advisor to a startup company",
    },
    {
      href: "/works/startup-series-a-120m-hayakawa-2025/",
      category: "Startup Legal",
      date: "2025.12.31",
      title: "Series A Fundraising: JPY 120M",
      role: "Legal advisor to a startup company",
    },
    {
      href: "/works/ystory-pre-series-a/",
      category: "Startup Legal",
      date: "2026.04.27",
      title: "YStory Inc. Fundraising",
      role: "Legal advisor to YStory Inc.",
    },
    {
      href: "/works/boostcapital-solafune-series-a/",
      category: "Venture Investment",
      date: "2026.03.10",
      title: "BoostCapital / Solafune",
      role: "Legal advisor to BoostCapital",
    },
    {
      href: "/works/techsuite-yamada-capital-alliance/",
      category: "Startup Legal",
      date: "2025.12.24",
      title: "TechSuite Inc. Fundraising: JPY 500M",
      role: "Legal advisor to TechSuite Inc.",
    },
    {
      href: "/works/asu-capital-partners-sekaie-seed/",
      category: "Venture Investment",
      date: "2025.11.26",
      title: "Asu Capital Partners / SekaiE",
      role: "Legal advisor to Asu Capital Partners",
    },
    {
      href: "/works/concrew-pre-series-a/",
      category: "Startup Legal",
      date: "2025.11.14",
      title: "Concrew Inc. Fundraising: JPY 170M",
      role: "Legal advisor to Concrew Inc.",
    },
    {
      href: "/works/boostcapital-ivry-series-d/",
      category: "Venture Investment",
      date: "2025.11.06",
      title: "BoostCapital / IVRy",
      role: "Legal advisor to BoostCapital",
    },
    {
      href: "/works/boostcapital-terass-series-c/",
      category: "Venture Investment",
      date: "2025.07.30",
      title: "BoostCapital / TERASS",
      role: "Legal advisor to BoostCapital",
    },
    {
      href: "/works/things-fundraising/",
      category: "Startup Legal",
      date: "2025.07.07",
      title: "Things Inc. Fundraising",
      role: "Legal advisor to Things Inc.",
    },
    {
      href: "/works/boostcapital-driver-technologies-series-a/",
      category: "Venture Investment",
      date: "2025.03.28",
      title: "BoostCapital / Driver Technologies",
      role: "Legal advisor to BoostCapital",
    },
  ];
  const isEn = Boolean(window.LA_I18N && window.LA_I18N.isEnglish && window.LA_I18N.isEnglish());
  const works = isEn ? worksEn : worksJa;

  return (
    <section id="works" className="works section section--paper" data-screen-label="07 Works">
      <div className="container">
        <div className="works__head reveal">
          <div>
            <span className="eyebrow">Representative Work</span>
            <h2 className="works__title heading-jp">{isEn ? "Representative Work" : "実績紹介"}</h2>
          </div>
          <div className="works__lead">
            <p>
              {isEn
                ? "Selected matters that can be publicly disclosed are listed here as LegalAgent representative work."
                : "掲載可能な案件を、LegalAgentの支援実績として掲載しています。"}
            </p>
          </div>
        </div>
        <div className="works__grid">
          {works.map((work, i) => (
            <a
              key={work.href}
              href={work.href}
              data-no-localize={isEn ? "true" : undefined}
              className={`work-tile reveal reveal--delay-${(i % 4) + 1} lift spotlight`}
            >
              <div className="work-tile__top">
                <span className="tag-num">{String(i + 1).padStart(2, "0")}</span>
                <span className="kicker-en">{work.category}</span>
              </div>
              <h3>{work.title}</h3>
              <p>{work.role}</p>
              <div className="work-tile__bottom">
                <span>{work.date}</span>
                <em>View detail</em>
              </div>
            </a>
          ))}
        </div>
        <div className="works__foot reveal reveal--delay-2">
          <a href="/works/" data-no-localize={isEn ? "true" : undefined} className="works__all hover-line">
            {isEn ? "View all representative work" : "すべての実績を見る"}
          </a>
        </div>
      </div>
    </section>
  );
}

window.Works = Works;