const Signup = () => {
  return (
    <section id="signup" className="section signup">
      <div className="container">
        <div className="section-head">
          <div className="eyebrow-zh">報 名 · 諮 詢</div>
          <h2>你離證照，只差一通電話</h2>
          <div className="sub"><span className="display-en">Reach Lee Hsiu-Li directly.</span></div>
        </div>

        <div className="signup-card">
          <div className="signup-card-left">
            <div className="eyebrow">Direct · Phone</div>
            <h4>直接撥打 · 李老師親接</h4>
            <p className="signup-lede">
              無論是課程、學費、梯次或學習路線，直接電話聊最快。
            </p>

            <div className="phone-block">
              <a href="tel:03-8328227" className="phone-row primary">
                <div className="phone-meta">
                  <span className="phone-label">補習班代表號</span>
                  <span className="phone-num">03 · 8328227</span>
                </div>
                <span className="phone-arrow">→</span>
              </a>
              <a href="tel:0910551357" className="phone-row">
                <div className="phone-meta">
                  <span className="phone-label">李老師 · 中華電信</span>
                  <span className="phone-num">0910 · 551357</span>
                </div>
                <span className="phone-arrow">→</span>
              </a>
              <a href="tel:0910660815" className="phone-row">
                <div className="phone-meta">
                  <span className="phone-label">李老師 · 台灣大哥大</span>
                  <span className="phone-num">0910 · 660815</span>
                </div>
                <span className="phone-arrow">→</span>
              </a>
            </div>
          </div>

          <div className="signup-card-right">
            <div className="contact-list">
              <div className="row"><span className="k">地址</span><span>花蓮市德安一街 190 號</span></div>
              <div className="row"><span className="k">交通</span><span>德安一街直入，仁里一號橋前</span></div>
              <div className="row"><span className="k">營業</span><span>週一 ~ 週五 09:00 ~ 17:00<br/>週六 10:00 ~ 12:00<br/>週日 公休</span></div>
              <div className="row"><span className="k">付款</span><span>現金 · 信用卡</span></div>
            </div>
            <div className="map-thumb imgph dark"><span className="label">Google Map · 花蓮市德安一街 190 號</span></div>
          </div>
        </div>
      </div>
    </section>
  );
};

window.Signup = Signup;