CINXE.COM
{{DefaultSeo.seoTitle}}
<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no"> <meta name="x5-fullscreen" content="no"> <meta name="full-screen" content="no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="keywords" content="DefaultSeo.seoKeywords"> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <meta name="application-name" content="tecno mobile"> <link rel="apple-touch-icon" sizes="57x57" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/apple-touch-icon-180x180.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="tecno mobile"> <link rel="icon" type="image/png" sizes="32x32" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/favicon-16x16.png"> <link rel="shortcut icon" href="https://d316acfc88wber.cloudfront.net/static/img/favicon-114db49/favicon.ico"> <link rel="alternate" hreflang="x-default" href="url" /> <title>{{DefaultSeo.seoTitle}} </title> <meta name="description" content="DefaultSeo.seoDescriptions"> <link rel="canonical" href="url" /> <meta name="robots" content="index, follow"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="DefaultSeo.seoTitle" /> <meta property="og:description" content="DefaultSeo.seoDescriptions" /> <meta property="og:url" content="url" /> <meta property="og:site_name" content="TECNO Mobile" /> <meta property="og:image" content="DefaultSeo.snsShareImage" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="627" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="TECNO Mobile"> <meta name="twitter:url" content="url" /> <meta name="twitter:title" content="DefaultSeo.seoTitle" /> <meta name="twitter:description" content="DefaultSeo.seoDescriptions" /> <meta name="twitter:image" content="DefaultSeo.snsShareImage" /> <link rel="profile" href="https://a9.com/-/spec/opensearch/1.1/" /> <link rel="search" type="application/opensearchdescription+xml" href="/?type=7567" title="Website Search" /> <link rel="dns-prefetch" href="https://d316acfc88wber.cloudfront.net"> <script src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/js/jquery.min.js"></script> <script src="/utils/vue.js"></script> <script src="/utils/axios.min.js"></script> <script src="/utils/request.js"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PLK3BRH');</script> <!-- End Google Tag Manager --> <script> let url = window.location.href let title if(getparam().length == 2){ title = 'home' console.log('首页seo') }else { if(url.includes('/?search=')){ let all_phones = url.replace('/?search=','-').split('/')[3] title = all_phones }else { let pathname = window.location.pathname.substr(1) title = pathname.substring(0, pathname.length-1) } console.log(title,'其它二级页面seo') } post('/home/init',{title:title}).then((res)=>{ let DefaultSeo = res.data console.log(DefaultSeo,'getSeo'); document.title = DefaultSeo.seoTitle; document.querySelector('link[rel="alternate"]').setAttribute("href", url); document.querySelector('link[rel="canonical"]').setAttribute("href", url); // 修改描述meta标签 document.querySelector('meta[name="keywords"]').setAttribute("content", DefaultSeo.seoKeywords); document.querySelector('meta[name="description"]').setAttribute("content", DefaultSeo.seoDescriptions); document.querySelector('meta[property="og:title"]').setAttribute("content", DefaultSeo.seoTitle); document.querySelector('meta[property="og:description"]').setAttribute("content", DefaultSeo.seoDescriptions); document.querySelector('meta[property="og:url"]').setAttribute("content", url); document.querySelector('meta[property="og:image"]').setAttribute("content", DefaultSeo.snsShareImage); document.querySelector('meta[name="twitter:url"]').setAttribute("content", url); document.querySelector('meta[name="twitter:title"]').setAttribute("content", DefaultSeo.seoTitle); document.querySelector('meta[name="twitter:description"]').setAttribute("content", DefaultSeo.seoDescriptions); document.querySelector('meta[name="twitter:image"]').setAttribute("content", DefaultSeo.snsShareImage); }) </script> <link href="/static/css/vendors.9f695.min.css" rel="stylesheet"> <link href="/static/css/common.9f695.min.css" rel="stylesheet"> <link href="/static/css/common-media.9f695.min.css" rel="stylesheet"> <link href="/static/css/home.9f695.min.css" rel="stylesheet"> </head> <body> <header class="header-new" id="header"> <div class="header-wrapper"> <a href="/" title="tecno logo"> <img class="tecno-logo" src="https://d3fyizz0b46qgr.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg" alt="tecno logo"> </a> <nav class="nav"> <ul class="nav-menu" :class="{'on-top':mActive}"> <li v-for="(menuItem,menuIndex) in menus" :key="menuIndex" @mouseover="changeActive($event)" @mouseout="removeActive($event)"> <div class="a" v-if="menuItem.skip_url"> <a rel="nofollow" :href="menuItem.skip_url" class="nav-group" :title="menuItem.title">{{menuItem.title}}</a> <span class="icon icon-arrow-down nav-group" @click="mobileActive"></span> </div> <div class="nav-submenu" :class="{'visible':mActive}"> <div class="nav-submenu-wrapper"> <ul class="secondary-products visible"> <li v-for="(items,indexs) in menuItem.products" :key="indexs"> <a :href="'/'+items.static_url" :title="items.title"> <div class="nav-submenu-img"> <img class="navi-lazyload" :src="items.thumb" :alt="items.alt_name" :data-src="items.thumb"> </div> <div class="nav-submenu-info"> <p class="nav-submenu-type" v-if="items.new_status == 1">NEW</p> <p class="nav-submenu-title">{{items.title}}</p> <p class="nav-submenu-price" v-if="items.price>0"> <i>From</i> ₹ <span>{{items.price}}</span> </p> <p class="nav-submenu-price" v-else> <span>Coming soon</span> </p> </div> </a> </li> </ul> </div> </div> </li> </ul> </nav> <div class="search-wrapper"> <form action="/phones"> <input name="search" autocomplete="off" type="search" placeholder="TECNO" class="search-input"> </form> <div class="icon-wrapper"> <a href="/phones" title="search"> <span class="icon icon-search2"></span> </a> <!-- <a href="https://in-passport.tecno.com/login" title="login"><span class="icon icon-user2"></span></a>--> <span class="icon icon-menu2"></span> </div> </div> </div> <div class="tab-wrapper"> <div class="tab-item"> <span>Recommended</span> <em></em> </div> <div class="tab-item"> <span class="icon tecno"></span> <em></em> </div> <div class="tab-item"> <span class="icon pova"></span> <em></em> </div> <div class="tab-item"> <a href="https://ind-spot.shalltry.com/#/following" onclick="gtag('event','Buy Link',{'event_category':'Click','event_label':this.href})" title="t-spot"> <span class="icon t-spot"></span> </a> <em></em> </div> <div class="tab-item"> <a href="/megabook-t1" onclick="gtag('event','Buy Link',{'event_category':'Click','event_label':this.href})" title="Megabook"> <span class="megabook">Megabook</span> </a> <em></em> </div> </div> </header> <script src="/utils/header.js"></script> <div id="home"> <h1 class="in-h1-title">TECNO Mobile phone</h1> <div class="root-section-wrapper"> <div class="section-wrapper"> <div class="index-content recommended-section-wrapper"> <div class="content-wrapper"> <section class="banner-swiper"> <div class="swiper-container" id="NewbannerSwiper"> <div class="swiper-wrapper" style="width: 100vw"> <div class="swiper-slide" v-for="(item,index) in bannerList" :key="index"> <div class="banner banner-product banner-dark"> <a :href="item.skip_url" :title="'TECNO '+item.alt_name"> <picture> <source :srcset="item.image" media="(max-width: 768px)"> <source :srcset="item.pc_image" media="(min-width: 769px)"> <img srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy35x15.png.webp" :alt="'TECNO '+item.alt_name"> </picture> </a> </div> </div> </div> </div> </section> <!--手机端显示--> <!--banner 下的导航--> <section class="navi-wrapper"> <div class="navi-item"> <a href="/phones" title="TECNO Visual matches"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/icon1.png.webp" alt="TECNO Visual matches"> <span>Recommended</span> </a> </div> <div class="navi-item"> <a href="/accessories/product-list" title="TECNO Icons Computer Cables And Adapters Free Icon"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/icon2.png.webp" alt="TECNO Icons Computer Cables And Adapters Free Icon"> <span>Accessories</span> </a> </div> <div class="navi-item"> <a href="/phones/?search=smartphones" title="TECNO Smartphone"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/icon3.png.webp" alt="TECNO Smartphone"> <span>SmartPhones</span> </a> </div> <div class="navi-item"> <a href="/phones?search=laptops" title="TECNO LAPTOPS"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/icon4.png.webp" alt="TECNO LAPTOPS"> <span>Laptops</span> </a> </div> </section> <section class="new-product-wrapper"> <div class="sec-header"> <div class="category-selector"> <h2 class="sec-title font-bold">New Launches</h2> </div> <a href="/phones/?search=newlaunches" title="New Launches" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="banner1 newbanner1"> <a v-for="(mlaunitem,mlaunindex) in recommendList.newLaunches" :key="mlaunindex" v-if="mlaunindex < 1" :href="mlaunitem.skip_url" :title="mlaunitem.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy70x25.png.webp" :data-src="mlaunitem.image" :alt="mlaunitem.alt_name"> </a> </div> <div class="banner2"> <a v-for="(mlaunitem,mlaunindex) in recommendList.newLaunches" :key="mlaunindex" v-if="mlaunindex > 0" :href="mlaunitem.skip_url" :title="mlaunitem.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy70x25.png.webp" :data-src="mlaunitem.image" :alt="mlaunitem.alt_name"> </a> </div> </section> <!--手机端显示 end--> <section class="sec normal"> <div class="sec-wrapper"> <div class="sec-header switch"> <div class="category-selector"> <h2 class="sec-title font-bold">New Launches</h2> <ul class="sec-switch"> <li title="SmartPhones" class="gtag font-bold active" data-index="0" data-target="newlaunches">SmartPhones</li> <li title="Laptops" class="gtag" data-index="1" data-target="newlaunches">Laptops</li> <li title="Accessories" class="gtag" data-index="2" data-target="newlaunches">Accessories</li> </ul> </div> <a href="/phones/?search=newlaunches" title="SmartPhones" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="swiper-container" id="newlaunches"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-content"> <a class="plate-normal plate-hover home-background-img" v-for="(phoneitem,phoneindex) in newLaunchesList.smartPhones" :key="phoneindex" :href="phoneitem.skip_url" :title="phoneitem.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="phoneitem.thumb" :alt="phoneitem.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{phoneitem.title}}</h3> <p class="sell-point">{{phoneitem.intro}}</p> <div class="plate-normal-price" v-if="phoneitem.price>0"> ₹ <span class="font-bold tag-product-price">{{phoneitem.price}}</span> <del class="del-price" v-if="phoneitem.origin_price>0">₹<span>{{phoneitem.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-if="phoneitem.new_status == 1">NEW</span> </a> </div> </div> <div class="swiper-slide"> <div class="product-content product-content-grid1"> <a class="plate-normal plate-hover home-background-img" v-for="(laptopsitem,laptopsindex) in newLaunchesList.laptops" :key="laptopsindex" :href="laptopsitem.skip_url" :title="laptopsitem.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="laptopsitem.thumb" :alt="laptopsitem.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{laptopsitem.title}}</h3> <p class="sell-point">{{laptopsitem.intro}}</p> <div class="plate-normal-price" v-if="laptopsitem.price>0"> ₹ <span class="font-bold tag-product-price">{{laptopsitem.price}}</span> <del class="del-price" v-if="laptopsitem.origin_price>0">₹<span>{{laptopsitem.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-if="laptopsitem.new_status == 1">NEW</span> </a> </div> </div> <div class="swiper-slide"> <div class="product-content product-content-grid1"> <a class="plate-normal plate-hover home-background-img" v-for="(acceitem,acceindex) in newLaunchesList.accessories" :key="acceindex" :href="acceitem.skip_url" :title="acceitem.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="acceitem.thumb" :alt="acceitem.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{acceitem.title}}</h3> <p class="sell-point">{acceitem.intro}}</p> <div class="plate-normal-price" v-if="acceitem.price>0"> ₹ <span class="font-bold tag-product-price">{{acceitem.price}}</span> <del class="del-price" v-if="acceitem.origin_price>0">₹<span>{{acceitem.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-if="acceitem.new_status == 1">NEW</span> </a> </div> </div> </div> </div> </div> </section> <section class="sec normal"> <div class="sec-wrapper"> <div class="sec-header switch"> <div class="category-selector"> <h2 class="sec-title font-bold">Recommended</h2> <ul class="sec-switch"> <li title="SmartPhones" class="gtag font-bold active" data-index="0" data-target="recommended">SmartPhones</li> <li title="Laptops" class="gtag" data-index="1" data-target="recommended">Laptops</li> <li title="Accessories" class="gtag" data-index="2" data-target="recommended">Accessories</li> </ul> </div> <a href="/phones" title="Recommended" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="swiper-container" id="recommended"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product-content"> <a class="plate-normal plate-hover home-background-img" v-for="(recphoneitem,recphoneindex) in recommendList.smartPhones" :key="recphoneindex" :href="recphoneitem.skip_url" :title="recphoneitem.product.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="recphoneitem.product.thumb" :alt="recphoneitem.product.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{recphoneitem.product.title}}</h3> <p class="sell-point">{{recphoneitem.product.intro}}</p> <div class="plate-normal-price" v-if="recphoneitem.product.price>0"> ₹ <span class="font-bold tag-product-price">{{recphoneitem.product.price}}</span> <del class="del-price" v-if="recphoneitem.product.origin_price>0">₹<span>{{recphoneitem.product.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-id="recphoneitem.product.new_status == 1">NEW</span> </a> </div> </div> <div class="swiper-slide"> <div class="product-content product-content-grid1"> <a class="plate-normal plate-hover home-background-img" v-for="(reclaptopsitem,reclaptopsindex) in recommendList.laptops" :key="reclaptopsindex" :href="reclaptopsitem.skip_url" :title="reclaptopsitem.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="reclaptopsitem.thumb" :alt="reclaptopsitem.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{reclaptopsitem.title}}</h3> <p class="sell-point">{{reclaptopsitem.intro}}</p> <div class="plate-normal-price" v-if="reclaptopsitem.price>0"> ₹ <span class="font-bold tag-product-price">{{reclaptopsitem.price}}</span> <del class="del-price" v-if="reclaptopsitem.origin_price>0">₹<span>{{reclaptopsitem.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-id="reclaptopsitem.new_status == 1">NEW</span> </a> </div> </div> <div class="swiper-slide"> <div class="product-content product-content-grid1"> <a class="plate-normal plate-hover home-background-img" v-for="(recacceitem,recacceindex) in recommendList.accessories" :key="recacceindex" :href="recacceitem.skip_url" :title="recacceitem.product.title"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="recacceitem.product.thumb" :alt="recacceitem.product.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title">{{recacceitem.product.title}}</h3> <p class="sell-point">{{recacceitem.product.intro}}</p> <div class="plate-normal-price" v-if="recacceitem.product.price>0"> ₹ <span class="font-bold tag-product-price">{{recacceitem.product.price}}</span> <del class="del-price" v-if="recacceitem.product.origin_price>0">₹<span>{{recacceitem.product.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="background-color: #0074c8;" v-if="recacceitem.product.new_status == 1">NEW</span> </a> </div> </div> </div> </div> </div> </section> <div class="sec-wrapper sec-video-news"> <section class="sec sec-news normal"> <div class="sec-header"> <div class="category-selector"> <h2 class="sec-title font-bold">Video</h2> </div> <a href="/video" title="video" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="sec-wrapper"> <div class="news-content"> <div class="swiper-container" id="NewvideoSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide" style="position: relative" v-for="(videoitem,videoindex) in recommendList.video" :key="videoindex"> <div class="play-icon" :data-url=video_s3_url+"videoitem.video_url"></div> <img class="lazyload" :src="videoitem.image" :data-src="videoitem.image" :data-url=video_s3_url+"videoitem.video_url" :alt="videoitem.title"> </div> </div> </div> </div> </div> </section> <section class="sec sec-news normal"> <div class="sec-header"> <div class="category-selector"> <h2 class="sec-title font-bold">News</h2> </div> <a href="/news" title="news" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="sec-wrapper"> <div class="news-content"> <div class="swiper-container" id="NewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(newsitem,newsindex) in recommendList.news" :key="newsindex"> <a :href="newsitem.skip_url"> <img class="lazyload" :src="newsitem.image" :data-src="newsitem.image" :alt="newsitem.title"> </a> </div> </div> </div> </div> </div> </section> </div> <section class="sec sec-cards sec-visible"> <div class="sec-wrapper"> <div class="card-wrapper"> <div class="card plate-hover"> <a href="/hios" title="hios"> <span class="lazyload"> <source srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/card1.jpg.webp" media="(max-width: 768px)"> <source srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/card1-pc.jpg.webp" media="(min-width: 769px)"> <img srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy35x15.png.webp" alt="hios"> </span> </a> </div> <div class="card plate-hover"> <a href="/aboutus" title="aboutus"> <span class="lazyload"> <source srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/card2.jpg.webp" media="(max-width: 768px)"> <source srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/card2-pc.jpg.webp" media="(min-width: 769px)"> <img srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy35x15.png.webp" alt="aboutus"> </span> </a> </div> </div> </div> <div class="blue"></div> </section> </div> </div> <div class="index-content tecno-section-wrapper"> <div class="content-wrapper"> <section class="banner-swiper"> <div class="swiper-container" id="tecnoBannerSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(tecnoBannerItem,tecnoBanneindex) in tecnoList.banner" :key="tecnoBanneindex"> <div class="banner banner-product banner-dark"> <a :href="tecnoBannerItem.skip_url" :title="tecnoBannerItem.alt_name"> <span class="banner-lazyload"> <source :srcset="tecnoBannerItem.image" media="(max-width: 768px)"> <source :srcset="tecnoBannerItem.image" media="(min-width: 769px)"> <source :srcset="tecnoBannerItem.image"> <img srcset="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy35x15.png.webp" alt="spark 20"> </span> </a> </div> </div> </div> </div> </section> <section class="navi-wrapper"> <div class="navi-item"> <a href="/phantom-series/product-list" title="TECNO Phantom X Mobile"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/mobile1.png.webp" alt="TECNO Phantom X Mobile"> <span>PHANTOM</span> </a> </div> <div class="navi-item"> <a href="/spark-series/product-list" title="TECNO SPARK 9T Mobile"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/mobile2.png.webp" alt="TECNO SPARK 9T Mobile"> <span>SPARK</span> </a> </div> <div class="navi-item"> <a href="/camon-series/product-list" title="TECNO CAMON 19 Pro Mobile"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/mobile3.png.webp" alt="TECNO CAMON 19 Pro Mobile"> <span>CAMON</span> </a> </div> <div class="navi-item"> <a href="/pop-series/product-list" title="TECNO POP 5 Pro Mobile"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" data-src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/home/mobile4.png.webp" alt="TECNO POP 5 Pro Mobile"> <span>POP</span> </a> </div> </section> <section class="product-one" v-if="tecnoList.phantom"> <div class="one-header"> <span class="one-title">PHANTOM</span> <div class="more-wrapper"><a href="/phantom-series/product-list" title="PHANTOM" data-gtag="home|more" class="sec-more gtag">View More ></a></div> </div> <div class="product-wrapper" v-for="(pitem,pindex) in tecnoList.phantom" :key="pindex"> <div class="plate-image-wrapper"> <a :href="pitem.skip_url" :title="pitem.product.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="pitem.image" :alt="pitem.product.alt_namen"> </a> </div> <div class="plate-content"> <h3 class="plate-normal-title">{{pitem.product.title}}</h3> <p class="sell-point">{{pitem.intro}}</p> <div class="plate-normal-bar"> <div class="plate-normal-price"> ₹<span class="font-bold tag-product-price">{{pitem.product.price}}</span> </div> <a :href="pitem.product.buy_url" :title="pitem.product.notify_me!=1?'Buy Now':'Notify Me'"> <div class="bt">{{pitem.product.notify_me!=1?'Buy Now':'Notify Me'}}</div> </a> </div> </div> </div> </section> <section class="product-one" v-if="tecnoList.camon"> <div class="one-header"> <span class="one-title">CAMON</span> <div class="more-wrapper"> <a href="/camon-series/product-list" title="camon series" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> </div> <div class="product-wrapper" v-for="(citem,cindex) in tecnoList.camon" :key="cindex"> <div class="plate-image-wrapper"> <a :href="citem.skip_url" :title="citem.product.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="citem.image" :alt="citem.product.alt_namen"> </a> </div> <div class="plate-content"> <h3 class="plate-normal-title">{{citem.product.title}}</h3> <p class="sell-point">{{citem.intro}}</p> <div class="plate-normal-bar"> <div class="plate-normal-price"> ₹<span class="font-bold tag-product-price">{{citem.product.price}}</span> </div> <a :href="citem.product.buy_url" :title="citem.product.notify_me!=1?'Buy Now':'Notify Me'"> <div class="bt">{{citem.product.notify_me!=1?'Buy Now':'Notify Me'}}</div> </a> </div> </div> </div> </section> <section class="product-one" v-if="tecnoList.spark"> <div class="one-header"> <span class="one-title">SPARK</span> <div class="more-wrapper"> <a href="/spark-series/product-list" title="SPARK" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> </div> <div class="product-wrapper" v-for="(sitem,sindex) in tecnoList.spark" :key="sindex"> <div class="plate-image-wrapper"> <a :href="sitem.skip_url" :title="sitem.product.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="sitem.image" :alt="sitem.product.alt_namen"> </a> </div> <div class="plate-content"> <h3 class="plate-normal-title">{{sitem.product.title}}</h3> <p class="sell-point">{{sitem.intro}}</p> <div class="plate-normal-bar"> <div class="plate-normal-price"> ₹<span class="font-bold tag-product-price">{{sitem.product.price}}</span> </div> <a :href="sitem.product.buy_url" :title="sitem.product.notify_me!=1?'Buy Now':'Notify Me'"> <div class="bt">{{sitem.product.notify_me!=1?'Buy Now':'Notify Me'}}</div> </a> </div> </div> </div> </section> <section class="product-one" v-if="tecnoList.pop"> <div class="one-header"> <span class="one-title">POP</span> <div class="more-wrapper"> <a href="/pop-series/product-list" title="POP" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> </div> <div class="product-wrapper" v-for="(popitem,popindex) in tecnoList.pop" :key="popindex"> <div class="plate-image-wrapper"> <a :href="popitem.skip_url" :title="popitem.product.alt_name"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="popitem.image" :alt="popitem.product.alt_namen"> </a> </div> <div class="plate-content"> <h3 class="plate-normal-title">{{popitem.product.title}}</h3> <p class="sell-point">{{popitem.intro}}</p> <div class="plate-normal-bar"> <div class="plate-normal-price"> ₹<span class="font-bold tag-product-price">{{popitem.product.price}}</span> </div> <a :href="popitem.product.buy_url" :title="popitem.product.notify_me!=1?'Buy Now':'Notify Me'"> <div class="bt">{{popitem.product.notify_me!=1?'Buy Now':'Notify Me'}}</div> </a> </div> </div> </div> </section> <section class="sec normal"> <div class="sec-header"> <div class="category-selector"> <h2 class="sec-title font-bold">Accessories</h2> </div> <a href="/accessories/product-list" title="Accessories" class="sec-more gtag" data-gtag="home|more">View More ></a> </div> <div class="product-content"> <a class="plate-normal plate-hover home-background-img gtag" v-for="(mAcceitem,mAcceindex) in recommendList.accessories" :key="mAcceindex" :href="mAcceitem.skip_url" :title="mAcceitem.product.title" data-gtag="home|product_realme Buds Q2"> <div class="plate-normal-image"> <img class="lazyload" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/static/lazy.png.webp" :data-src="mAcceitem.product.thumb" :alt="mAcceitem.product.alt_name"> </div> <div class="plate-content banner-light"> <h3 class="plate-normal-title"> {{mAcceitem.product.title}} </h3> <p class="sell-point">{{mAcceitem.product.intro}}</p> <div class="plate-normal-price" v-if="mAcceitem.product.price>0"> ₹ <span class="font-bold tag-product-price">{{mAcceitem.product.price}}</span> <del class="del-price" style="display: inline;" v-if="mAcceitem.product.origin_price>0">₹<span>{{mAcceitem.product.origin_price}}</span></del> </div> <div class="plate-normal-price" v-else> <span class="font-bold tag-product-price">Coming soon</span> </div> </div> <span class="point-tag" style="color: white; background-color: #0074c8;" v-if="mAcceitem.product.new_status == 1">NEW</span> </a> </div> </section> </div> </div> <div class="index-content pova-section-wrapper"> <div class="content-wrapper"> <section class="product-setion"> <div class="product-wrapper"> <a href="/home-pova51" title="POVA" id="home-pova51"> <video muted="" autoplay="" loop="" playsinline="true" webkit-playsinline="true" src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/home/1.mp4"></video> </a> </div> </section> <section class="product-setion"> <div class="product-wrapper"> <a href="/home-pova52" title="POVA" id="home-pova52"> <img src="https://tecno-mobile-in.s3.amazonaws.com/bucket/resource/home/2.jpg.webp" alt="POVA"> </a> </div> </section> </div> </div> </div> </div> </div> <div class="dialog-video" style="display: none;"> <div class="dialog-video-container"> <a href="javascript:;" class="dialog-video-close" title="Close Video"></a> <div class="video-box"> <!--common.js里调用--> </div> </div> </div> <footer class="footer r-cookie-footer"> <div class="footer-center"> <div class="footer-menus"> <div class="wrapper"> <div class="footer-menu"> <div class="footer-menu-title">About TECNO<span class="icon icon-arrow-down"></span></div> <ul class="footer-menu-list"> <li><a href="/aboutus" title="About Us">About Us</a></li> <li><a href="/news" title="News">News</a></li> <li><a href="/video" title="Video">Video</a></li> <li><a href="/hacksploring" title="Tecno Hack-sploring">Tecno Hack-sploring</a></li> <li><a href="https://vrstore.tecno-mobile.com" title="TECNO VR store">TECNO VR store</a></li> </ul> </div> <div class="footer-menu"> <div class="footer-menu-title">Products<span class="icon icon-arrow-down"></span></div> <ul class="footer-menu-list"> <li><a href="/phones?search=PHANTOM" title="PHANTOM">PHANTOM</a></li> <li><a href="/phones?search=camon" title="Camon">Camon</a></li> <li><a href="/phones?search=spark" title="SPARK">SPARK</a></li> <li><a href="/phones?search=pova" title="POVA">POVA</a></li> <li><a href="/phones?search=pop" title="POP">POP</a></li> <li><a href="/phones?search=laptops" title="laptops">LAPTOPS</a></li> <li><a href="/phones?search=accessories" title="Accessories">Accessories</a></li> </ul> </div> <div class="footer-menu"> <div class="footer-menu-title">Help & Support<span class="icon icon-arrow-down"></span></div> <ul class="footer-menu-list"> <li><a href="/phantom-v-fold-extended-warranty-t-cs" title="Phantom V Fold Extended Warranty T&Cs" class="small"><span>Phantom V Fold Extended Warranty T&Cs</span></a></li> <li><a href="/phantom-v-fold-screen-replacement-t-cs" title="Phantom V Fold Screen Replacement T&Cs" class="small"><span>Phantom V Fold Screen Replacement T&Cs</span></a></li> <li><a href="/faq" title="FAQ">FAQ</a></li> <li><a href="/download" title="Downloads">Downloads</a></li> <li><a href="/carlcare" title="Service Centers">Service Centers</a></li> <li><a href="/warranty" title="Warranty Chec">Warranty Check</a></li> <li><a href="/promise" title="Promise">Promise</a></li> <li><a href="/feedback" title="Contact Us">Contact Us</a></li> <li><a href="/e-waste" title="E-waste Management">E-waste Management</a></li> <li><a href="https://security.tecno.com/dashboard" title="Security Response Center">Security Response Center</a></li> </ul> </div> <!-- <div class="footer-menu"> <div class="footer-menu-title">Investor Relations<span class="icon icon-arrow-down"></span></div> <ul class="footer-menu-list"> <li style="white-space: nowrap;"><a href="/annual-return/">Annual Return</a></li> <li style="white-space: nowrap;"><a href="/notice-of-general-meeting/">Notice of General Meeting</a></li> <li style="white-space: nowrap;"><a href="/general-notice/">General Notice</a></li> <li><a href="/corporate-social-responsibility/">Corporate Social Responsibility (CSR)</a></li> </ul> </div> --> <div class="footer-menu"> <div class="footer-menu-title">Apps & Services<span class="icon icon-arrow-down"></span></div> <ul class="footer-menu-list"> <li style="white-space: nowrap;"><a href="/hios" title="HiOS">HiOS</a></li> <li style="white-space: nowrap;"><a href="/retail-partner" title="Retail Partner">Retail Partner</a></li> <li style="white-space: nowrap;"><a href="/distributer-partner" title="Distributer Partner">Distributer Partner</a></li> </ul> </div> </div> </div> <div class="footer-contact"> <!-- <div class="footer-contact-phone"><a href="tel:18004190525" rel="nofollow">1800 419 0525</a></div> <div class="footer-contact-time">9:00-18:00, MON-SUN <br> Including Holidays</div> <div class="footer-contact-online"><a href="/carlcare/" rel="nofollow" title="chat support"><span class="icon icon-chat"></span>SERVICE SUPPORT</a></div> <div class="footer-contact-time">9:00-18:00, MON-SUN <br> Including Holidays</div> --> <div class="footer-logo"> <span class="icon icon-logo"></span> </div> <div class="footer-socials"> <a rel="nofollow" href="https://www.facebook.com/TecnoMobileIndia" class="footer-social" title="facebook"><span class="icon icon-facebook"></span></a> <a rel="nofollow" href="https://twitter.com/TecnoMobileInd" class="footer-social" title="twitter"><span class="icon icon-twitter"></span></a> <a rel="nofollow" href="https://www.youtube.com/TecnoMobileIndia" class="footer-social" title="youtube"><span class="icon icon-youtube"></span></a> <a rel="nofollow" href="https://www.instagram.com/tecnomobileindia" class="footer-social" title="instagram"><span class="icon icon-instagram"></span></a> </div> <div class="contact_details"> <b>G-Mobile Devices Private Limited</b><br> <b>Corporate Identity Number (CIN):</b> U74999UP2016FTC085989<br> <b>Registered Office:</b> Unit No. B - 301, Third Floor, Tower – B, Advant IT Park, Plot No. - 7, Sector - 142, Noida, Uttar Pradesh 201301<br> <b>Contact No.:</b>+91 – 120 – 6650888<br> <b>Email:</b>info.in@transsion.com<br> <b>Website:</b>www.tecno-mobile.in<br> <b>For any grievances or queries: Contact at:</b>info.in@transsion.com </div> </div> </div> <div class="footer-region"><a rel="nofollow" href="javascript:;" id="countryLink" title="India">India</a></div> <div class="footer-bottom"> <div class="wrapper"> <div class="copyright"> ©2021-2025 TECNO Mobile </div> <div class="footer-legal"> <a href="/privacy-policy" class="legal-link" title="Privacy Policy">Privacy Policy</a> <a href="/terms-of-use" class="legal-link" title="Terms of Use">Terms of Use</a> <a href="/site-map" class="legal-link" title="Site Map">Site Map</a> </div> </div> </div> </footer> <div class="whatsapp-message"> <a href="https://izea.pl/ctb/TECNOWEB" target="_blank" title="Whatsapp"> <img src="https://img.tecno-mobile.in/bucket/resource/static/whatsapp-icon.png.webp" alt="Whatsapp"> <div class="showmeb"><div class="showme">WhatsApp us</div></div> </a> </div> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PLK3BRH" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <style> .icon-twitter::before,.icon-instagram::before,.icon-facebook:before{ display: none; } </style> <script> var ww = 768 < window.innerWidth ? 1200 : window.innerWidth, fontBase = 375; 768 < ww && (fontBase = 1200); var fontSize = 100 * ww / fontBase, defaultSize = window.getComputedStyle(document.documentElement).getPropertyValue("font-size"), targetSize = fontSize / parseFloat(defaultSize) * 100 + "%"; console.log(defaultSize); document.documentElement.style.fontSize = targetSize; </script> <script src="/static/js/manifest.bundle.js"></script> <script src="/static/js/vendors.2ee1d499b9b79e95c624.js"></script> <script src="/static/js/common.dbd6a7768df1d28a1f2b.js"></script> <script src="/static/js/home.6a0ad3800646afaa439e.js"></script> <script src="https://d3fyizz0b46qgr.cloudfront.net/newfileadmin/templates/js/swiper.min.js"> </script> <script src="/utils/home/home.js"></script> </body> </html>