const Profile = () => {
  return (
    <section className="section profile" id="profile">
      <div className="container">
        <div className="section-head simple">
          <span className="eyebrow" style={{justifyContent: "center"}}>Profile</span>
          <h2 className="section-title">代表者紹介</h2>
        </div>

        <div className="profile-grid">
          <div className="profile-photo-wrap">
            <div className="profile-photo-small">
              <img src="assets/profile.jpg" alt="藤澤 宏茂" />
            </div>
            <div className="profile-name-block">
              <div className="profile-name-en">FUJISAWA HIROSHIGE</div>
              <div className="profile-name">藤澤 宏茂</div>
              <div className="profile-role">代表 / Founder</div>
            </div>
          </div>

          <div className="profile-message">
            <p className="quote">
              整えることは、相手を想うこと。<br/>
              伝わる形に近づける、その一歩を共に。
            </p>
            <p>
              香川県高松市生まれ。大学で経営学を学び、ゼミでマッキントッシュ・Windowsの基礎、
              文書作成・表計算・ホームページ制作のスキルを身につけたのが、現在の仕事の原点です。
            </p>
            <p>
              卒業後、教員、塾講師として6年間、その後、
              株式会社ジェイアール四国コミュニケーションウェア（現：JR四国ソリューション株式会社）にて
              中国・四国9県の営業を担当しながら、営業推進課課長補佐として営業企画業務に従事。
              コンテストやセミナーの企画運営、資料作成からホームページ構築まで、
              20年間にわたり「伝えること」の現場に身を置いてきました。
            </p>
            <p>
              令和6年12月、フジサワ企画として独立。<br/>
              これまでに培ってきた経験を、地域の事業者の皆さまに還元したいと考えています。
            </p>
          </div>
        </div>

        <div className="profile-video-wrap">
          <div className="profile-video-head">
            <span className="eyebrow">Self Introduction</span>
            <h3 className="profile-video-title">代表からのご挨拶</h3>
          </div>
          <div className="profile-video-frame">
            <video
              className="profile-video"
              src="assets/profile-intro.mp4"
              controls
              controlsList="nodownload noremoteplayback"
              disablePictureInPicture
              preload="metadata"
              playsInline
              poster="assets/profile-poster.png"
              onContextMenu={(e) => e.preventDefault()}
              onDragStart={(e) => e.preventDefault()}
            >
              お使いのブラウザは動画再生に対応していません。
            </video>
          </div>
        </div>
      </div>
    </section>
  );
};

window.Profile = Profile;