<?php $__env->startSection('content'); ?>
  <?php echo $__env->make('partials.hero', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <div class="achievement">
    <div class="achievement__inner">
      <div class="achievement__img"><img src="<?= App\asset_path('images/agent-img.png'); ?>"></div>
      <div>
        <h3 class="achievement__text">安心と信頼の実績<br>ビットスター</h3>
        <p class="achievement__note d-none d-md-block">※1 2023年1月時点 ※2 自社調べ。<br>2023年1月時点におけるインフルエンサーマーケティング各社との比較より</p>
      </div>
      <ul class="achievement__list ml-lg-auto">
        <li><img src="<?= App\asset_path('images/os1.png'); ?>" alt="10,000件案件実績"></li>
        <li><img src="<?= App\asset_path('images/os2.png'); ?>" alt="日本最大級データベース"></li>
        <li><img src="<?= App\asset_path('images/os3.png'); ?>" alt="100万名超えインフルエンサーネットワーク"></li>
      </ul>
      <p class="achievement__note d-md-none">※1 2023年1月時点 ※2 自社調べ。<br
          class="d-none d-md-inline">2023年1月時点におけるインフルエンサーマーケティング各社との比較より</p>
    </div>
  </div>

  <div class="about" id="about">
    <div class="about__inner">
      <h2 class="about__title en d-none d-md-block">About</h2>

      <?php echo $__env->make('partials.about', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>
  </div>

  <div class="service-link">
    <a class="service-link__btn" href="#service">関連サービスはこちら<img src="<?= App\asset_path('images/down-arrow.svg'); ?>"></a>
  </div>


  <div class="title-unit">
    <h3 class="title-unit__sub en">Feature</h3>
    <h2 class="title-unit__title">サービスの特徴</h2>
    <p class="title-unit__text">特徴を紹介します</p>
  </div>

  <!-- Slider main container -->
  <div class="swiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide slide">
        <div class="slide__inner">
          <p class="slide__num en">01</p>
          <h4 class="slide__title">みつけやすく</h4>
          <p class="slide__text">最新のインフルエンサーデータを<br class="d-none d-md-inline">
            わかりやすく可視化。<br>
            キャスティングの最適解へ導きます</p>
        </div>
      </div>
      <div class="swiper-slide slide">
        <div class="slide__inner">
          <p class="slide__num en">02</p>
          <h4 class="slide__title">検証しやすく</h4>
          <p class="slide__text">定量データを様々な角度から比較し、<br class="d-none d-md-inline">
            新しい発見をサポート。<br>
            施策効果の最大化に繋げます</p>
        </div>
      </div>
      <div class="swiper-slide slide">
        <div class="slide__inner">
          <p class="slide__num en">03</p>
          <h4 class="slide__title">企画しやすい</h4>
          <p class="slide__text">30万件以上のタイアップ施策データを完備。<br>
            類似商材の結果をベースに<br class="d-none d-md-inline">
            施策を検討できます</p>
        </div>
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>

  <div class="title-unit">
    <h3 class="title-unit__sub en">Use Scene</h3>
    <h2 class="title-unit__title">機能の紹介</h2>
    <p class="title-unit__text">代表的な機能を紹介します</p>
  </div>

  <?php echo $__env->make('partials.use-list', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <div class="price" id="price">
    <div class="title-unit">
      <h3 class="title-unit__sub en">Price</h3>
      <h2 class="title-unit__title">料金プラン</h2>
      <p class="title-unit__text">FREEプランにご登録いただくと<br class="d-md-none">
        ご登録から3日間は<br>
        制限なしでプレミアムプランと<br class="d-md-none">
        同様のサービスをご利用いただけます。</p>
    </div>

    <?php echo $__env->make('partials.price', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  </div>

  <div class="price-cta-media-bg">
    <div class="price-cta-media-wrapper">
      <div class="price-cta-media">
        <div class="price-cta-media__img-wrapper">
          <img class="price-cta-media__img" src="<?= App\asset_path('images/use1.png'); ?>">
          <?php echo $__env->make('partials.platform-list', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
        <div class="price-cta-media__text-wrapper">
          <h4 class="price-cta-media__title">全ての情報や機能を<br>3日間無料でお試し</h4>
          <p class="price-cta-media__text">FREEプランにご登録いただくとご登録から3日間は制限なしでプレミアムプランと同様のサービスをご利用いただけます。</p>

          <div class="price-cta-media__btn-wrapper">
            <a href="https://database.bitstar.tokyo/sponsors/sign_up" class="price-cta-media__btn"
              target="_blank">無料新規登録で体験する<img src="<?= App\asset_path('images/chevron-right_white.svg'); ?>"></a>
            <a href="https://bitstar.tokyo/request/598/" class="price-cta-media__btn price-cta-media__btn_secondary"
              target="_blank">まずは資料をダウンロードする<img src="<?= App\asset_path('images/chevron-right_white.svg'); ?>"></a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="service" id="service">
    <div class="title-unit">
      <h3 class="title-unit__sub en">Our Services</h3>
      <h2 class="title-unit__title">関連サービス</h2>
    </div>

    <?php echo $__env->make('partials.service', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  </div>


  <div id="corporate_profile" class="d-md-none">
    <div class="container">
      <h2 class="page_title en weight_bold">Corporate Profile</h2>
      <?php echo $__env->make('partials.corporate-profile', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>
  </div>

  <div class="pc-corporate-profile d-none d-md-block">
    <h2 class="page_title en weight_bold">Corporate Profile</h2>
    <div class="pc-corporate-profile__inner">
      <dl>
        <dt>社名</dt>
        <dd>株式会社BitStar（ビットスター）</dd>
        <dt>代表者</dt>
        <dd style="white-space: nowrap;">
          代表取締役 社長執行役員CEO 渡邉 拓
        </dd>
        <dt>所在地</dt>
        <dd>東京本社<br>〒150-0002 東京都渋谷区渋谷2-22-3 渋谷東口ビル 10F
          <br><br>
          関西支社<br>〒530-0011 大阪府大阪市北区大深町6-38 グラングリーン大阪北館 9F
        </dd>
        <dt>従業員</dt>
        <dd>162名</dd>
      </dl>

      <dl>
        <dt>グループ会社</dt>
        <dd>
          株式会社Fun
        </dd>
        <dt>設立日</dt>
        <dd>2014年7月10日</dd>
        <dt>資本金</dt>
        <dd>13億8,910万9,621円（資本準備金含む）</dd>
        <dt>事業内容</dt>
        <dd>
          ・クリエイター支援事業<br>
          ・コンテンツ制作事業
        </dd>
        <dt>取引金融機関</dt>
        <dd>みずほ銀行<br>三井住友銀行<br>三菱UFJ銀行<br>りそな銀行</dd>
      </dl>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
  <script>
    const swiper = new Swiper('.swiper', {
      slidesPerView: 1.5,
      spaceBetween: 34,
      centeredSlides: true,

      pagination: {
        el: '.swiper-pagination',
      },

      breakpoints: {
        1200: {
          slidesPerView: 3,
          spaceBetween: 47,
          centeredSlides: false,
        },
      },
    });
  </script>


  <div class="floating-cta">
    <button class="close-btn"><img src="<?= App\asset_path('images/close.svg'); ?>"></button>
    <div class="cta-btn-wrapper">
      <a class="cta-btn" href="https://bitstar.tokyo/request/598/" target="_blank">
        <div class="cta-btn__text-wrapper">
          <p class="cta-btn__sub">3分でわかるBitStar Database</p>
          <h3 class="cta-btn__title">資料ダウンロード</h3>
        </div>
      </a>
      <a class="cta-btn cta-btn_secondary" href="https://database.bitstar.tokyo/sponsors/sign_up" target="_blank">
        <div class="cta-btn__text-wrapper">
          <h3 class="cta-btn__title">今すぐ無料トライアル(3日間)</h3>
        </div>
      </a>
    </div>
  </div>

  <script>
    document.querySelector('.close-btn').addEventListener('click', () => {
      console.log("aa");
      const ctaBox = document.querySelector('.floating-cta');
      ctaBox.classList.add('fade-out');
      ctaBox.addEventListener('animationend', () => {
        ctaBox.style.display = 'none';
      });
    });
  </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>