const Beans = () => {
  return (
    <section className="section beans" id="beans">
      <div className="container">
        <div className="beans-grid">
          <div>
            <div className="beans-eyebrow">Another Project — Coffee Roastery</div>
            <h2>
              一杯の珈琲も、<br/>
              <span className="accent">ものづくり</span>のひとつ。
            </h2>
            <p>
              フジサワ企画では、姉妹ブランド <strong style={{color:"#d4a574"}}>FUJISAWA BEANS</strong> として
              コーヒー豆の自家焙煎も行っています。<br/><br/>
              情報を整える仕事も、豆を整え焙くことも、
              「相手にきちんと届ける」という意味では同じ。<br/>
              小さな手仕事を、丁寧に。
            </p>
            <a href="https://fujisawa-beans.jp/" target="_blank" rel="noopener noreferrer" className="beans-cta">
              FUJISAWA BEANS を見る
              <span className="arrow">→</span>
            </a>
          </div>

          <div className="beans-visual">
            <div className="beans-logo-wrap">
              <img src="assets/beans-logo.png" alt="FUJISAWA BEANS" className="beans-logo-img" />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

window.Beans = Beans;