ctms-yii/front-hiluker/views/h5/ktv/main.php

<?php
/**
 * @Author: fm453
 * @Date:   2018-04-24 02:02:21
 * @Last Modified by:   fm453
 * @Last Modified time: 2021-08-23 09:02:09
 * @Email: fm453@lukegzs.com
**/
use yii\helpers\Html;
use yii\helpers\Url;
global $_HI;
?>
<script src="<?php echo $_HI['staticUrl'];?>/js/jquery-1.8.3.min.js"></script>
<script src="<?php echo $_HI['staticUrl'];?>/js/jquery.fullPage.js"></script>
<link href="<?php echo $_HI['staticUrl'];?>/css/jquery.fullPage.css" rel="stylesheet" type="text/css">

<link type="text/css" rel="stylesheet" href="<?php echo $_HI['staticUrl'];?>/css/keyboard.css">
<style type="text/css">
body {
	background-color: #000000;
}
body,td,th {
	font-size: 18px;
}
</style>
<script>
$(function(){
	$(".main").fullpage({
		'navigation': true,
		anchors: ['page1', 'page2', 'page3', 'page4', 'page5','page6','page7','page8','page9','page10','page11', 'page12', 'page13', 'page14', 'page15','page16'],
		menu:"#menu",
		verticalCentered:false,
		css3: true,
		navigation: true,
		navigationPosition: 'right',

		afterLoad: function(anchorLink, index){
			if(index == 2){
				$('#iphone3, #iphone2, #iphone4').addClass('active');
			}
			$('#infoMenu').toggleClass('whiteLinks', index ==4);

		},

		onLeave: function(index, direction){
			if (index == 3 && direction == 'down'){
				$('.section').eq(index -1).removeClass('moveDown').addClass('moveUp');
			}
			else if(index == 3 && direction == 'up'){
				$('.section').eq(index -1).removeClass('moveUp').addClass('moveDown');
			}

			$('#staticImg').toggleClass('active', (index == 2 && direction == 'down' ) || (index == 4 && direction == 'up'));
			$('#staticImg').toggleClass('moveDown', index == 3 && direction == 'down');
		},

		afterRender: function(){
			$('#infoMenu').appendTo('body');

			$('#githubLink, .twitter-share-button').appendTo('body');
		}
	})

})
</script>

<div class="main fullpage-wrapper" style="height: 100%; position: relative; touch-action: none; transform: translate3d(0px, 0px, 0px);">
	<div class="section s1 fp-section active" style="height: 681px; background: rgb(154, 50, 233);" data-anchor="page1">
    	<div class="first tw">
        	<div class="character">
            	<h1>KTV-低成本、高利润的吸金行业</h1>
                <p>随着移动互联网的飞速发展，传统量贩式KTV一度被推到了行业兴衰发展的风口浪尖。然而，据国内权威机构调查显示，KTV行业在移动互联网时代正迎来新的发展。</p>
                <p>目前，国内KTV总体消费规模超过5000亿，并且随着人们生活水平的提升以及休闲娱乐需求的增加，消费规模仍处于快速上升阶段。</p>
            </div>
 			<div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard01.png" alt="">
            </div>
        </div>
    </div>

    <div class="section s2 fp-section" style="height: 681px; background: rgb(86, 190, 248);" data-anchor="page2">
    	<div class="second tw">
            <div class="picture">
               <img src="<?php echo $this->params['htmlSrc'];?>/keyboard02.png" alt="">
            </div>
            <div class="character">
            	<h1>移动互联网时代，KTV行业该走向何方？</h1>
                <p>与此同时，近年来，KTV行业受到了不少的挑战：线下有酒吧、咖啡厅、Disco舞厅等娱乐场所的竞争，线上又有KTV类社交产品的分流，甚至KTV业内的竞争也颇为激烈。无论是线下传统KTV打造反向O2O、线上KTV与线下传统KTV合作跨界融合还是线上KTV发展布局到线下，量贩KTV行业背后蕴藏的巨大商机纷纷被投资者挖掘，而通过移动互联网思维打造出的O2O新模式或将主宰量贩式KTV行业的未来。  </p>
            	<h2>嗨路客“O2O-KTV”系统来强力助阵啦！</h2>
            </div>
        </div>
    </div>

    <div class="section s3 fp-section" style="height: 681px; background: rgb(13, 196, 78);" data-anchor="page3">
    	<div class="third tw">
        	<div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard03.png" alt="">
            </div>
        	<div class="character">
            	<h1>重构消费流程，引爆粉丝经济</h1>
                <h1>结合分享经济，打造移动互联网时代O2O-KTV！</h1>
            </div>

        </div>
    </div>

 <div class="section s4 fp-section" style="height: 681px; background: rgb(113, 65, 186);" data-anchor="page4">
    	<div class="fourth tw">
 			 <div class="character">
                <p><b>O2O-KTV</b>系统是针对传统线下KTV进行O2O转型，重构消费流程，提升运营效率，并实现用户资源和流量变现，盈利模式多样化的KTV深度O2O解决方案。</p>
				<p>它全面结合了嗨路客分销体系，通过线上线下导流，实现“用户快捷预定、提升KTV运营管理效率、平台资源整合”以及融合了分享经济理念的创新型O2O模式。</p>
            </div>
 			<div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard04.png" alt="">
            </div>
        </div>
    </div>



	<div class="section s5 fp-section" style="height: 681px; background: rgb(29, 194, 118);" data-anchor="page5">
    	<div class="fifth tw">
           <div class="character">
                <h1>O2O-KTV业务模式图</h1>
            </div>
 			<div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard05.png" alt="">
            </div>
        </div>
    </div>

    <div class="section s6 fp-section" style="height: 681px; background: rgb(53, 109, 237);" data-anchor="page6">

    	<div class="sixth tw">
            <div class="character">
            	<span></span>
            	<h1>LBS定位，快捷预订</h1>
                <p>用户关注O2O-KTV平台后，就可以根据LBS定位搜索附近合适的KTV，并完成快速预订、消费、反馈、分享等一体化服务。</p>
            </div>
 			<div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard06.png" alt="">
            </div>
        </div>
    </div>

    <div class="section s7 fp-section" style="height: 681px; background: rgb(221, 112, 34);" data-anchor="page7">
    	<div class="seventh tw">
        	<span></span>
            <div class="character">
            	<h1>单店&连锁，灵活运营</h1>
                <p>强大的O2O-KTV系统即可让单体KTV商家入驻，也可让连锁型KTV入驻，满足用户的多元化需求的同时，商家也可以在全国各地更好的锁定忠实用户，完成统一布局。</p>
            </div>
            <div class="picture">
               <img src="<?php echo $this->params['htmlSrc'];?>/keyboard07.png" alt="">
            </div>
		</div>
    </div>

    <div class="section s8 fp-section" style="height: 681px; background: rgb(236, 114, 215);" data-anchor="page8">
    	<div class="eighth tw">
        	<div class="character">
            	<h1>独立的平台管理后台</h1>
                <p>O2O-KTV拥有完善且强大的平台管理后台，通过分销、基础设置、入驻商家、套餐、订单以及数据的管理，为平台提供详尽的数据化支持和管理，保证平台O2O顺畅运营。</p>
            </div>
            <div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard08.png" alt="">
            </div>

		</div>
    </div>

    <div class="section s9 fp-section" style="height: 681px; background: rgb(30, 196, 52);" data-anchor="page9">
    	<div class="ninth tw">
 			 <div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard09.png" alt="">
           	 </div>
             <div class="character">
            	<h1>独立的KTV商家管理后台</h1>
                <p>每一个入驻平台的KTV商家都拥有独立的管理后台，全面管理自家店面的运营情况。借助数据统计，商家可以为后期营销决策作出更准确的判断，降低各项成本，增加利润。</p>
           	 </div>
        </div>
    </div>

    <div class="section s10 fp-section" style="height: 681px; background: rgb(52, 151, 255);" data-anchor="page10">
    	<div class="ten tw">
                <div class="character">
                	<span></span>
                	<h1>重构KTV消费流程</h1>
					<p>优化消费流程意味着更低的运营成本和更大的利润空间，并且，当面临激烈的市场竞争，更低的运营成本也意味着更大的价格调整空间和更强的竞争力，O2O-KTV正是从此处着力。</p>
                </div>
              <div class="picture">
                    <img src="<?php echo $this->params['htmlSrc'];?>/keyboard10.png" alt="">
               </div>
        </div>
    </div>

 	<div class="section s11 fp-section" style="height: 681px; background: rgb(255, 93, 94);" data-anchor="page11">
    	<div class="eleven tw">
                <div class="character">
                    <h1>不仅唱的嗨，分享收益也High(高)</h1>
                    <p>区别于传统的线上KTV预定平台，O2O-KTV系统结合了嗨路客的各种分销机制：三级分销、区域代理、股东分红、全球分红。基于完善的会员体系，让用户在KTV消费的同时，可以通过分享建立永久关系，他人在此平台消费后自己也能获得佣金收益。</p>
                </div>
                <div class="picture">
               		<img src="<?php echo $this->params['htmlSrc'];?>/keyboard11.png" alt="">
           		</div>
        </div>
    </div>
    <div class="section s12 fp-section" style="height: 681px; background: rgb(158, 43, 231);" data-anchor="page12">
    	<div class="twelve tw">
              <div class="picture">
           		 <img src="<?php echo $this->params['htmlSrc'];?>/keyboard12.png" alt="">
           	 </div>
              <div class="character">
            	<h1>分销与营销并重， 牢牢黏住粉丝</h1>
                <p>O2O-KTV系统除了通过各种分销奖励机制增强与粉丝的粘性， 还可以搭配嗨路客丰富的营销工具，线上和线下加强与用户的互动， 更好的转化忠实粉丝， 激发粉丝价值。</p>
           	 </div>

        </div>
    </div>
	<div class="section s13 fp-section" style="height: 681px; background: rgb(29, 193, 41);" data-anchor="page13">
    	<div class="thirteen tw">
                <div class="character">
                    <h1>多盈利模式， 摆脱烧钱魔咒</h1>
                    <p>平台除了可以获得KTV商家的入驻费用，还可以从商家的订单里面抽佣，并将其中的一部分用于分销返利，后期平台还能获得增值服务收入，比如广告。</p>
                </div>
                <div class="picture">
               		<img src="<?php echo $this->params['htmlSrc'];?>/keyboard13.png" alt="">
           		</div>
        </div>
    </div>
        <div class="section s14 fp-section" style="height: 681px; background: rgb(94, 139, 254);" data-anchor="page14">
            <div class="fourteen tw">
                   <div class="picture">
                     <img src="<?php echo $this->params['htmlSrc'];?>/keyboard14.png" alt="">
                 </div>
                 <div class="character">
                    <h1>潜力无限的O2O平台</h1>
                    <p>O2O-KTV系统可以在自身独特资源基础上整合周边商家，打造完整服务链，为用户提供更齐全、周到的服务，比如美食、酒店等等。随着平台的发展，在创造无限商机的同时，也拥有了稳固的竞争优势。</p>
                 </div>

            </div>
    </div>
    <div class="section s15 fp-section" style="height: 681px; background: rgb(42, 227, 116);" data-anchor="page15">
    	<div class="fifteen tw">

                <div class="character">
                    <h1>用分销打造新的KTV蓝海市场</h1>
					<h1>用O2O模式，快速站上市场顶端</h1>
                </div>
                <div class="picture">
               		<img src="<?php echo $this->params['htmlSrc'];?>/keyboard15.png" alt="">
           		</div>
        </div>
    </div>

	<div class="section s16 fp-section" style="height: 681px; background: rgb(57, 118, 220);" data-anchor="page16">
    	<div class="sixteen tw">
			<h1>O2O-KTV</h1>
        	<p>咨询热线：18608981880</p>

			<div class="jiameng">
				<a href="https://vcms.hiluker.com" target="_blank" class="w-scene-btn btn1" title="免费体验">免费体验</a>
				<a href="http://wpa.qq.com/msgrd?v=3&uin=393213759&site=qq&menu=yes" target="_blank" class="w-scene-btn btn2" title="在线咨询">在线咨询</a>

			</div>
        </div>
    </div>
</div>