// OMAKASE + SHOKUNIN pages
function PageOmakase() {
  const courses = [
    ["一","先付","Sakizuki","蒸し鮑 肝ソース","Steamed abalone","初夏"],
    ["二","椀物","Wanmono","鱧と松茸の清汁","Pike conger & matsutake","秋"],
    ["三","造り","Tsukuri","鮪赤身・中とろ","Maguro, two cuts","通年"],
    ["四","握り","Nigiri","墨烏賊","Cuttlefish","春"],
    ["五","握り","Nigiri","〆鯖","Cured mackerel","冬"],
    ["六","握り","Nigiri","小肌","Gizzard shad","夏"],
    ["七","握り","Nigiri","春子鯛","Young sea bream","春"],
    ["八","焼物","Yakimono","太刀魚 塩焼","Salt-grilled hairtail","秋"],
    ["九","握り","Nigiri","赤身漬け","Marinated tuna","通年"],
    ["十","握り","Nigiri","中とろ","Medium fatty tuna","冬"],
    ["十一","握り","Nigiri","大とろ","Fatty tuna belly","冬"],
    ["十二","握り","Nigiri","雲丹","Hokkaido uni","夏"],
    ["十三","握り","Nigiri","煮蛤","Simmered clam","春"],
    ["十四","握り","Nigiri","穴子","Conger eel","通年"],
    ["十五","巻物","Makimono","鉄火巻","Tuna roll","—"],
    ["十六","椀物","Wanmono","赤出汁","Red miso soup","—"],
    ["十七","玉子","Tamago","焼玉子","Sweet omelette","—"],
    ["十八","甘味","Kanmi","本日の甘味","Seasonal sweet","—"],
  ];
  return (
    <div className="page page-enter">
      <div className="page-wrap">
        <div className="page-header">
          <div className="ph-num">II / VIII</div>
          <div className="ph-center">
            <div className="ph-jp">お任せ</div>
            <div className="ph-en">Omakase Course</div>
          </div>
          <div className="ph-kan">全十八品</div>
        </div>

        <div className="omakase-intro">
          <div className="copy">
            <h2>
              季節の<span className="em">一期一会</span>を、<br />
              十八品に込めて。
            </h2>
            <p>
              献立は、その日の豊洲にて店主自らが目利きした魚のみにて組み立てます。
              走り・盛り・名残——時候の移ろいを、一貫一貫の握りに映し出します。
            </p>
            <p>
              シャリは赤酢の古酒と塩のみ。魚の温度に寄り添うよう、握る直前に合わせます。
              江戸前の仕事——煮切り、漬け、〆、煮こごり——全てが受け継がれた手順に従います。
            </p>
            <p style={{ color: "var(--kin)", fontStyle: "italic", fontFamily: "var(--f-latin)", marginTop: 32, letterSpacing: ".2em" }}>
              ※ 苦手な食材は御予約時にお申し付けください。当日の変更は承り兼ねます。
            </p>
          </div>
          <div className="card">
            <div className="ttl">お任せ一式</div>
            <div className="price">¥98,000</div>
            <div className="price-sub">per guest · service incl.</div>
            <div className="detail-line"><span className="k">品数</span><span>十八品</span></div>
            <div className="detail-line"><span className="k">所要</span><span>約二時間半</span></div>
            <div className="detail-line"><span className="k">席数</span><span>八席のみ</span></div>
            <div className="detail-line"><span className="k">卓立て</span><span>十八時 / 二十一時</span></div>
            <div className="detail-line"><span className="k">お酒</span><span>別途八千円〜</span></div>
          </div>
        </div>

        <div style={{ textAlign: "center", margin: "80px 0 40px" }}>
          <div className="numeral" style={{ fontSize: 14, marginBottom: 18 }}>— Today's Menu · 本日の献立 —</div>
          <h3 style={{ fontFamily: "var(--f-mincho)", fontSize: 32, letterSpacing: ".3em" }}>卯月 十九日</h3>
          <div style={{ fontFamily: "var(--f-latin)", fontStyle: "italic", color: "var(--kin)", letterSpacing: ".3em", marginTop: 8 }}>19 April · Spring</div>
        </div>

        <div className="course-list">
          {courses.map(([n, cat, catEn, name, en, season]) => (
            <div key={n} className="course-item">
              <div className="n">{n}</div>
              <div className="t">{name}<span className="en">{en} · {cat}</span></div>
              <div className="season">{season}</div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}

function PageShokunin() {
  return (
    <div className="page page-enter">
      <div className="page-wrap">
        <div className="page-header">
          <div className="ph-num">III / VIII</div>
          <div className="ph-center">
            <div className="ph-jp">店主</div>
            <div className="ph-en">The Shokunin</div>
          </div>
          <div className="ph-kan">三代目</div>
        </div>

        <div className="shokunin">
          <div className="shokunin-portrait">
            <Ph kind="chef" />
            <div className="shokunin-meta">
              <div className="name">花見 剛</div>
              <div className="rom">Takeshi Hanami</div>
            </div>
          </div>
          <div className="shokunin-copy">
            <h2>
              <span className="drop">握</span>りは、手の記憶である。<br />
              言葉では、伝わらぬ。
            </h2>
            <p>
              昭和四十二年、銀座生まれ。祖父・花見 良一が昭和二十七年に数寄屋橋に開いた屋台が、
              鮨 華曜の始まりである。十五歳で父の背を見て育ち、十八で豊洲市場へ通い始めた。
            </p>
            <p>
              二十代で京都の割烹にて椀物と出汁の基礎を学び、三十で銀座に戻った。
              三代目として暖簾を継いだのは平成十一年、三十二歳の春。以来、二十七年間、
              一日として店を休まなかった。
            </p>
            <p>
              「鮨とは、魚と米と、その日の自分との対話」と語る。
              目利きに三時間、仕込みに六時間、握りに三時間。一日の全てを、八席に捧げる。
            </p>
            <p>
              店は一切の予約サイトを介さず、電話または直接の申込みのみ。
              それは、来られる方の顔を、こちらも覚えておきたいからだという。
            </p>
            <div className="signature">
              花見 剛
              <span className="sub">Takeshi Hanami · Third Generation</span>
            </div>
          </div>
        </div>

        <div className="timeline">
          <h3>歩み</h3>
          <div className="timeline-grid">
            <div className="tl-item">
              <div className="yr">1952</div>
              <div className="ev">初代・花見 良一、<br />数寄屋橋の屋台にて<br />「鮨 華」を開く</div>
            </div>
            <div className="tl-item">
              <div className="yr">1987</div>
              <div className="ev">二代目・花見 誠、<br />銀座六丁目に<br />現在の店を構える</div>
            </div>
            <div className="tl-item">
              <div className="yr">1999</div>
              <div className="ev">三代目・花見 剛、<br />三十二歳で暖簾を継ぐ</div>
            </div>
            <div className="tl-item">
              <div className="yr">2013</div>
              <div className="ev">ミシュラン東京<br />三つ星初獲得<br />以降十二年連続</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { PageOmakase, PageShokunin });
