{"id":28519,"date":"2024-09-05T10:08:05","date_gmt":"2024-09-05T10:08:05","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/services\/promo-video-production\/"},"modified":"2024-12-09T03:26:55","modified_gmt":"2024-12-09T03:26:55","slug":"video-production","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/my\/services\/video-production\/","title":{"rendered":"Video Production"},"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>Video Production<\/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>Resonate with your targeted audience and generate more engagement with our creative video production. We provide highly effective video contents and affordable services from concept to production that delivers the right message to your audience.<\/p>\n<\/div>\n                                    <\/div>\n                            <\/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\n\n<div class=\"IntroVideo\" style=\"opacity: 1; transform: none;\">\n    <div class=\" mx-auto px-4 md:px-8 lg:px-12 xl:px-24 py-12 xl:py-32 relative \"\n        style=\"background-color: rgb(255, 255, 255);\">\n        <div class=\"absolute top-0 right-0\"><svg class=\"w-[30%] md:w-[50%] xl:w-[80%] ml-auto h-full\" width=\"574\"\n                height=\"460\" viewBox=\"0 0 574 460\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <g clip-path=\"url(#clip0_2816_32813)\">\n                    <circle opacity=\"0.15\" cx=\"287\" cy=\"173\" r=\"287\" transform=\"rotate(-90 287 173)\" fill=\"#FFAE00\">\n                    <\/circle>\n                    <path\n                        d=\"M412.995 155.642C411.87 153.693 409.378 153.025 407.429 154.15C405.48 155.275 404.813 157.767 405.939 159.716C407.064 161.666 409.556 162.334 411.505 161.209C413.453 160.084 414.121 157.592 412.995 155.642Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M458.478 133.827C461.942 139.828 460.005 147.065 454.007 150.528C448.009 153.991 440.773 152.05 437.308 146.05C433.844 140.049 435.781 132.812 441.779 129.349C447.777 125.886 455.013 127.827 458.478 133.827ZM444.365 141.975C445.587 144.093 447.814 144.69 449.931 143.468C452.048 142.246 452.644 140.019 451.421 137.901C450.199 135.784 447.972 135.186 445.855 136.409C443.738 137.631 443.142 139.858 444.365 141.975Z\"\n                        fill=\"#F6B545\"><\/path>\n                    <path\n                        d=\"M308.062 51.9756L303.609 50.7814C301.383 50.1843 299.266 51.4066 298.67 53.6333C298.074 55.86 299.296 57.9778 301.523 58.5748L305.976 59.769L304.784 64.2224C304.187 66.4491 305.41 68.5669 307.637 69.164C309.863 69.761 311.98 68.5388 312.576 66.3121L313.768 61.8587L318.221 63.0529C320.448 63.6499 322.565 62.4277 323.161 60.201C323.459 59.0876 323.2 57.825 322.793 57.1191C322.385 56.4132 321.421 55.558 320.308 55.2594L315.855 54.0653L317.047 49.6119C317.345 48.4985 317.087 47.2359 316.679 46.53C316.272 45.824 315.307 44.9688 314.194 44.6703C311.968 44.0732 309.851 45.2955 309.255 47.5221L308.062 51.9756Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M416.328 431.11L418.388 426.986C419.418 424.924 418.644 422.605 416.581 421.576C414.519 420.547 412.199 421.321 411.169 423.383L409.109 427.508L404.984 425.449C402.921 424.42 400.601 425.194 399.571 427.256C398.541 429.318 399.315 431.637 401.378 432.666L405.503 434.725L403.443 438.849C402.413 440.911 403.187 443.23 405.249 444.259C406.281 444.774 407.569 444.773 408.343 444.515C409.116 444.257 410.146 443.483 410.662 442.452L412.722 438.328L416.847 440.386C417.878 440.901 419.167 440.9 419.94 440.642C420.713 440.384 421.744 439.61 422.259 438.579C423.289 436.517 422.515 434.198 420.453 433.169L416.328 431.11Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M394.076 359.148C396.327 359.148 398.152 357.324 398.152 355.074C398.152 352.824 396.327 351 394.076 351C391.825 351 390 352.824 390 355.074C390 357.324 391.825 359.148 394.076 359.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M340.076 433.148C342.327 433.148 344.152 431.324 344.152 429.074C344.152 426.824 342.327 425 340.076 425C337.825 425 336 426.824 336 429.074C336 431.324 337.825 433.148 340.076 433.148Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M246.076 75.1481C248.327 75.1481 250.152 73.3241 250.152 71.0741C250.152 68.824 248.327 67 246.076 67C243.825 67 242 68.824 242 71.0741C242 73.3241 243.825 75.1481 246.076 75.1481Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M452.076 181.148C454.327 181.148 456.152 179.324 456.152 177.074C456.152 174.824 454.327 173 452.076 173C449.825 173 448 174.824 448 177.074C448 179.324 449.825 181.148 452.076 181.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                <\/g>\n                <defs>\n                    <clipPath id=\"clip0_2816_32813\">\n                        <rect width=\"574\" height=\"460\" fill=\"white\"><\/rect>\n                    <\/clipPath>\n                <\/defs>\n            <\/svg><\/div>\n        <div class=\"flex flex-col lg:flex-row justify-center xl:gap-x-4 items-start mx-auto max-w-[87.625rem]\">\n            <div class=\"w-full lg:w-[40%] 2xl:w-[28.875rem] mr-6 2xl:mr-12\">\n                <div><img decoding=\"async\" width=\"77\" height=\"9\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/intro-video\/IntroImage-dots_6188f505.svg\"\n                        alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\n                <h2 class=\"mt-2 md:mt-4 text-themeSecondary font-bold fs-xl\">Building Your Brand with<\/h2>\n                <div class=\"text-primary font-semibold mt-2 md:mt-4 lg:leading-normal 2xl:leading-normal fs-5xl\">\n                    <h3>Creative Promotion Video<\/h3>\n                <\/div>\n                <div class=\"fs-lg font-light mt-4 2xl:mt-8 text-secondary\">\n                    <p>We create amazing and creative video that\u2019s fun and attractive for your website!<\/p>\n                <\/div>\n                            <\/div>\n            <div class=\"w-full lg:w-[55%] 3xl:w-[55%] mt-8 lg:mt-0 aspect-video\">\n                <div id=\"player-container\" data-src=\"https:\/\/www.youtube.com\/embed\/lhlWAvzKtek?autoplay=1&amp;feature=oembed\" class=\"relative w-full h-full\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/hqdefault.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"eager\" class=\"object-cover aspect-[16\/9] w-full xl:h-full \">\n                    <button title=\"play button\" aria-label=\"play button\" 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>\n\n<!-- <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        document.getElementById('player-container').addEventListener('click', function() {\n            const src = this.getAttribute('data-src');\n\n            const iframe = document.createElement('iframe');\n            iframe.setAttribute('class', 'w-full h-full max-h-full');\n            iframe.setAttribute('src', `${src}?rel=0&autoplay=1&mute=0`);\n            iframe.setAttribute('title', 'YouTube video player');\n            iframe.setAttribute('frameborder', '0');\n            iframe.setAttribute('allow', 'autoplay; fullscreen');\n            iframe.setAttribute('allowfullscreen', '');\n\n            this.innerHTML = '';\n            this.appendChild(iframe);\n        });\n    });\n<\/script> -->\n\n\n<div class=\"SeoCommitment\" style=\"opacity: 1; transform: none;\">\n    <div class=\"px-4 py-16 mx-auto text-secondary md:px-8 lg:px-16 max-w-screen-2xl\">\n        <div class=\"text-center \">\n            <div class=\"fs-5xl font-semibold text-primary\">Entertain, Engage &#038; Explain<\/div>\n            <div class=\"mt-4 md:mt-6 lg:mt-8 mx-auto  xl:w-8\/12 fs-lg\">Professional Video Production about your business, products or services is the best creative solution for companies to connect with your target customers and deliver your message in a relevant and accessible way.<\/div>\n        <\/div>\n        <div class=\"flex flex-wrap justify-center mt-4 md:mt-8\">\n            <div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic01_d8b3e47f.svg\" \n                            alt=\"Person with a megaphone in a frame in visible one1\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>People loves videos<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>Includes fresh and interesting visual elements that people love which increases web traffic and click-through rates.<\/p>\n<\/div><\/div><div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic02_c12954fd.svg\" \n                            alt=\"Person interacting with a video player interface in visible one2\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>Videos explain EVERYTHING<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>Explains your business idea in a funny, creative and entertaining way for your customers to understand you well.<\/p>\n<\/div><\/div><div class=\"text-center m-4 md:m-8 lg:m-12 2xl:m-16 w-[250px] lg:w-[270px] 2xl:w-[300px]\"><div class=\"bg-[#FBEFD5] rounded-full h-[250px] lg:h-[270px] 2xl:h-[300px]\"><img decoding=\"async\" width=\"300\" height=\"300\"\n                            src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/video-graphic03_78bfcf0e.svg\" \n                            alt=\"Person working with videos, surrounded by icons in visible one3\" \n                            loading=\"lazy\" \n                            class=\"block mx-auto w-full h-full object-contain object-bottom\"\n                          ><\/div><div class=\"font-semibold mt-8 fs-xl text-primary\">\n                        <p>Boost Conversion &#038; Sale<\/p>\n                      <\/div><div class=\"fs-lg mt-4\"><p>Offers more online visibility and brand awareness which grabs audience attention increase in site visits and sales.<\/p>\n<\/div><\/div>        <\/div>\n    <\/div>\n<\/div>\n\n\n<section id=\"videosample\" class=\"VideoProductionSamples bg-[#fafafa]\">\n  <div class=\"container mx-auto px-5 lg:px-4 xl:px-5 \">\n    <div class=\"text-center max-w-3xl mx-auto\">\n      <div class=\"text-primary fs-5xl font-bold mb-4 md:mb-5 2xl:mb-9\">\n        <h2>Video Samples<\/h2>\n      <\/div>\n      <div class=\"fs-lg font-light text-grey\"><p>Looking for some inspiration? Take a look at our range of work on corporate video production for our clients in Hong Kong. Explore our recent works!<\/p>\n<\/div>\n    <\/div>\n    <div class=\"grid grid-cols-1 justify-between items-center lg:grid-cols-3 mt-6 md:mt-7 lg:mt-8 2xl:mt-14\">\n    <div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 1\" src=\"https:\/\/player.vimeo.com\/video\/309447646?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div><div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 2\" src=\"https:\/\/player.vimeo.com\/video\/309801502?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div><div class=\"mt-5 first:mt-0 md:mt-6 md:first:mt-0 lg:mt-0 lg:mx-2 xl:mx-3\">\n        <div class=\"iframeVideo embed-container\" style=\"display: block!important;\";>\n        <iframe title=\"video production 3\" src=\"https:\/\/player.vimeo.com\/video\/309808389?app_id=122963\" data-frameborder=\"0\" data-allowfullscreen=\"1\" data-allow=\"accelerometer;encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\" width=\"100%\" height=\"100%\" data-lf-form-tracking-inspected-laxoeakqjpo7oygd=\"true\" data-lf-yt-playback-inspected-laxoeakqjpo7oygd=\"true\" data-lf-vimeo-playback-inspected-laxoeakqjpo7oygd=\"true\"><\/iframe>\n        <\/div>\n      <\/div>  \n    \n    <\/div>\n  <\/div>\n<\/section>\n\n\n<div style=\"opacity: 1; transform: none;\">\n    <div class=\" bg-[#f5f5f5] relative\" id=\"why_choose_us_vo\" style=\"background-color: #FAFAFA;\">\n        <div class=\"px-4 md:px-8 py-16 text-center mx-auto\">\n            <div class=\"fs-5xl mb-4 md:mb-8 font-semibold\" style=\"color: #212121;\">\n                <h2>Why Choose Us<\/h2>\n            <\/div>\n            <div class=\"w-full md:w-[95%] mx-auto fs-lg xl:max-w-[855px] text-secondary font-light\">\n                <p>As an innovative promo video production company Malaysia, Visible One strives for the most engaging way to tell your business\u2019 specific story, delivering the most unique and memorable experiences to your customers.<\/p>\n            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"film tap icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-professional-looking-video_f687689f.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>PROFESSIONAL LOOKING VIDEOS<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our video editing services are second to none. As a business owner, you are not buying a video production \u2013 you are buying brand awareness, a professional look to your website and future sales.<\/p>\n<p>&nbsp;<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"lightbulb icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-from-concept-to-final_17d9fe05.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>FROM CONCEPT TO FINAL VIDEO<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our strong concept and crafty design are at the heart of everything we do. We strive for a harmonious balance between design, emotion and information.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"budget icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/icon-no-hidden-cost_5f744b6f.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>NO HIDDEN COSTS<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We can help you boost your sales without spending too much with our affordable and no extra charges yet engaging videos.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/support-and-maintenance_66206929.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>CUSTOMER SUPPORT<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our dedicated video maker team offers an ongoing communication to attend to all your needs.<\/p>\n<p>&nbsp;<\/p>\n\n                    <\/div>\n                <\/div>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"video-production font-primary\" id=\"video_production\">\n    <div class=\"px-4 py-6 video-production-items sm:py-10 xl:py-16 2xl:py-24 md:px-8 lg:px-16 xl:px-20 2xl:px-24\">\n        <div class=\"video-production-item \" id=\"bring_your_brand_message_to_life\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  md:flex-row-reverse\n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                \">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Video-img01_43a56283.webp\" alt=\"24-hour responsive service icon in visible one0\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                \">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>Bring Your Brand Message to Life<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>We strategize, produce and deliver high-end videos content to give your product, service or business ideas a personality, educating your audience and builds trust with them.<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div><div class=\"video-production-item \" id=\"professional_looking_videos\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  \n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                md:mr-2 2xl:mr-20\">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/video-img-02_c12e8d3d.webp\" alt=\"24-hour responsive service icon in visible one1\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                md:ml-2\">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>Professional Looking Videos<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>We use HD quality cameras, cutting-edge technologies and latest trends to create a polished, professional-looking marketing videos that communicate your brand message while impresses your audience.<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div><div class=\"video-production-item \" id=\"share_your_videos_to_social_networks\">\n            <div class=\"\n                  video-production-item-container  max-w-5xl xl:max-w-6xl 2xl:max-w-[88.5rem] mx-auto  flex flex-col-reverse md:flex-row md:items-center md:justify-between \n                  md:flex-row-reverse\n                \">\n                <div class=\"video-production-item-image py-4 lg:py-0  xl:max-w-md 2xl:max-w-xl md:flex-1 xl:mr-0 \n                \">\n                <img decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/video-img-03_07c05073.webp\" alt=\"24-hour responsive service icon in visible one2\" loading=\"lazy\" title=\"\" class=\"w-auto h-auto mx-auto mix-blend-multiply\"><\/div>\n                <div class=\"video-production-item-desc mt-2 max-w-xl 2xl:max-w-[40rem] md:flex-1 md:mt-0 \n                \">\n                    <div class=\"relative\">\n                        <div class=\"\n                       inline-block\n                      font-semibold text-primary\n                      fs-5xl 2xl:leading-[1.3]\n                     \n                    \">\n                            <h2>Share Your Videos to Social Networks<br><\/h2>\n                        <\/div><span class=\"\n                        block absolute -bottom-2 left-0 xl:-bottom-4\n                        bg-themeSecondary w-10 sm:w-12 lg:w-16 2xl:w-20 h-1 xl:h-2\n                      \"><\/span>\n                    <\/div>\n                    <div class=\"mt-8 font-light  text-grey fs-lg xl:mt-10 2xl:mt-16\"><p>A video on your site can make your audience stay longer and engage with your site and allow them to share your brand on social channels which increase brand awareness that lead to increased sales, and a lower \u2018bounce rate\u2019.<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>    <\/div>\n<\/section>\n\n\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=\"\">\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\">CAPTIVATE YOUR CUSTOMERS WITH AWESOME VIDEOS<\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"VOSeoDevelopment py-12 md:py-16 xl:py-20 relative z-0 \" style=\"background-color: #ffffff;\">\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:mb-20 mb-10\">\n    <div class=\"lg:max-w-[80%] mx-auto\">\n      <div class=\"head\">\n        <div class=\"fs-5xl text-primary font-semibold md:mb-10 mb-5 capitalize\">\n          <h3>Video Creation Process<\/h3>\n        <\/div>\n        <div class=\"fs-lg text-secondary font-light\">\n          <p>Our video production service is created with a simple and holistic process to produce custom designed solution for your specific need and your audience all backed up by our satisfaction guarantee.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"relative\">\n    <div class=\"absolute right-0 lg:top-1\/2 lg:-translate-y-1\/2 2xl:opacity-1 opacity-70 z-[-1]\">\n      <img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/vo-seo\/seo-bg_6605c1be.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-60 lg:w-80 xl:w-auto h-auto align-middle object-cover object-center\">\n    <\/div>\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl  mx-auto px-4 lg:mb-20 mb-10 relative\">\n      <div class=\"lg:max-w-[80%] mx-auto\">\n        <div class=\"xl:px-20\">\n          <div data-id=\"vo-seo-00\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">01<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Requirement Analysis<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>First, we will schedule a meeting with you on your available time and discuss the objectives, budget and target audience of your video and how it will be used after it is finalized. We will let you fill out forms to gather all the information we need for the entire project, and create a proposal to align your expectations, educate each other with different ideas, define the features and scope, timeline, outline cost and duration.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-01\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">02<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Planning<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Using the information we gathered from phase one, it is time to put them together to develop a detailed project plan that helps guide each phase of the project. The plan outlines much better understanding of your business, key deliverable dates and review timeframes and approvals. All these details will help ensure that the production phase of the promo video goes smoothly.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-02\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process03-Design_a6cdacf8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">03<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Script Writing And Storyboard<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>In this stage, we craft a script and storyboard (a rough drawn mockup of an idea) to serve as the master plan for the project. We write the script and create the storyboard ourselves in the first instance and make changes in the second version according to your suggestions. Any amends required are discussed and changed until the script and storyboard is approved and we can move to the next stage.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-03\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process04-Development_526cfdd6.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">04<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Development<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>The next step is to create the final idea to life. Our team will start to combine the script and storyboard and add graphics, animations and special effects to enhance the impact of the video. While sound mixing and editing is done to create the audio tracks. Music will either be selected by us or custom music is composed and recorded if required.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-04\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process05-Site-Testing_370fc1c3.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">05<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Video Editing<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After the production phase is finished, our promotion video production team will begin the polish all the details and process to organize and edit the actual video to ensure the video conveys the right message and has an emotional impact on the audience. After that, the final product will be thoroughly checked before sending to you for approval.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-05\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process06-Launch_593b58b5.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">06<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Reviews\/Approvals<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After editing, we send it over to you to let you watch the video and make comments. We build in several rounds of revisions for our clients. We recognize the investment our clients make in video production, so we want to make sure we get it right. Assuming there are some changes that are needed to be done, the revision process can begin.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-06\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">07<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Final Delivery<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Once the video is finalized and approved, the final version of the video is then delivered to the client. We can develop all the file formats you\u2019ll need for a specific type of distribution. If you need files for your site, YouTube or another platform, we\u2019re experts in handling the encoding process, you just have to communicate that with our team.<\/p>\n<p>&nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div>        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4\">\n    <div>\n      <div class=\"bar-holder\">\n        <div class=\"bar\" style=\"background-color: rgb(15, 57, 90);\"><\/div>\n        <div class=\"lg:mb-5 mb-2 triangle\" style=\"border-top-color: rgb(15, 57, 90); left: 131.417px;\"><\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button arial-label=\"Go to development process step 0\" data-id=\"vo-seo-00\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >1<\/button><button arial-label=\"Go to development process step 1\" data-id=\"vo-seo-01\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >2<\/button><button arial-label=\"Go to development process step 2\" data-id=\"vo-seo-02\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >3<\/button><button arial-label=\"Go to development process step 3\" data-id=\"vo-seo-03\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >4<\/button><button arial-label=\"Go to development process step 4\" data-id=\"vo-seo-04\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >5<\/button><button arial-label=\"Go to development process step 5\" data-id=\"vo-seo-05\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >6<\/button><button arial-label=\"Go to development process step 6\" data-id=\"vo-seo-06\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >7<\/button>      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const voSeoContents = document.querySelectorAll('.VOSeoDevelopment .vo-seo-content');\n    const navigationBtns = document.querySelectorAll('.VOSeoDevelopment .navigation button');\n    const triangle = document.querySelector(\".VOSeoDevelopment .triangle\");\n    const barHolder = document.querySelector(\".VOSeoDevelopment .bar-holder\");\n\n    \/\/ Loop through each tab wrapper\n    navigationBtns.forEach(navigationBtn => {\n\n      navigationBtn.addEventListener('click', function() {\n        navigationBtns.forEach(navigation => {\n          navigation.classList.remove('active');\n          navigation.style.backgroundColor = 'transparent';\n        });\n        const dataId = this.getAttribute(\"data-id\");\n        this.classList.add(\"active\");\n        this.style.backgroundColor = '#0F395A';\n        showVoSeoContent(dataId);\n\n        \/\/ Get button position relative to the bar holder\n        const buttonRect = this.getBoundingClientRect();\n        const barHolderRect = barHolder.getBoundingClientRect();\n        const triangleLeft = buttonRect.left - barHolderRect.left + buttonRect.width \/ 2;\n        triangle.style.left = `${triangleLeft}px`;\n      });\n\n      \/\/ Add mouseenter event listener\n      navigationBtn.addEventListener('mouseenter', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = '#0F395A';\n        }\n      });\n\n      \/\/ Add mouseleave event listener\n      navigationBtn.addEventListener('mouseleave', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = 'transparent';\n        }\n      });\n    });\n\n    function showVoSeoContent(dataId) {\n      voSeoContents && voSeoContents.forEach((content) => {\n          const seoContentId = content.getAttribute(\"data-id\");\n          \n          if (seoContentId.toLowerCase() === dataId.toLowerCase()) {\n              content.classList.remove(\"!hidden\");\n              content.classList.add(\"active\");\n          } else {\n            content.classList.add(\"!hidden\");\n            content.classList.remove(\"active\");\n          }\n      });\n    }\n\n    if (navigationBtns.length > 0) {\n      navigationBtns[0].click();\n    }\n\n  });\n<\/script>\n\n\n<section class=\"mx-auto max-w-[1920px] font-primary text-primary py-12 lg:py-16 2xl:py-24 px-4 md:px-8 lg:px-16 xl:px-20 2xl:px-24 3xl:px-32 vo-why-use-videos\">\n    <div class=\"text-center mx-auto\">\n        <h3 class=\"fs-5xl font-semibold mb-2 leading-[1.3] w-full md:w-[90%] lg:w-[80%] xl:w-[70%] mx-auto\">\n            <p>Convey messages &#038; illustrate complex<br \/>\nideas with a fun &#038; great videos today<\/p>\n<\/h3>\n        <h4 class=\"fs-2xl font-semibold text-themeSecondary mt-5 mb-3 lg:mt-8 lg:mb-5 2xl:mt-9\">\n            WHY USE VIDEOS<\/h3>\n        <\/h4>\n        <h5 class=\"fs-lg text-secondary font-light w-full md:w-[90%] lg:w-[80%] xl:w-[70%] mx-auto\">\n            Video that are focused on your bottom line is one of the best ways to engage, and inform your audience. Videos takes your business to the next level!<\/h3>\n        <\/h5>\n    <\/div> \n    <div class=\"flex flex-col-reverse lg:flex-row items-center mt-8 xl:mt-10 2xl:mt-16  \">\n        <ul class=\"w-full mb-12 lg:w-1\/2 lg:mb-0\">\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">Marketers who use videos grow revenue 49% faster than those who don\u2019t.<\/span>\n            <\/li>\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">Video boosts traffic from search engines 157%.<\/span>\n            <\/li>\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">Landing pages with videos increase conversions 80%.<\/span>\n            <\/li>\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">Videos in emails increase click-through rates 200-300%.<\/span>\n            <\/li>\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">Users spend 88% more time on websites with video.<\/span>\n            <\/li>\n                        <li class=\"flex my-6 lg:first:mt-0 2xl:my-8\">\n                <img width=\"25\" height=\"28\" class=\"w-auto flex-shrink-0 mr-2 xl:mr-3 h-auto mt-0 lg:mt-0\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/image-207_db60bc03-1.png' alt='' \/>\n                <span class=\"font-light text-secondary fs-lg\">73% of B2B marketers report positive video ROI.<\/span>\n            <\/li>\n                    <\/ul>\n        <div class=\"w-full lg:w-1\/2\">\n            <div class=\"mx-auto md:w-[90%] lg:w-[80%] xl:w-[70%] ServicesIconsLists-module_image__-pDAB\">\n               <img width=\"582\" height=\"582\" class=\"w-full\" src='https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/why-use-video-graphic_18d84ee4-1.svg' alt='-pDAB' \/>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div class=\"TabContentCollapse\" id=\"tab_content_collapse\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"module_container mx-auto px-4\">\n        <div class=\"fs-5xl font-semibold text-center text-primary\">\n            <h2>FAQ<\/h2>\n        <\/div>\n        <div class=\"\">\n            <ul class=\"mx-auto max-w-[900px] mt-9 content-wrapper\">\n                <li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"Do you offer a consultation about the kind of video I should create?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">Do you offer a consultation about the kind of video I should create?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Yes. We offer a free consultation with you to have a better understanding of your needs and wants. We will also explain to you our video production process and provide you the different types of videos we create for you to choose from.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"Can you use and edit footage shot by us or other companies?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">Can you use and edit footage shot by us or other companies?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Yes. We edit video shot by you. You just have to provide us the editable footage and we will do the editing.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"What format do you shoot in and can provide end video result?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">What format do you shoot in and can provide end video result?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>We shoot using our HD quality cameras. We use applications to provide a high-quality videos in MPEG4 format, .avi, .webm and other formats that are suitable for your needs.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"How far in advance do I need to book a video project with you?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">How far in advance do I need to book a video project with you?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Basically, as soon as possible especially if the project is rush. You can book one week in advance so there will be more time for pre-production and revisions.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"How long does the process take?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">How long does the process take?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>The length of time it can take to produce a film can vary, however we do have a fast track option, should there be a tight deadline that needs meeting. Typically, if the project is rush, a short video can be created in 3 days. Our video creator can do it in 1 day and another 1 day for revisions. Once approved, we will furnish the finish product and we can market the video on your website or YouTube if you prefer.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"Do you provide video creation in multiple languages?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">Do you provide video creation in multiple languages?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Yes, but for the most part, you need to tell us during the consultation so that we can plan accordingly. When we quote, we generally quote for one language and then quote as additional work for the other language versions.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"How will we communicate throughout the project?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">How will we communicate throughout the project?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>We will communicate with every step of the process via email or WhatsApp. We will always ask for your feedback and if you have any revisions, we do them accordingly. After the production process, we will send the video project to you for approval.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"If I lost my video file, can you supply another copy?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">If I lost my video file, can you supply another copy?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Of course! We always keep back-ups of all our projects and can supply a replacement by file transfer free of charge.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"How much does the promotional video cost?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">How much does the promotional video cost?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Our video production cost depends on your requirements from basic video to premium video. You may contact us for a free quotation and know more about our price range.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"What are the payment options?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">What are the payment options?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>We accept instant bank transfer or payment via PayPal. Payment details are provided on the invoice.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    (function() {\n\n        const collapseHeaders = document.querySelectorAll(\".TabContentCollapse .collapse-header\");\n\n        collapseHeaders.forEach((header) => {\n            header.addEventListener(\"click\", function() {\n                const isActive = this.classList.contains('show');\n                collapseHeaders.forEach(item => {\n                    item.classList.remove('show');\n                    item.nextElementSibling.classList.remove('active');\n                    item.nextElementSibling.classList.add('unactive');\n                });\n                if (!isActive) {\n                    this.classList.add('show');\n                    this.nextElementSibling.classList.add('active');\n                    this.nextElementSibling.classList.remove('unactive');\n                }\n            });\n        });\n\n        if (collapseHeaders.length > 0) {\n            collapseHeaders[0].click();\n        }\n\n    })();\n<\/script>\n\n\n<section id=\"e33b5cfc-cf5c-455d-b312-c0df53f10845\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    Let\u2019s Work Together                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">Talk to Us<\/span>&nbsp;\n                    <span class=\"opacity-60\">Contact Us<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\n                    <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                    data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>Let&#8217;s Work Together<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>If you have a project and would like to discuss it with us, then please do call us or email us using the form below.<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e33b5cfc-cf5c-455d-b312-c0df53f10845\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":27596,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-28519","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/pages\/28519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/comments?post=28519"}],"version-history":[{"count":3,"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/pages\/28519\/revisions"}],"predecessor-version":[{"id":60934,"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/pages\/28519\/revisions\/60934"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/pages\/27596"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/my\/wp-json\/wp\/v2\/media?parent=28519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}