{"id":27814,"date":"2024-09-04T19:28:46","date_gmt":"2024-09-04T19:28:46","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/services\/360-degree-3d-virtual-tour\/"},"modified":"2024-12-09T02:18:06","modified_gmt":"2024-12-09T02:18:06","slug":"creative-interactive","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/services\/creative-interactive\/","title":{"rendered":"Creative Interactive"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n                            <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>360 Virtual Tour<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>We specialize in creating one-of-a-kind, feature-rich, high-quality 360 virtual tours tailored to your company&#8217;s needs. Our tailored approach will ensure that we meet all of your requirements, from a single high resolution 360 panorama to an extensive virtual tour complete with a custom-designed user interface.<\/p>\n<\/div>\n                                    <\/div>\n                <a href=\"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/quotation\/\" class=\"inline-block mt-8 md:mt-12 lg:mt-16 px-4 py-1 text-primary hover:text-light hover:bg-primary duration-300 font-semibold border-2 border-primary fs-xl\">GET A QUOTE<\/a>            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n<div class=\"TextWithImage\" style=\"opacity: 1; transform: none;\">\n    <div id=\"\" class=\"flex justify-center items-center max-w-screen-3xl mx-auto\">\n        <div class=\"flex justify-center items-center 2xl:px-36 lg:px-24 md:px-8 px-4 py-16 flex flex-col  lg:flex-row\">\n            <div class=\"leading-relaxed w-full text-lg  lg:mr-8\">\n                <div class=\"text-primary fs-5xl font-primary font-semibold leading-tight mb-4\">\n                    <h2>Showcase Your Business with 360 Virtual Tour<\/h2>\n                <\/div>\n                <div class=\"mb-4 font-light font-primary fs-lg text-secondary\"><p>A 360 Virtual Tour, also known as Google Business View, is a simulation of a real location made with media, including still photography, 360-degree panoramas, video, text, narration, and more that gets published on Google Search, Google Maps, and Google. Virtual tours offers viewers to see a business interior premises and have a complete interactive experience with it without having to actually go there.<\/p>\n<\/div><div class=\"mb-4 font-light font-primary fs-lg text-secondary\"><p>When viewing a 360 virtual tour, you can interact with the tour by using your computer, mobile phone or tablet to \u201clook around\u201d in any direction: to the left, to the right or even backward of the location. This gives you a true sense of what it would be like to visit the location.<\/p>\n<\/div>            <\/div>\n            <div class=\"w-full mt-8 lg:mt-0 relative overflow-hidden lg:my-0 my-8\"><img decoding=\"async\" width=\"795\" height=\"253\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-showcase-your-business-with-360_9986690d.webp\" alt=\"360 vitural tour AR with a men\" loading=\"lazy\" title=\"\" class=\"w-full h-full  img_effect\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<section class=\"SeoPlayer relative\" style=\"\">\n    <div class=\" bg-center bg-cover bg-no-repeat bg-player-pattern hover:bg-player-hover-pattern relative \" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/SEOPlayer-bg-img_b9a7e8c2.png&quot;);\">\n        <div class=\"py-8 px-4 lg:py-12 xl:py-16\" style=\"background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);\">\n            <div class=\"mx-auto\">\n                <div class=\"flex flex-col justify-center items-center z-10 relative\">\n                    <div class=\"font-semibold text-center fs-4xl text-light\">\n                        <h2 class=\"text-light opacity-100\"><span>IMMERSIVE 360 VIRTUAL TOUR<\/span><\/h2>\n                    <\/div>\n                    <div aria-label=\"play\" class=\"xl:w-[112px] xl:h-[112px] md:w-[100px] md:h-[100px] w-[70px] h-[70px] mt-4 play-btn-wrapper\">\n                        <button class=\"play-btn\"><img decoding=\"async\" width=\"27\" height=\"30\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/360\/SEOPlayer-play-btn_a5fcba58.png\" alt=\"Playn Button\" loading=\"lazy\"><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"iframeVideo fixed top-0 left-0 w-full h-full lg:px-10 xl:px-4 popup hidden\" id=\"popup\" style=\"opacity: 1;\">\n            <div class=\"iframe-wrapper\">\n                <div class=\"text-right\">\n                    <button tabindex=\"0\" title=\"close\" aria-label=\"close\" class=\"btnclose\"><svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" color=\"white\" height=\"28\" width=\"28\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color: white;\">\n                            <path d=\"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"><\/path>\n                        <\/svg><\/button><\/div>\n                <div class=\"embed-container\">\n                    <iframe title=\"seo player\" src=\"https:\/\/www.youtube.com\/embed\/Zww8xdLiw34\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" class=\"mx-auto\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\" style=\"height: 326.25px; width: 580px;\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \n    const playBtn = document.querySelector(\".SeoPlayer .play-btn\");\n    const iframeVideo = document.querySelector(\".SeoPlayer .iframeVideo\");\n    const btnclose = document.querySelector(\".SeoPlayer .iframeVideo .btnclose\");\n\n    playBtn && playBtn.addEventListener(\"click\", function() {\n        iframeVideo.style.display = \"block\";\n    })\n\n    btnclose && btnclose.addEventListener(\"click\", function() {\n        iframeVideo.style.display = \"none\";\n    })\n\n\n    \/\/ handle iframe ratio\n    const iframeWrapperRef = document.querySelector('.iframe-wrapper');\n    const iframe = document.querySelector('.iframe-wrapper iframe');\n\n    const handleIframeRatio = () => {\n        if (iframeWrapperRef) {\n            const _wStyle = getComputedStyle(iframeWrapperRef);\n            const _wWidth = \n            iframeWrapperRef.offsetWidth - \n            parseFloat(_wStyle.paddingLeft) - \n            parseFloat(_wStyle.paddingRight);\n            \n            let _height = (9 * _wWidth) \/ 16;\n\n            if (_height < window.innerHeight) {\n            \/\/ Set the iframe dimensions directly\n            iframe.style.width = `${_wWidth}px`;\n            iframe.style.height = `${_height}px`;\n            } else {\n            _height = window.innerHeight - 24;\n            let _width = (16 * _height) \/ 9;\n            \/\/ Set the iframe dimensions directly\n            iframe.style.width = `${_width}px`;\n            iframe.style.height = `${_height}px`;\n            }\n        }\n    };\n\n    handleIframeRatio();\n    window.addEventListener(\"resize\", handleIframeRatio);\n\n<\/script>\n<section class=\"CaseStudyVirtualTour\">\n    <div class=\"font-primary py-16\">\n        <div class=\"container mx-auto px-6 max-w-7xl 2xl:px-0\">\n            <div class=\"text-center font-semibold text-primary fs-5xl\">\n                <h2>Premium High-Quality Virtual Tour<\/h2>\n            <\/div>\n            <div class=\"text-center my-5 xl:my-9 text-secondary fs-lg font-light\"><p>Let your clients be fully immersed in an environment to virtually put them right there in your location that is very useful in making their decision and boost deep engagement. Whether you want to showcase your property or business, we can take you to the next level of interactivity!<\/p>\n<\/div>\n        <\/div>\n        <div class=\"w-full lg:max-w-6xl lg:mx-auto lg:px-6 tourvideo\">\n            <iframe loading=\"lazy\" title=\"visible businesstour\"\n                data-loading=\"lazy\"\n                className=\"visible businesstour lazyloaded\"\n                src=\"https:\/\/live.tourdash.com\/embed\/c336a2d8a982482a9cc9667de8b8e177?bg=rgba(26,172,214,1)&amp;fg=rgba(255,255,255,1)&amp;txt=Tap%20to%20view%20the%20virtual%20tour\"\n                width=\"100%\"\n                height=\"600\"\n                data-frameborder=\"0\"\n                data-allowfullscreen=\"allowfullscreen\"\n                data-rocket-lazyload=\"fitvidscompatible\"\n                data-lazy-src=\"https:\/\/live.tourdash.com\/embed\/c336a2d8a982482a9cc9667de8b8e177?bg=rgba(26,172,214,1)&amp;fg=rgba(255,255,255,1)&amp;txt=Tap%20to%20view%20the%20virtual%20tour\"\n                data-was-processed=\"true\"\n            ><\/iframe>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"TextWithImageWithSubtitle\">\n    <div id=\"\" class=\"flex justify-center items-center max-w-screen-3xl mx-auto\">\n        <div class=\"flex justify-center items-center 2xl:px-36 lg:px-24 md:px-8 px-4 py-16 flex-col-reverse  lg:flex-row-reverse  \">\n            <div class=\"leading-relaxed w-full text-lg  lg:ml-8\">\n                <h2 class=\"font-primary font-bold text-themeSecondary uppercase fs-xl mb-5\">GOOGLE VIRTUAL TOUR<\/h2>\n                <div class=\"text-primary fs-5xl font-primary font-semibold leading-tight mb-4\">\n                    <h2>The Best Way Customers Get to Know You<\/h2>\n                <\/div>\n                <div class=\"mb-4 font-light font-primary fs-lg text-secondary\"><p>Virtual reality opens incredible marketing opportunities. Virtual tours are a great way to present your business to the world. This innovative marketing tactic seeks to provide a realistic and authentic experience that not just showcase your business, but also combines a communicative and creative way to show your unique brand identity that customers get to know you better.<\/p>\n<p>People are loving virtual reality and now any business, big or small can capitalize on this emerging technology. Discover where to start and how to make your brand stand out with VR technology.<\/p>\n<\/div>\n            <\/div>\n                        <div class=\"w-full mt-8 lg:mt-0 relative overflow-hidden lg:my-0 my-8\"><img decoding=\"async\" width=\"795\" height=\"253\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Google-Virtual-Tour_c0801c11-1.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full img_effect\"><\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<div class=\"ThreeSixtyBanner bg-themePrimary\/10\">\n    <div class=\" flex justify-center items-center bg-no-repeat bg-contain h-32 xl:h-40 2xl:h-60 p-6 sm:p-10 bgIcon\" style=\"background-image: url(https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/360_3c33f77e.png);\">\n        <div class=\"fs-4xl text-primary text-center font-semibold font-primary sm:max-w-[80%] leading-normal sm:leading-normal xl:leading-normal\">GET YOUR 360 VIRTUAL TOUR FOR YOUR BUSINESS NOW<\/div>\n    <\/div>\n<\/div>\n<div class=\"CaseStudyVirtual py-8 md:py-12 xl:py-16 px-5\" id=\"\" style=\"background-color: rgb(255, 255, 255);\">\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto\">\n        <div class=\"fs-5xl font-semibold text-center text-primary mb-7\">\n            <h2>Get Your Resort a Premium 360 Virtual Tour<\/h2>\n        <\/div>\n        <div class=\"fs-2xl font-semibold text-center mb-5 case-study-subtitle\" style=\"color: #FAB31E;\">\n            POWERED BY GOOGLE TRUSTED TEAM<\/div>\n        <div class=\"max-w-[900px] mx-auto\">\n            <div class=\"fs-lg font-light text-secondary text-center\"><p>Google 360 Virtual Tour is an innovative way to showcase the environment of different industries that give a sense of presence to your customers or to show viewers a landscape in all its beauty. Save your time and money. We will do the work for you by producing superior quality Google virtual tour for business, while you focus on managing communication with your clients.<\/p>\n<\/div>\n        <\/div>\n        <div class=\"my-8\">\n            <div class=\"swiper csVirtualSwiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>RESTAURANT\/CLUB<br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Reception, Entrance, Kitchen \/ Private Room, Toilet \/ Restrooms, Smoking Area<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Restaurant_ceceaf06.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>HOTEL\/RESORT<br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Lobby or Reception, Swimming Pool, Gym Room, Parking Space<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Hotel_eb468c5e.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>RETAIL\/SHOW ROOM\/SALON <br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Entrance, Featured Product Area, Cashier Area, Restrooms, Consultation or Meeting Area<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Retail_be550627.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>REAL ESTATE<br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Featured Rooms, Kitchen, Living Room, Facilities Around, Activities Rooms Around<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Real-estate_f7a8f1f3.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>SCHOOL\/EDUCATION CENTER<br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Classroom\/Function Rooms, Sports Area\/ Outdoor Venue, Library, Laboratories, Department Offices<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-School_11463b11.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>OFFICE\/BUSINESS CENTER <br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Pantry\/Eating Area, Conference\/Meeting Rooms, Entrance<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Business-center_c7400d0c.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>SHOPPING MALL\/HOSPITAL <br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Reception\/Entrance, Building Area, Shops\/Rooms at different floor, Functions and Facilities for Visitor, Parking Area<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Shopping-mall_c261c42d.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>SPORT AREAS\/OUTDOOR VENUE<br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Registration Area, Nearby Transportation, Event\/Attraction Area, Recreation Area, Smoking Area<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Sport-areas_420293cf.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div><div class=\"swiper-slide\">\n                                    <div class=\"px-1 mb-10\" >\n                                        <div class=\"relative\">\n                                            <div class=\"bg-overlay\">\n                                                <div class=\"flex-1\"><\/div>\n                                                <div class=\"overlay\">\n                                                    <div class=\"fs-base text-light mb-4\">\n                                                        <h3>WAREHOUSE <br><\/h3>\n                                                    <\/div>\n                                                    <div class=\"md:text-sm text-xs text-[#E4E4E4] text-center\"><p>Reception, Entrance, Office Area, Department Area, Equipment Area, Staff\u2019s Facility Room<\/p>\n<\/div>\n                                                <\/div>\n                                            <\/div><img decoding=\"async\" width=\"618\" height=\"346\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Warehouse_755ecfba.webp\" loading=\"lazy\" title=\"\" class=\"w-full h-full object-cover\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>                <\/div>\n\n                <div class=\"w-full flex justify-center pb-5\">\n                <div class=\"case-study-bottom-section flex items-center justify-center\">\n                    <div class=\"swiper-pagination\">\n                    <\/div>\n                    <div class=\"case-study-slider-playpause-btn pl-4 flex justify-center\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\" tabindex=\"0\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\" alt=\"pause icon\" class=\"cursor-pointer pause_btn\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"play icon\" tabindex=\"0\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\" alt=\"play icon\" class=\"hidden cursor-pointer play_btn\">\n                    <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function () {\n\n        const csVirtualSwiper = new Swiper('.csVirtualSwiper', {\n            direction: 'horizontal',\n            effect: 'slide',\n            speed: 1000,\n            loop: true,\n            autoplay: {\n                delay: 4000,\n                disableOnInteraction: false,\n            },\n            slidesPerView: 1,\n            slidesPerGroup: 1, \/\/ Default for < 767px\n            breakpoints: {\n                767: {\n                    slidesPerView: 2,\n                    slidesPerGroup: 2, \/\/ Moves 2 slides per group\n                },\n                1279: {\n                    slidesPerView: 3,\n                    slidesPerGroup: 3, \/\/ Moves 3 slides per group\n                },\n            },\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n                hide: true,\n            },\n            scrollbar: {\n                el: '.swiper-scrollbar',\n                hide: true,\n            },\n        });\n\n        document.querySelector('.case-study-slider-playpause-btn .pause_btn')?.addEventListener('click',function(){\n            csVirtualSwiper?.autoplay.stop();\n        document.querySelector('.case-study-slider-playpause-btn .pause_btn').classList?.add('hidden');\n        document.querySelector('.case-study-slider-playpause-btn .play_btn').classList?.remove('hidden');\n    })\n    document.querySelector('.case-study-slider-playpause-btn .play_btn')?.addEventListener('click',function(){\n        csVirtualSwiper?.autoplay.start();\n        document.querySelector('.case-study-slider-playpause-btn .play_btn').classList?.add('hidden');\n        document.querySelector('.case-study-slider-playpause-btn .pause_btn').classList?.remove('hidden');\n    })\n\n    document.querySelector('.case-study-slider-playpause-btn .pause_btn')?.addEventListener('keyup',function(e){\n        if(e.key==\"Enter\"){\n            csVirtualSwiper?.autoplay.stop();\n            document.querySelector('.case-study-slider-playpause-btn .pause_btn').classList?.add('hidden');\n            document.querySelector('.case-study-slider-playpause-btn .play_btn').classList?.remove('hidden');\n        }\n    })\n    document.querySelector('.case-study-slider-playpause-btn .play_btn')?.addEventListener('keyup',function(e){\n        if(e.key==\"Enter\"){\n            csVirtualSwiper?.autoplay.start();\n            document.querySelector('.case-study-slider-playpause-btn .play_btn').classList?.add('hidden');\n            document.querySelector('.case-study-slider-playpause-btn .pause_btn').classList?.remove('hidden');\n        }\n       \n    })\n    })();\n<\/script>\n<div id=\"\" class=\"SliderWithBGImg relative \">\n    <div class=\"relative\">\n        <div>\n            <div class=\"bg-img\"><\/div>\n        <\/div>\n        <div class=\"overlay\"><\/div>\n    <\/div>\n    <div class=\"md:px-[25px] px-4\"\n        style=\"background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);\">\n        <div class=\"swiper bgImgSwiper z-10\">\n            <div class=\"swiper-wrapper mb-12\">\n                <div class=\"swiper-slide md:px-[25px] px-4\">\n                    <div class=\"mb-5\" >\n                        <div class=\"lg:flex items-stretch 2xl:max-w-[1450px] md:max-w-[80%] m-auto\">\n                            <div class=\"flex-[2] flex items-center lg:justify-end justify-center lg:p-5 lg:max-w-none max-w-[200px] mx-auto\">\n                            <img decoding=\"async\" width=\"360\" height=\"360\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/a62_44407ba6.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"flex-[3] flex flex-col justify-center lg:my-0 my-7 sm:text-left text-center md:pl-5\">\n                                <div class=\"fs-6xl mb-4 text-light font-semibold\">\n                                    <h2><span>Search With Google<\/span><\/h2>\n                                    <span class=\"fs-2xl mb-4 font-semibold\" style=\"color:#FFFFFF;\">GOOGLE IS THE #1 FOR LOCAL SEARCH<\/span>\n                                <\/div>\n                                <div class=\"fs-lg text-light font-light\"><p>62% of Internet users use Google to search for restaurant and hostels online.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div><div class=\"swiper-slide md:px-[25px] px-4\">\n                    <div class=\"mb-5\" >\n                        <div class=\"lg:flex items-stretch 2xl:max-w-[1450px] md:max-w-[80%] m-auto\">\n                            <div class=\"flex-[2] flex items-center lg:justify-end justify-center lg:p-5 lg:max-w-none max-w-[200px] mx-auto\">\n                            <img decoding=\"async\" width=\"360\" height=\"360\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/a67_aea1e76e.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"flex-[3] flex flex-col justify-center lg:my-0 my-7 sm:text-left text-center md:pl-5\">\n                                <div class=\"fs-6xl mb-4 text-light font-semibold\">\n                                    <h2><span>Want More Virtual Tours<\/span><\/h2>\n                                    <span class=\"fs-2xl mb-4 font-semibold\" style=\"color:#FFFFFF;\">PEOPLE WANTS VIRTUAL TOURS<\/span>\n                                <\/div>\n                                <div class=\"fs-lg text-light font-light\"><p>Among the people surveyed, 67% of them prefer more business listings to have virtual tours.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div><div class=\"swiper-slide md:px-[25px] px-4\">\n                    <div class=\"mb-5\" >\n                        <div class=\"lg:flex items-stretch 2xl:max-w-[1450px] md:max-w-[80%] m-auto\">\n                            <div class=\"flex-[2] flex items-center lg:justify-end justify-center lg:p-5 lg:max-w-none max-w-[200px] mx-auto\">\n                            <img decoding=\"async\" width=\"360\" height=\"360\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/a48_e2ba1c4b.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"flex-[3] flex flex-col justify-center lg:my-0 my-7 sm:text-left text-center md:pl-5\">\n                                <div class=\"fs-6xl mb-4 text-light font-semibold\">\n                                    <h2><span>More Likely To Take Action<\/span><\/h2>\n                                    <span class=\"fs-2xl mb-4 font-semibold\" style=\"color:#FFFFFF;\">VIRTUAL TOUR PROMOTES DOUBLE INTEREST IN BUSINESS LISTING<\/span>\n                                <\/div>\n                                <div class=\"fs-lg text-light font-light\"><p>The users who browse listing via virtual tour are twice more likely to be interested in making reservation. Particularly audience between age of 18-34, they are 130% more likely to visit your store or make a reservation.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>            <\/div>\n            <div class=\"w-full flex justify-center pb-5 z-10\">\n                <div class=\"bg-swiper-bottom-section flex items-center justify-center\">\n                    <div class=\"swiper-pagination  z-20\"><\/div>\n                    <div class=\"bg-slider-playpause-btn pl-4 flex justify-center\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\" tabindex=\"0\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                            alt=\"pause icon\" class=\"cursor-pointer pause_btn min-w-[14px] min-h-[14px]\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"play icon\" tabindex=\"0\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                            alt=\"play icon\" class=\"hidden cursor-pointer play_btn min-w-[14px] min-h-[14px]\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    (function () {\n\n        const items = [{\"title\":\"Search With Google\",\"subTitle\":\"GOOGLE IS THE #1 FOR LOCAL SEARCH\",\"description\":\"<p>62% of Internet users use Google to search for restaurant and hostels online.<\\\/p>\\n\",\"bgImgUrl\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Search-with-Google_ab0af404.webp\",\"image\":{\"ID\":48131,\"id\":48131,\"title\":\"a62_44407ba6\",\"filename\":\"a62_44407ba6.svg\",\"filesize\":6907,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-cn\\\/services\\\/creative-interactive\\\/a62_44407ba6\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"a62_44407ba6\",\"status\":\"inherit\",\"uploaded_to\":27814,\"date\":\"2024-09-11 17:53:02\",\"modified\":\"2024-09-11 17:53:02\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a62_44407ba6.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}}},{\"title\":\"Want More Virtual Tours\",\"subTitle\":\"PEOPLE WANTS VIRTUAL TOURS\",\"description\":\"<p>Among the people surveyed, 67% of them prefer more business listings to have virtual tours.<\\\/p>\\n\",\"bgImgUrl\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Want-More-Virtual-Tours_2c67ef9b.webp\",\"image\":{\"ID\":48136,\"id\":48136,\"title\":\"a67_aea1e76e\",\"filename\":\"a67_aea1e76e.svg\",\"filesize\":6653,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-cn\\\/services\\\/creative-interactive\\\/a67_aea1e76e\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"a67_aea1e76e\",\"status\":\"inherit\",\"uploaded_to\":27814,\"date\":\"2024-09-11 17:53:03\",\"modified\":\"2024-09-11 17:53:03\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a67_aea1e76e.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}}},{\"title\":\"More Likely To Take Action\",\"subTitle\":\"VIRTUAL TOUR PROMOTES DOUBLE INTEREST IN BUSINESS LISTING\",\"description\":\"<p>The users who browse listing via virtual tour are twice more likely to be interested in making reservation. Particularly audience between age of 18-34, they are 130% more likely to visit your store or make a reservation.<\\\/p>\\n\",\"bgImgUrl\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-More-likely-to-take-action_c5a60976.webp\",\"image\":{\"ID\":48126,\"id\":48126,\"title\":\"a48_e2ba1c4b\",\"filename\":\"a48_e2ba1c4b.svg\",\"filesize\":6709,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-cn\\\/services\\\/creative-interactive\\\/a48_e2ba1c4b\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"a48_e2ba1c4b\",\"status\":\"inherit\",\"uploaded_to\":27814,\"date\":\"2024-09-11 17:53:02\",\"modified\":\"2024-09-11 17:53:02\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/a48_e2ba1c4b.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}}}];\n\n        const bgImgSwiper = new Swiper('.bgImgSwiper', {\n            \/\/ Optional parameters\n            direction: 'horizontal',\n            loop: true,\n\n            scrollbar: {\n                el: \".swiper-scrollbar\",\n                hide: true\n            },\n\n            \/\/ If we need pagination\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n\n            \/\/ Navigation arrows\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n\n            \/\/ And if we need scrollbar\n            scrollbar: {\n                el: '.swiper-scrollbar',\n            },\n            effect: 'slide',\n            speed: 1000,\n            loop: true,\n        });\n\n        \/\/ slider bg dynamic\n        const defaultActiveIndex = bgImgSwiper.activeIndex;\n        bgImgSwiper.on('slideChange', function (sliderData) {\n            handleSlideBgImage(sliderData.activeIndex);\n        });\n        function handleSlideBgImage(index) {\n            document.querySelector('.SliderWithBGImg .bg-img').style.backgroundImage = `url(${items[index].bgImgUrl})`;\n        }\n        handleSlideBgImage(defaultActiveIndex);\n\n        document.querySelectorAll('.swiper-pagination-bullet').forEach(function(link){\n            link.setAttribute('tabindex',0)\n        })\n        \/\/ define slider bg hieght\n        function handleBgHeight() {\n            let _extra = 0;\n\n            if (window.innerWidth > 1279) {\n                _extra = 200;\n            } else if (window.innerWidth > 1023) {\n                _extra = 180;\n            } else {\n                _extra = 130;\n            }\n\n            setTimeout(() => {\n                const sliderWrapper = document.querySelector('.bgImgSwiper');\n                if (sliderWrapper) {\n                    const bgImgHeight = sliderWrapper.offsetHeight + _extra;\n                    document.querySelector('.SliderWithBGImg .bg-img').style.height = `${bgImgHeight}px`;\n                }\n            }, 10);\n        }\n        window.addEventListener(\"resize\", handleBgHeight);\n\n        setTimeout(() => {\n            handleBgHeight();\n        }, 150)\n        document.querySelector('.bg-slider-playpause-btn .pause_btn')?.addEventListener('click', function () {\n            bgImgSwiper?.autoplay.stop();\n            document.querySelector('.bg-slider-playpause-btn .pause_btn').classList?.add('hidden');\n            document.querySelector('.bg-slider-playpause-btn .play_btn').classList?.remove('hidden');\n        })\n        document.querySelector('.bg-slider-playpause-btn .play_btn')?.addEventListener('click', function () {\n            bgImgSwiper?.autoplay.start();\n            document.querySelector('.bg-slider-playpause-btn .play_btn').classList?.add('hidden');\n            document.querySelector('.bg-slider-playpause-btn .pause_btn').classList?.remove('hidden');\n        })\n\n        document.querySelector('.bg-slider-playpause-btn .pause_btn')?.addEventListener('keyup', function (e) {\n            if (e.key == \"Enter\") {\n                bgImgSwiper?.autoplay.stop();\n                document.querySelector('.bg-slider-playpause-btn .pause_btn').classList?.add('hidden');\n                document.querySelector('.bg-slider-playpause-btn .play_btn').classList?.remove('hidden');\n            }\n        })\n        document.querySelector('.bg-slider-playpause-btn .play_btn')?.addEventListener('keyup', function (e) {\n            if (e.key == \"Enter\") {\n                bgImgSwiper?.autoplay.start();\n                document.querySelector('.bg-slider-playpause-btn .play_btn').classList?.add('hidden');\n                document.querySelector('.bg-slider-playpause-btn .pause_btn').classList?.remove('hidden');\n            }\n\n        })\n    })();\n<\/script>\n<section class=\"virtual-tour font-primary overflow-hidden\">\n    <div class=\"virtual-tour__container relative\">\n        <div class=\"\n            virtual-tour__description text-center mx-auto max-w-6xl\n            pt-7 xl:pt-12 2xl:pt-28 px-5 md:px-9 xl:px-5\n          \">\n            <div class=\"\n              font-semibold text-primary fs-5xl\n              mb-5 xl:mb-6\n            \">\n                <h2>Expand Features of Google Virtual Tour<\/h2>\n            <\/div>\n            <div class=\"fs-lg text-secondary font-light\"><p>Showcase your Business with an Advanced Virtual Tour of your location, developed based on the fundamentals of Google virtual tour enabling you to introduce your products or services through a brand-new and interactive way in your Google virtual tour.<\/p>\n<\/div>\n        <\/div>\n        <div class=\"\n            virtual-tour__video mt-6 md:mt-8 w-full\n            relative sm:pb-44 md:px-5\n          \">\n            <div class=\"w-full sm:absolute sm:left-1\/2 sm:-translate-x-1\/2 sm:top-0\">\n                <div class=\"sm:w-[560px] h-[315px] sm:h-80 md:max-w-[40rem] mx-auto\">\n                    <div id=\"player-container\" data-src=\"https:\/\/www.youtube.com\/embed\/jcXRnJDCizY\" class=\"relative w-full h-full\">\n                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi_webp\/jcXRnJDCizY\/hqdefault.webp\" alt=\"Video Thumbnail\" loading=\"lazy\" class=\"object-cover w-full h-full \">\n                    <button aria-label=\"<p>Showcase your Business with an Advanced Virtual Tour of your location, developed based on the fundamentals of Google virtual tour enabling you to introduce your products or services through a brand-new and interactive way in your Google virtual tour.<\/p>\n\" title=\"<p>Showcase your Business with an Advanced Virtual Tour of your location, developed based on the fundamentals of Google virtual tour enabling you to introduce your products or services through a brand-new and interactive way in your Google virtual tour.<\/p>\n\" class=\"absolute block left-1\/2 top-1\/2 z-10 w-[60px] h-[40px] -translate-x-1\/2 -translate-y-1\/2\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">\n                                <path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path>\n                                <path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path>\n                            <\/svg><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"\n            virtual-tour__lists bg-[#FAFAFA]\n            pt-32 pb-7 xl:pb-12 2xl:pb-28 sm:pt-[11.25rem]\n          \">\n            <div class=\"max-w-6xl px-5 md:px-9 xl:px-5 mx-auto 2xl:max-w-7xl 3xl:max-w-[102rem] md:flex md:justify-between md:flex-wrap\">\n                <div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      mt-6 2xl:mt-8\n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 0\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Easy Navigation<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>It offers a user-friendly way to present your business as well as an easy to navigate menu for visitors to switch to different views of your business through a single click.<\/p>\n<\/div>\n                    <\/div>\n                <\/div><div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      \n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 1\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Website Links<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>Let your audience visit your website with just a click of the button. You can also add social media links so they can follow you on social media channels.<\/p>\n<\/div>\n                    <\/div>\n                <\/div><div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      mt-6 2xl:mt-8\n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 2\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Product Highlight<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>Provides you the opportunity to present all the distinctive and great features of your products or services which will greatly attract potential clients.<\/p>\n<\/div>\n                    <\/div>\n                <\/div><div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      mt-6 2xl:mt-8\n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 3\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Photo & Video Embed<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>By using our advanced featured system, we are able to integrate your selected quality images and video into your virtual tour, allow them to speak for your business and promote your products and services.<\/p>\n<\/div>\n                    <\/div>\n                <\/div><div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      mt-6 2xl:mt-8\n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 4\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Auto Rotation<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>Automatically rotate from one image to another, which allows viewers to not only explore your location, but also indulge themselves in the 360 degree experience which normal images are not able to portray.<\/p>\n<\/div>\n                    <\/div>\n                <\/div><div class=\"\n                      flex first:mt-0 md:flex-auto md:basis-1\/2\n                      odd:pr-1 even:pl-1 max-w-[50.25rem]\n                      mt-6 2xl:mt-8\n                    \">\n                    <div class=\"flex-shrink-0 mr-2 xl:mr-3\"><img decoding=\"async\" width=\"23\" height=\"25\" alt=\"decoration check icon 5\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/image-check.svg\" loading=\"lazy\" class=\"w-auto h-auto mt-0 lg:mt-0\"><\/div>\n                    <div>\n                        <div class=\"fs-lg font-semibold mb-2 text-primary 2xl:mb-6\">\n                            <h3>Booking Form<\/h3>\n                        <\/div>\n                        <div class=\"text-secondary font-light fs-base\"><p>Attach a booking form into your virtual tour so that customers are able to make appointments directly from there and fasten their decision making without actually going to your website.<\/p>\n<\/div>\n                    <\/div>\n                <\/div>    \n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":27594,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27814","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/pages\/27814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/comments?post=27814"}],"version-history":[{"count":2,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/pages\/27814\/revisions"}],"predecessor-version":[{"id":60827,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/pages\/27814\/revisions\/60827"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/pages\/27594"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-cn\/wp-json\/wp\/v2\/media?parent=27814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}