// header.jsx — ヘッダー（トップバー + メインナビ）

const Header = ({ tweaks }) => {
  return (
    <header className="site-header">
      <div className="header-top">
        <div className="container">
          <div className="header-top-left">
            <span className="badge-tag">名古屋市・愛知県全域対応</span>
            <span className="badge-tag" style={{ background: "rgba(255,255,255,0.08)" }}>無料点検実施中</span>
          </div>
          <div style={{ fontSize: 12, opacity: 0.85 }}>営業時間 8:00〜19:00 / 年中無休</div>
        </div>
      </div>
      <div className="container">
        <div className="header-main">
          <a href="#" className="brand" aria-label="名古屋シロアリ駆除センター">
            <Logo size={72} />
          </a>
          <nav className="nav">
            <a href="#service">サービス</a>
            <a href="#reason">選ばれる理由</a>
            <a href="#flow">施工の流れ</a>
            <a href="#price">料金</a>
            <a href="#case">施工事例</a>
            <a href="#faq">よくある質問</a>
            <a href="#area">対応エリア</a>
          </nav>
          <div className="header-cta">
            <div className="tel-block">
              <div className="icon-circle"><Icon name="phone" size={16} stroke={2.5} /></div>
              <div className="num">
                <b>0120-456-789</b>
                <span>無料相談・年中無休</span>
              </div>
            </div>
            <a href="#contact" className="btn btn-primary">
              <Icon name="mail" size={15} />お問い合わせ
            </a>
          </div>
        </div>
      </div>
    </header>
  );
};

Object.assign(window, { Header });