  
  <?php $__env->startSection('content'); ?>
    <?php echo $__env->make('partials.hero-en', 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">A track record of safety and trust BitStar</h3>
          <p class="achievement__note d-none d-md-block">*1 As of January 2023 *2 In-house research. <br>Comparison with influencer marketing companies as of January 2023</p>
        </div>
        <ul class="achievement__list ml-lg-auto">
          <li><img src="<?= App\asset_path('images/os1_en.png'); ?>" alt="10,000件案件実績"></li>
          <li><img src="<?= App\asset_path('images/os2_en.png'); ?>" alt="日本最大級データベース"></li>
          <li><img src="<?= App\asset_path('images/os3_en.png'); ?>" alt="100万名超えインフルエンサーネットワーク"></li>
        </ul>
        <p class="achievement__note d-md-none">*1 As of January 2023 *2 In-house research. <br
            class="d-none d-md-inline">Comparison with influencer marketing companies as of January 2023</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-en', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
      </div>
    </div>
  
    <div class="service-link">
      <a class="service-link__btn" href="#service">Related services<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">Service features</h2>
      <p class="title-unit__text">Introducing the features</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 px-3 px-md-5">Easy to find</h4>
            <p class="slide__text px-3 px-md-5">Visualize the latest influencer data in an easy-to-understand manner. We will guide you to the optimal solution for casting.</p>
          </div>
        </div>
        <div class="swiper-slide slide">
          <div class="slide__inner">
            <p class="slide__num en">02</p>
            <h4 class="slide__title px-3 px-md-5" style="white-space: nowrap">Easy to verify</h4>
            <p class="slide__text px-3 px-md-5">Compare quantitative data from various angles and support new discoveries. This will help maximize the effectiveness of your measures.</p>
          </div>
        </div>
        <div class="swiper-slide slide">
          <div class="slide__inner">
            <p class="slide__num en">03</p>
            <h4 class="slide__title px-3 px-md-5">Easy to plan</h4>
            <p class="slide__text px-3 px-md-5">Complete with data on over 300,000 tie-up measures. You can consider measures based on the results of similar products.</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">Feature introduction</h2>
      <p class="title-unit__text">Introducing typical features</p>
    </div>
  
    <?php echo $__env->make('partials.use-list-en', 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">Price Plan</h2>
        <p class="title-unit__text" style="max-width: 800px; margin: 0 auto;">If you register for the FREE plan, you can use the same services as the premium plan without any restrictions for 3 days from registration.</p>
      </div>
  
      <?php echo $__env->make('partials.price-en', 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">Try all information and features for free for 3 days</h4>
            <p class="price-cta-media__text">If you register for the FREE plan, you can use the same services as the premium plan without any restrictions for 3 days from registration.</p>
  
            <div class="price-cta-media__btn-wrapper">
              <a href="https://database.bitstar.tokyo/sponsors/sign_up" class="price-cta-media__btn"
                target="_blank">Go to free trial<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">Material download<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">Related services</h2>
      </div>
  
      <?php echo $__env->make('partials.service-en', 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>Name of company</dt>
          <dd>BitStar Inc.</dd>
          <dt>President</dt>
          <dd style="white-space: nowrap;">
            Representative director and CEO: Taku Watanabe
          </dd>
          <dt>Location</dt>
          <dd>Tokyo Headquarters<br>Shibuya Higashiguchi Building 10th Floor, 2-22-3 Shibuya, Shibuya-ku, Tokyo Prefecture, 150-0002
            <br><br>
            Kansai Branch<br>Grand Green Osaka North Building 9F, 6-38 Ofukacho, Kita-ku, Osaka-shi, Osaka-fu 530-0011
          </dd>
          <dt>Personnel</dt>
          <dd>162 people</dd>
        </dl>
  
        <dl>
          <dt>Group firms</dt>
          <dd>
            Fun Co., Ltd.
          </dd>
          <dt>Date established</dt>
          <dd>Jul 10 2014</dd>
          <dt>Capital</dt>
          <dd>1,389,109,621 JPY (including statutory capital reserves)</dd>
          <dt>Scope of business</dt>
          <dd>
            ・Creator support<br>
            ・Content creation
          </dd>
          <dt>Primary financial institutions</dt>
          <dd>Mizuho Bank<br>Sumitomo Mitsui Banking Corporation<br>MUFG Bank<br>Resona Bank</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">BitStar Database in 3 minutes</p>
            <h3 class="cta-btn__title">Material download</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">Free trial now (3 days)</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(); ?>