const Schools = () => {
  const schools = [
    // 市川エリア
    { name: '市川校',         area: '市川エリア', addr: '市川市新田4-12-21（1F）',         access: 'JR市川駅南口 徒歩4分',        tel: '047-370-9887', photo: 'assets/schools/ichikawa.jpg' },
    { name: '北国分駅前校',   area: '市川エリア', addr: '市川市堀之内3-19-15',              access: '北国分駅南口 徒歩1分',         tel: '047-371-5853', photo: 'assets/schools/kitakokubun.jpg' },
    { name: '東菅野校',       area: '市川エリア', addr: '市川市東菅野5-8-21',               access: 'マルエツ東菅野店 徒歩3分',     tel: '047-303-5357', photo: 'assets/schools/higashisugano.jpg' },
    { name: '国分校',         area: '市川エリア', addr: '市川市国分1-25-9',                 access: 'ライフ市川国分店 徒歩3分',     tel: '047-318-4433', photo: 'assets/schools/kokubun.jpg' },
    // 船橋エリア
    { name: '海神行田校',     area: '船橋エリア', addr: '船橋市山手2-7-39',                 access: '行田東小学校 徒歩1分',         tel: '047-495-1828', photo: 'assets/schools/kaijingyouda.jpg' },
    { name: '船橋夏見台校',   area: '船橋エリア', addr: '船橋市夏見台1-19-10',              access: 'ヨークマート夏見台店隣',       tel: '047-406-0471', photo: 'assets/schools/natsumidai.jpg' },
    { name: '薬園台校',       area: '船橋エリア', addr: '船橋市薬円台6-12-4',               access: '薬園台駅西口 徒歩5分',         tel: '047-496-9777', photo: 'assets/schools/natsumidai.jpg' },
    { name: '下総中山駅前校', area: '船橋エリア', addr: '船橋市本中山3-21-12',              access: '下総中山駅南口 徒歩1分',       tel: '047-302-8101', photo: 'assets/schools/higashisugano.jpg' },
    // 柏・流山エリア
    { name: '北柏校',         area: '柏・流山エリア', addr: '柏市松葉町2-15-13 クキタビル1F', access: '松葉第二小学校 徒歩1分',      tel: '04-7136-7770', photo: 'assets/schools/kokubun.jpg' },
    { name: '流山おおたかの森校', area: '柏・流山エリア', addr: '流山市おおたかの森東4-1-6',  access: '流山おおたかの森駅東口 徒歩5分', tel: '04-7137-9180', photo: 'assets/schools/ichikawa.jpg' },
    // 東進衛星予備校
    { name: '東進 市川北国分校', area: '東進衛星予備校', addr: '北国分駅南口至近',           access: '北国分駅南口 徒歩1分',         tel: '047-300-5130', photo: 'assets/schools/kitakokubun.jpg' },
    { name: '東進 下総中山駅南口校', area: '東進衛星予備校', addr: '下総中山駅南口至近',     access: '下総中山駅南口 徒歩1分',       tel: '047-302-8103', photo: 'assets/schools/kaijingyouda.jpg' },
  ];
  return (
    <>
      <section className="sec-schools" id="schools">
        <div className="schools-title">お近くの校舎を探す</div>
        <div className="schools-sub">千葉県市川・船橋・柏エリアで個別指導塾10校舎＋東進衛星予備校2校を展開</div>
      </section>
      <div className="schools-grid-wrap">
        <div className="container">
          <div className="schools-scroll-hint">SCROLL FOR MORE</div>
          <div className="schools-grid">
            {schools.map((s, i) => (
              <div className="school-card-rich" key={i}>
                <div className="school-photo-rich">
                  <img src={s.photo} alt={s.name}/>
                  <span className="school-area-badge">{s.area}</span>
                </div>
                <div className="school-info">
                  <div className="school-name">{s.name}</div>
                  <div className="school-meta">
                    <div className="school-meta-row">
                      <span className="school-meta-label">住所</span>
                      <span className="school-meta-val">{s.addr}</span>
                    </div>
                    <div className="school-meta-row">
                      <span className="school-meta-label">アクセス</span>
                      <span className="school-meta-val">{s.access}</span>
                    </div>
                    <div className="school-meta-row">
                      <span className="school-meta-label">TEL</span>
                      <span className="school-meta-val school-tel">{s.tel}</span>
                    </div>
                  </div>
                </div>
              </div>
            ))}
          </div>
          <div className="schools-note">
            ※ 対象学年：小学生・中学生・高校生／指導形態：個別学習指導（オーダーメイド学習）<br/>
            受付時間：平日 14:00〜21:30 ／ 土曜 14:00〜19:30（北柏校・流山おおたかの森校は土曜 14:00〜20:00）
          </div>
        </div>
      </div>
    </>
  );
};

const SG_OFFICIAL = 'https://www.sg-seigaku.co.jp';
const Contact = () => (
  <section className="sec-contact" id="contact">
    <div className="container">
      <div className="contact-grid">
        <div className="contact-card">
          <div className="contact-card-head">
            <div className="contact-icon-wrap"><Icons.Chat/></div>
            <div className="contact-title">無料学習相談・料金について</div>
          </div>
          <div className="contact-body">
            正学館では、授業料やご入会の前に不安や悩みのカウンセリングや学習相談を行い、体験授業を受けていただくことをお勧めしています。
          </div>
          <a className="btn btn-outline" style={{minWidth:0}} href={`${SG_OFFICIAL}/contact/`} target="_blank" rel="noopener noreferrer">無料相談フォーム<span className="btn-arrow"/></a>
        </div>
        <div className="contact-card">
          <div className="contact-card-head">
            <div className="contact-icon-wrap"><Icons.Doc/></div>
            <div className="contact-title">資料請求</div>
          </div>
          <div className="contact-body">
            正学館の教育内容や授業の方法、スクールガイドブックをお送りしています。こちらのフォームからお気軽にお申し込みください。
          </div>
          <a className="btn btn-outline" style={{minWidth:0}} href={`${SG_OFFICIAL}/contact/`} target="_blank" rel="noopener noreferrer">資料請求フォーム<span className="btn-arrow"/></a>
        </div>
        <div className="contact-card">
          <div className="contact-card-head">
            <div className="contact-icon-wrap"><Icons.Phone/></div>
            <div className="contact-title">お電話でのお問い合わせ</div>
          </div>
          <a href="tel:0120879869" className="phone-number" style={{textDecoration:'none'}}>0120-879-869</a>
          <div className="phone-hours">受付時間：平日10:00〜20:00</div>
          <div style={{fontSize:11.5, color:'var(--ink-700)', lineHeight:1.8, marginTop:14}}>
            正学館で学習をはじめてみませんか？<br/>
            入会までの流れなど、お気軽にお電話ください。
          </div>
        </div>
      </div>
    </div>
  </section>
);

const Footer = () => (
  <footer className="footer">
    <div className="container">
      <div className="footer-inner">
        <div className="footer-brand">
          <div className="footer-logo-wrap">
            <img src="assets/sg_logo_brand.png?v=2" alt="SG 正学館" className="footer-logo-img"/>
          </div>
          <p className="slogan">学ぶ喜びと、生きる喜びと。</p>
          <div className="footer-social">
            <a href="https://www.instagram.com/seigakukan_juku/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><Icons.Instagram style={{width:16, height:16}}/></a>
            <a href="https://www.youtube.com/results?search_query=SG+%E6%AD%A3%E5%AD%A6%E9%A4%A8" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><Icons.YouTube style={{width:16, height:16}}/></a>
            <a href="https://www.wantedly.com/companies/company_4315459" target="_blank" rel="noopener noreferrer" aria-label="Wantedly"><Icons.Line style={{width:16, height:16}}/></a>
          </div>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">採用情報</div>
          <ul>
            <li><a href="#about">正学館の想い</a></li>
            <li><a href="#work">SG正学館の仕事</a></li>
            <li><a href="#interview">社員インタビュー</a></li>
            <li><a href="#stories">関連記事 / Wantedly</a></li>
            <li><a href="#recruit">募集要項</a></li>
            <li><a href="#entry">エントリーフォーム</a></li>
          </ul>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">校舎一覧</div>
          <ul>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-ichikawa/" target="_blank" rel="noopener noreferrer">市川校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-kitakokubun/" target="_blank" rel="noopener noreferrer">北国分駅前校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-higashisugano/" target="_blank" rel="noopener noreferrer">東菅野校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-kokubun/" target="_blank" rel="noopener noreferrer">国分校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-kaijingyouda/" target="_blank" rel="noopener noreferrer">海神行田校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/sg-natsumidai/" target="_blank" rel="noopener noreferrer">船橋夏見台校</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/school_building/" target="_blank" rel="noopener noreferrer">薬園台校 / 下総中山駅前校</a></li>
            <li><a href="https://sg-kitakashiwa.com/" target="_blank" rel="noopener noreferrer">北柏校 / 流山おおたかの森校</a></li>
          </ul>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">学習について</div>
          <ul>
            <li><a href="https://www.sg-seigaku.co.jp/aboutus/" target="_blank" rel="noopener noreferrer">正学館ってどんな塾？</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/elementary/" target="_blank" rel="noopener noreferrer">小学生の個別指導</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/junior/" target="_blank" rel="noopener noreferrer">中学生の個別指導</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/high/" target="_blank" rel="noopener noreferrer">高校生の個別指導</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/toshin/" target="_blank" rel="noopener noreferrer">東進衛星予備校</a></li>
          </ul>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">お問い合わせ</div>
          <ul>
            <li><a href="https://www.sg-seigaku.co.jp/contact/" target="_blank" rel="noopener noreferrer">無料学習相談・料金について</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/contact/" target="_blank" rel="noopener noreferrer">資料請求</a></li>
            <li><a href="tel:0120879869">お電話でのお問い合わせ</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/privacy/" target="_blank" rel="noopener noreferrer">個人情報保護方針</a></li>
            <li><a href="https://www.sg-seigaku.co.jp/" target="_blank" rel="noopener noreferrer">SG正学館 公式サイト</a></li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        © 2026 SG EDUCATION Co., Ltd. All Rights Reserved.
      </div>
    </div>
  </footer>
);

window.Schools = Schools;
window.Contact = Contact;
window.Footer = Footer;