const Hero = () => {
  return (
    <section className="hero" id="top">
      <div className="container hero-grid">
        <div className="hero-copy">
          <div className="hero-eyebrow">FUJISAWA PLANNING — KAGAWA, JAPAN</div>
          <h1 className="hero-title">
            <span className="line">情報を整え、</span>
            <span className="line"><span className="accent">伝わる</span>形へ。</span>
          </h1>
          <p className="hero-sub">
            わかりにくいものを、わかりやすく。<br/>
            ITコンサルティング・資料制作・Web制作を通じて、<br/>
            伝えたい価値を、誠実に形にします。
          </p>
          <div className="hero-meta">
            <a href="#services" className="btn">
              事業内容を見る
              <span className="arrow">→</span>
            </a>
            <div className="hero-tags">
              <span>IT Consulting</span>
              <span>Document Design</span>
              <span>Web Production</span>
            </div>
          </div>
        </div>

        <div className="hero-visual" aria-hidden="true">
          <div className="panel-clean">
            <div className="bg-navy">
              <span className="hv-label">EST. 2024 — TAKAMATSU</span>
              <span className="hv-fp">FP</span>
              <div className="hv-tagline">
                <span className="hv-bar"></span>
                <span>誠実なものづくり</span>
              </div>
            </div>
            <div className="hv-accent"></div>
            <div className="hv-stats">
              <div>
                <div className="num">03</div>
                <div className="num-sub">Core Services</div>
              </div>
              <div style={{textAlign: "right"}}>
                <div className="num">20<span style={{fontSize: "20px"}}>+</span></div>
                <div className="num-sub">Years of Experience</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className="hero-scroll">
        <span>SCROLL</span>
        <span className="line"></span>
      </div>
    </section>
  );
};

window.Hero = Hero;