1<!DOCTYPE html> 2<html lang="en" class="h-100" data-theme="light"> 3 <head><meta charset="utf-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <meta http-equiv="x-ua-compatible" content="ie=edge"> 6 7 8 <link rel="icon" href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/hilo-media-favicon.ico"> 9 10 <title>Contact a Video Producer Today</title> 11 12 13 14 <link rel="canonical" href="https://hilomedia.com/contact/"> 15 16 17 18 19 <!-- Meta include: renders basic SEO + OG tags with sensible defaults. --> 20 21 <meta property="og:title" content="Contact a Video Producer Today"> 22 <meta name="description" content="Contact HiLo Media to Speak with a Producer About your Next Video Project: Animated Explainer Videos, Software Tutorial Videos, App Demo Videos."> 23 <meta property="og:description" content="Contact HiLo Media to Speak with a Producer About your Next Video Project: Animated Explainer Videos, Software Tutorial Videos, App Demo Videos."> 24 <meta property="og:type" content="website"> 25 <meta property="og:url" content="https://hilomedia.com/contact/"> 26 <meta property="og:site_name" content="HiLo Media"> 27 28 29 <meta name="twitter:card" content="summary_large_image"> 30 <meta name="twitter:title" content="Contact a Video Producer Today"> 31 <meta name="twitter:description" content="Contact HiLo Media to Speak with a Producer About your Next Video Project: Animated Explainer Videos, Software Tutorial Videos, App Demo Videos."> 32 33 34 <meta property="og:image" content="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/img/hero-bg.jpg"> 35 <meta name="twitter:image" content="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/img/hero-bg.jpg"> 36 37 38 39 40
40<script type="application/ld+json" nonce="PcXQzlmtJzhhwi9SKRhdSg=="> 41 { 42 "@context": "https://schema.org", 43 "@type": "Organization", 44 "@id": "https://hilomedia.com/#organization", 45 "name": "HiLo Media", 46 "url": "https://hilomedia.com/", 47 "logo": { 48 "@type": "ImageObject", 49 "url": "https://hilomedia.com/static/img/hilo_logo_RGB_single.svg" 50 }, 51 "email": "[email protected]", 52 "telephone": "+1-828-490-4227", 53 "description": "HiLo Media is a video production and animation company that creates software tutorials, app demo videos, explainer videos, healthcare videos, and YouTube content for technical products.", 54 "foundingDate": "2006", 55 "address": { 56 "@type": "PostalAddress", 57 "addressLocality": "Asheville", 58 "addressRegion": "NC", 59 "addressCountry": "US" 60 }, 61 "founder": [ 62 { 63 "@type": "Person", 64 "@id": "https://josephnilo.com/#person-joseph-nilo", 65 "name": "Joseph Nilo", 66 "jobTitle": "Co-Founder and Post-Production Manager", 67 "url": "https://josephnilo.com/about/" 68 }, 69 { 70 "@type": "Person", 71 "@id": "https://hilomedia.com/#person-chuck-heilig", 72 "name": "Chuck Heilig", 73 "jobTitle": "Co-Founder and Production Manager", 74 "url": "https://hilomedia.com/about/" 75 } 76 ], 77 "sameAs": [ 78 "https://www.linkedin.com/company/hilo-media/", 79 "https://vimeo.com/hilomedia", 80 "https://www.facebook.com/hilomedia", 81 "https://twitter.com/hilomedia", 82 "https://www.youtube.com/hilomedia", 83 "https://www.instagram.com/hilomedia" 84 ], 85 "contactPoint": { 86 "@type": "ContactPoint", 87 "telephone": "+1-828-490-4227", 88 "email": "[email protected]", 89 "contactType": "sales", 90 "areaServed": "Worldwide", 91 "availableLanguage": "English" 92 }, 93 "knowsAbout": [ 94 "Video production", 95 "Animation", 96 "Software tutorial videos", 97 "App demo videos", 98 "Explainer videos", 99 "Medical video production", 100 "YouTube video strategy" 101 ] 102} 103 </script>
vendor: 76 bytes, lines 103-106
103 104 105 106 <script async src="https://www.googletagmanager.com/gtag/js?id=
106G-76VXCBNJYY
vendor: 18 bytes, lines 106-107
106"></script> 107
107<script nonce="PcXQzlmtJzhhwi9SKRhdSg=="> 108
vendor: 151 bytes, lines 108-111
108window.dataLayer = window.dataLayer || []; 109 function gtag(){dataLayer.push(arguments);} 110 gtag('js', new Date()); 111 gtag('config', '
111G-76VXCBNJYY
vendor: 10 bytes, lines 111-112
111'); 112
112</script>
112 113 114 115 <!-- Preconnects to speed up video embeds (Vimeo/YouTube) --> 116 <link rel="preconnect" href="https://player.vimeo.com" crossorigin> 117 <link rel="preconnect" href="https://i.vimeocdn.com" crossorigin> 118 <link rel="preconnect" href="https://www.youtube.com" crossorigin> 119 <link rel="preconnect" href="https://i.ytimg.com" crossorigin> 120 <link rel="dns-prefetch" href="//player.vimeo.com"> 121 <link rel="dns-prefetch" href="//i.vimeocdn.com"> 122 <link rel="dns-prefetch" href="//www.youtube.com"> 123 <link rel="dns-prefetch" href="//i.ytimg.com"> 124 125 <!-- Preload critical logo image to avoid CLS in header --> 126 <link rel="preload" as="image" href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/hilo_logo_RGB_single.svg"> 127 128 129
129<script id="theme-init" nonce="PcXQzlmtJzhhwi9SKRhdSg=="> 130 (function() { 131 var storageKey = 'hilo-theme'; 132 var root = document.documentElement; 133 134 function apply(theme) { 135 var finalTheme = theme === 'dark' ? 'dark' : 'light'; 136 root.dataset.theme = finalTheme; 137 if (finalTheme === 'dark') { 138 root.classList.add('dark'); 139 } else { 140 root.classList.remove('dark'); 141 } 142 } 143 144 var stored = null; 145 try { 146 stored = localStorage.getItem(storageKey); 147 } catch (err) { 148 stored = null; 149 } 150 if (stored !== 'dark' && stored !== 'light') { 151 var prefersDark = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null; 152 stored = prefersDark && prefersDark.matches ? 'dark' : 'light'; 153 } 154 155 apply(stored); 156 })(); 157 </script>
157 158 159 160 <!-- Custom CSS (order matters: defaults first, theme overrides last) --> 161 <!-- Preload Tailwind for faster first paint --> 162 <link rel="preload" as="style" href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/css/tailwind.build.css?v=1789497206"> 163 <!-- Tailwind bundle --> 164 <link href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/css/tailwind.build.css?v=1789497206" rel="stylesheet"> 165 <!-- Preload minified site overrides (built via frontend/build) --> 166 <link rel="preload" as="style" href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/css/custom.build.css?v=1789497206"> 167 <!-- Minified site overrides --> 168 <link href="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/css/custom.build.css?v=1789497206" rel="stylesheet"> 169 170 171 172 173 </head> 174 175 <body class="min-h-screen flex flex-col"> 176 177<header class="site-header"> 178 <nav class="glass-nav sticky top-0 z-[10000] py-3 bg-white/95 backdrop-blur-md border-b border-slate-200 shadow-sm dark:bg-slate-950/70 dark:border-white/10 dark:shadow-none relative overflow-visible"> 179 <div class="container flex items-center justify-between"> 180 <a class="flex items-center brand-link" href="/" title="HiLo Media home"> 181 <img src="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/hilo_logo_RGB_single.svg" 182 alt="HiLo Media Logo" 183 width="32" height="39" 184 fetchpriority="high" decoding="sync"> 185 <span class="font-bold text-gray-800 whitespace-nowrap dark:text-slate-100">HiLo Media</span> 186 </a> 187 188 <div class="flex items-center gap-2"> 189 <button data-nav-toggle="navbarNav" type="button" class="inline-flex items-center p-2 text-gray-700 rounded-md lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-200 dark:hover:bg-slate-800" aria-controls="navbarNav" aria-expanded="false"> 190 <span class="sr-only">Open main menu</span> 191 <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 192 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> 193 </svg> 194 </button> 195 196 <button type="button" 197 class="inline-flex items-center justify-center h-10 w-10 rounded-[10px] border border-transparent bg-white/70 text-gray-700 shadow-sm transition-colors hover:bg-blue-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 dark:bg-slate-800/70 dark:text-slate-200 dark:hover:bg-slate-700 lg:hidden" 198 data-theme-toggle 199 aria-pressed="false" 200 aria-label="Toggle dark mode"> 201 <svg data-theme-icon="sun" class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 202 <path d="M12 3v1.5m6.364 1.136-1.06 1.06M21 12h-1.5m-1.136 6.364-1.06-1.06M12 21v-1.5m-6.364-1.136 1.06-1.06M3 12h1.5m1.136-6.364 1.06 1.06M12 7.5A4.5 4.5 0 1 0 16.5 12 4.5 4.5 0 0 0 12 7.5Z" /> 203 </svg> 204 <svg data-theme-icon="moon" class="hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 205 <path d="M21 12.79A9 9 0 0 1 11.21 3a7 7 0 1 0 9.79 9.79Z" /> 206 </svg> 207 </button> 208 </div> 209 210 <div id="navbarNav" class="hidden absolute left-0 right-0 top-full z-[9500] bg-white/95 backdrop-blur-md border-b border-black/10 shadow-md w-full lg:static lg:z-auto lg:bg-transparent lg:backdrop-blur-0 lg:border-0 lg:shadow-none lg:flex lg:items-center lg:justify-between lg:w-auto brand-nav-spacer dark:bg-slate-900/95 dark:border-white/10"> 211 <ul class="m-0 list-none p-0 flex flex-col gap-2 lg:flex-row lg:items-center lg:gap-6"> 212 <li> 213 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-gray-700 hover:text-blue-700 hover:bg-blue-50 dark:text-slate-200 dark:hover:text-slate-100 dar
213k:hover:bg-slate-800/60" href="/" title="Home">Home</a> 214 </li> 215 <li class="relative"> 216 <button id="servicesDropdownButton" type="button" aria-expanded="false" aria-haspopup="true" aria-controls="servicesDropdownMenu" class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md text-gray-700 hover:text-blue-700 hover:bg-blue-50 transition-colors border-0 bg-transparent shadow-none outline-none focus:outline-none focus:ring-0 appearance-none font-medium text-sm dark:text-slate-200 dark:hover:text-slate-100 dark:hover:bg-slate-800/60"> 217 Services 218 <svg class="w-4 h-4 ml-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9 6 6 6-6"/></svg> 219 </button> 220 <div id="servicesDropdownMenu" class="absolute right-0 top-full mt-2 z-[11000] hidden rounded-md shadow-md ring-1 ring-gray-200 w-56 p-2 bg-white border border-gray-200 isolate dark:bg-slate-800/95 dark:ring-slate-700 dark:border-slate-700"> 221 <ul class="m-0 list-none p-0 text-sm text-gray-700 dark:text-slate-100" aria-labelledby="servicesDropdownButton"> 222 <li><a class="block rounded px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 focus:outline-none focus:ring-0 dark:text-slate-100 dark:hover:text-slate-50 dark:hover:bg-slate-700/80" href="/software-tutorial-videos/" title="Software Tutorial Videos">Software Tutorial Videos</a></li> 223 <li><a class="block rounded px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 focus:outline-none focus:ring-0 dark:text-slate-100 dark:hover:text-slate-50 dark:hover:bg-slate-700/80" href="/explainer-video-production-company/" title="Explainer Videos">Explainer Videos</a></li> 224 <li><a class="block rounded px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 focus:outline-none focus:ring-0 dark:text-slate-100 dark:hover:text-slate-50 dark:hover:bg-slate-700/80" href="/app-demo-videos/" title="App Demo Videos">App Demo Videos</a></li> 225 <li><a class="block rounded px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 focus:outline-none focus:ring-0 dark:text-slate-100 dark:hover:text-slate-50 dark:hover:bg-slate-700/80" href="/medical-video-production/" title="Medical Video Production">Medical Video Production</a></li> 226 <li><a class="block rounded px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 focus:outline-none focus:ring-0 dark:text-slate-100 dark:hover:text-slate-50 dark:hover:bg-slate-700/80" href="/youtube-video-agency/" title="YouTube Agency">YouTube Agency</a></li> 227 </ul> 228 </div> 229 </li> 230 <li> 231 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-gray-700 hover:text-blue-700 hover:bg-blue-50 dark:text-slate-200 dark:hover:text-slate-100 dark:hover:bg-slate-800/60" href="/about/" title="About Us">About</a> 232 </li> 233 <li> 234 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-gray-700 hover:text-blue-700 hover:bg-blue-50 dark:text-slate-200 dark:hover:text-slate-100 dark:hover:bg-slate-800/60" href="/portfolio/" title="Portfolio">Portfolio</a> 235 </li> 236 <li> 237 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-gray-700 hover:text-blue-700 hover:bg-blue-50 dark:text-slate-200 dark:hover:text-slate-100 dark:hover:bg-slate-800/60" href="/blog/" title="Blog">Blog</a> 238 </li> 239 <li> 240 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-gray-700 hover:text-blue-700 hover:bg-blue-50 dark:text-slate-200 dark:hover:text-slate-100 dar
240k:hover:bg-slate-800/60" href="/faq/" title="Frequently Asked Questions">FAQ</a> 241 </li> 242 <li class="lg:hidden"> 243 <a class="nav-link inline-flex items-center justify-center h-10 px-3 rounded-md transition-colors font-medium text-sm text-blue-700 bg-blue-50 dark:bg-slate-800/60 dark:text-slate-100" href="/contact/" title="Contact HiLo Media">Contact</a> 244 </li> 245 </ul> 246 247 <div class="flex items-center gap-4 lg:ml-12"> 248 <button type="button" 249 class="hidden lg:inline-flex items-center justify-center h-10 w-10 rounded-[10px] border border-transparent bg-white/70 text-gray-700 shadow-sm transition-colors hover:bg-blue-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 dark:bg-slate-800/70 dark:text-slate-200 dark:hover:bg-slate-700" 250 data-theme-toggle 251 aria-pressed="false" 252 aria-label="Toggle dark mode"> 253 <svg data-theme-icon="sun" class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 254 <path d="M12 3v1.5m6.364 1.136-1.06 1.06M21 12h-1.5m-1.136 6.364-1.06-1.06M12 21v-1.5m-6.364-1.136 1.06-1.06M3 12h1.5m1.136-6.364 1.06 1.06M12 7.5A4.5 4.5 0 1 0 16.5 12 4.5 4.5 0 0 0 12 7.5Z" /> 255 </svg> 256 <svg data-theme-icon="moon" class="hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 257 <path d="M21 12.79A9 9 0 0 1 11.21 3a7 7 0 1 0 9.79 9.79Z" /> 258 </svg> 259 </button> 260 261 <form class="hidden md:flex items-center h-10" action="/search/" method="get"> 262 <input class="w-[200px] mr-2 h-10 rounded-[10px] border border-gray-300 bg-white/80 px-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:border-slate-600 dark:bg-slate-800/80 dark:text-slate-100 dark:placeholder-slate-400" type="search" placeholder="Search" aria-label="Search" name="q"> 263 <button class="inline-flex items-center justify-center h-10 rounded-[10px] border border-blue-300 bg-blue-50 px-3 text-sm text-blue-700 hover:bg-blue-100 dark:border-slate-600 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600" type="submit"> 264 <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> 265 </button> 266 </form> 267 268 269 270 <a href="/contact/" class="contact-cta hidden lg:inline-flex items-center justify-center h-10 whitespace-nowrap rounded-[10px] bg-gradient-to-b from-[#5b8def] to-[#4a7fe0] px-3 text-sm font-medium shadow hover:brightness-110 dark:from-slate-700 dark:to-slate-900" title="Contact HiLo Media">Contact</a> 271 </div> 272 </div> 273 </div> 274 </nav> 275 276 <!-- Mobile nav backdrop (shown when mobile menu is open) --> 277 <div id="mobileNavBackdrop" class="fixed inset-0 bg-black/30 z-[9000] hidden lg:hidden"></div> 278</header> 279 280 281 <!-- Main Content --> 282 <main class="flex-1"> 283 <div class="w-full px-0"> 284 285 286 287 <section class="section-spacing"> 288 <div class="max-w-3xl mx-auto px-4"> 289 <div class="text-center mb-10"> 290 <p class="hm-eyebrow mb-3">Start a project</p> 291 <h1 class="mb-4">Contact HiLo Media</h1> 292 </div> 293 <article class="glass-surface mx-auto max-w-2xl rounded-2xl border border-gray-100/80 p-6 text-left shadow-soft dark:border-slate-700/60"> 294 <h2 class="text-lg font-semibold text-gray-900 dark:text-slate-100">Tell us what you need to explain.</h2> 295 296 297 <form method="post" action="/contact/" class="mt-6 space-y-5" data-contact-form> 298 299 <input type="hidden" name="csrfmiddlewaretoken" value="2FpgoxZiq8ov6t4EmcqXKwSkxhii6QqjBHDFXY6XKpf56dXwgz9rjNTYKPVrG53Q"> 300 <input type="hidden" name="form_started_at" value="eyJpc3N1ZWRfYXQiOjE3OTExODA1NTN9:1xDbsv:hhoaivbPn1RG887fsy7biy4-bZIitbpKbEvI0tGBXoI" id="id_form_started_at"> 301 <div class="sr-only" aria-hidden="true"> 302 <label for="id_website">Leave this field blank</label> 303 <input type="text" name="website" autocomplete="off" tabindex="-1" id="id_website"> 304 </div> 305 306 <div class="grid gap-5 sm:grid-cols-2"> 307 <div> 308 <label for="id_name" class="text-sm font-medium text-slate-900 dark:text-slate-100">Name</label> 309 <input type="text" name="name" autocomplete="name" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dar
309k:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" maxlength="100" required id="id_name"> 310 311 </div> 312 <div> 313 <label for="id_email" class="text-sm font-medium text-slate-900 dark:text-slate-100">Work email</label> 314 <input type="email" name="email" autocomplete="email" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" maxlength="320" required id="id_email"> 315 316 </div> 317 <div> 318 <label for="id_company" class="text-sm font-medium text-slate-900 dark:text-slate-100">Company <span class="font-normal text-slate-500 dark:text-slate-300">(optional)</span></label> 319 <input type="text" name="company" autocomplete="organization" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" maxlength="120" id="id_company"> 320 321 </div> 322 <div> 323 <label for="id_service" class="text-sm font-medium text-slate-900 dark:text-slate-100">What kind of video do you need?</label> 324 <select name="service" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" required id="id_service"> 325 <option value="" selected>Choose a service</option> 326 327 <option value="app-demo-videos">App demo videos</option> 328 329 <option value="software-tutorial-videos">Software tutorial videos</option> 330 331 <option value="saas-onboarding-tutorial-video-production">SaaS onboarding and tutorial videos</option> 332 333 <option value="explainer-video-production">Explainer video production</option> 334 335 <option value="ai-video-production">AI-assisted video production</option> 336 337 <option value="medical-video-production">Medical video production</option> 338 339 <option value="youtube-video-agency">YouTube video production</option> 340 341 <option value="other">Other or not sure yet</option> 342 343</select> 344 345 </div> 346 </div> 347 <div class="grid gap-5 sm:grid-cols-2"> 348 <div> 349 <label for="id_discovery_source" class="text-sm font-medium text-slate-900 dark:text-slate-100">How did you find HiLo Media? <span class="font-normal text-slate-500 dark:text-slate-300">(optional)</span></label> 350 <select name="discovery_source" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" id="id_discovery_source"> 351 <option value="" selected>Choose an option</option> 352 353 <option value="ai_assistant">AI assistant or agentic search</option> 354 355 <option value="search_engine">Google or another search engine</option> 356 357 <option value="referral">Referral or recommendation</option> 358 359 <option value="social_media">Social media</option> 360 361 <option value="existing_client">Existing client or prior work</option> 362 363 <option value="other">Other</option> 364 365</select> 366 367 </div> 368 <div> 369 <label for="id_discovery_detail" class="text-sm font-medium text-slate-900 dark:text-slate-100">Which assistant, search, or referral? <span class="font-normal text-slate-500 dark:text-slate-300">(optional)</span></label> 370 <input type="text" name="discovery_detail" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dar
370k:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" placeholder="For example: ChatGPT, Google, or a colleague" maxlength="120" id="id_discovery_detail"> 371 372 </div> 373 </div> 374 <div> 375 <label for="id_subject" class="text-sm font-medium text-slate-900 dark:text-slate-100">Project or question</label> 376 <input type="text" name="subject" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" maxlength="120" required id="id_subject"> 377 378 </div> 379 <div> 380 <label for="id_message" class="text-sm font-medium text-slate-900 dark:text-slate-100">Project details</label> 381 <textarea name="message" cols="40" rows="6" class="mt-2 block w-full rounded-[10px] border border-slate-300 bg-white px-3 py-2 text-sm text-slate-950 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-blue-400 dark:focus:ring-slate-700" placeholder="Share the audience, product or workflow, timing, and any useful links." required id="id_message"> 382</textarea> 383 384 </div> 385 <button 386 type="submit" 387 class="contact-cta inline-flex items-center justify-center rounded-[10px] bg-gradient-to-b from-[#5b8def] to-[#4a7fe0] px-5 py-3 text-sm font-semibold text-white shadow transition hover:brightness-110 dark:from-slate-700 dark:to-slate-900" 388 > 389 Send project details 390 </button> 391 </form> 392 <p class="mt-7 text-sm text-gray-700 dark:text-slate-300"> 393 Prefer a direct conversation? Email, call, text, or start a Telegram chat: 394 </p> 395 <div class="mt-5 grid gap-3 text-sm text-gray-800 dark:text-slate-200 sm:grid-cols-3"> 396 <p class="rounded-[14px] border border-slate-200 bg-white/70 p-4 dark:border-slate-700 dark:bg-slate-900/70"> 397 <span class="mb-3 flex h-9 w-9 items-center justify-center rounded-[10px] bg-blue-50 text-blue-700 dark:bg-slate-800 dark:text-slate-100" aria-hidden="true"> 398 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.018 0L2 7" /><rect width="20" height="16" x="2" y="4" rx="2" /></svg> 399 </span> 400 Email us at <a href="mailto:[email protected]" class="font-medium underline decoration-1 underline-offset-2" data-contact-context="general" data-contact-source="contact-page-email">[email protected]</a> 401 </p> 402 <p class="rounded-[14px] border border-slate-200 bg-white/70 p-4 dark:border-slate-700 dark:bg-slate-900/70"> 403 <span class="mb-3 flex h-9 w-9 items-center justify-center rounded-[10px] bg-cyan-50 text-cyan-700 dark:bg-slate-800 dark:text-slate-100" aria-hidden="true"> 404 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 5.15 12.8 19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.6 2.61a2 2 0 0 1-.45 2.11L8.09 9.56a16 16 0 0 0 6.35 6.35l1.12-1.12a2 2 0 0 1 2.11-.45c.84.28 1.71.48 2.61.6A2 2 0 0 1 22 16.92Z" /></svg> 405 </span> 406 Call or text <a href="tel:+18284904227" class="font-medium underline decoration-1 underline-offset-2" data-contact-context="general" data-contact-source="contact-page-phone">+1-828-490-4227</a> 407 </p> 408 <p class="rounded-[14px] border border-slate-200 bg-white/70 p-4 dark:border-slate-700 dark:bg-slate-900/70"> 409 <span class="mb-3 flex h-9 w-9 items-center justify-center rounded-[10px] bg-emerald-50 text-emerald-700 dark:bg-slate-800 dark:text-slate-100" aria-hidden="true"> 410 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a4 4 0 0 1-4 4H7l-4 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" /></svg> 411 </span> 412 Prefer Telegram? <a href="https://t.me/josephnilo" class="font-medium underline decoration-1 underline-offset-2" target="_blank" rel="noopener noreferrer" data-contact-context="general" data-contact-source="contact-page-telegram">Start a chat</a> 413 </p> 414 </div> 415 <p class="mt-5 text-sm text-gray-700 dark:text-slate-300"> 416 East Coast USA business hours are best, but donât worryâweâll get back to you as soon as we can. 417 </p> 418 <p class="mt-3 text-sm text-gray-700 dark:text-slate-300"> 419 Whether youâve got a big project, a quick question, or just want to say hello, weâd love to hear from you. 420 </p> 421 </article> 422 <div class="mt-12 max-w-2xl mx-auto text-sm leading-relaxed text-gray-700 dark:text-slate-200 prose prose-slate"> 423 <h2 class="section-heading text-xl text-slate-900 dark:text-slate-100 mt-0">What to Share in Your First Message</h2> 424 <ul class="list-disc pl-6"> 425 <li>Which service lane youâre exploring (App Demo, Software Tutorial, Explainer, Medical, or YouTube Agency).</li> 426 <li>Your launch goal or KPI (trial-to-paid lift, onboarding completion, sales enablement, patient education, etc.).</li> 427 <li>Timeline, budget guardrails, and any platform specifics (App Store previews, Google Play promo videos, Shorts, or training portal exports
427).</li> 428 </ul> 429 <p> 430 Tell us what kind of story you need to tell and weâll point you toward the right production lane. 431 Early funnel launches and app store pushes typically tap our 432 <a href="/app-demo-videos/" class="text-blue-700 hover:text-blue-900">App Demo Video program</a>, 433 while teams building evergreen onboarding or admin education lean on the 434 <a href="/software-tutorial-videos/" class="text-blue-700 hover:text-blue-900">Software Tutorial Video offering</a> 435 for modular lessons. We can also bundle those deliverables so SaaS orgs get walkthroughs, FAQs, and adoption clips in a single sprint. 436 </p> 437 <p> 438 Looking for a more narrative pitch or executive-ready explainer? Our 439 <a href="/explainer-video-production-company/" class="text-blue-700 hover:text-blue-900">Explainer Video Production team</a> 440 designs hero assets that ladder directly into revenue campaigns, and the 441 <a href="/youtube-video-agency/" class="text-blue-700 hover:text-blue-900">YouTube Agency retainer</a> 442 keeps your channel fed with optimized content. Medical brands and regulated products can tap our 443 <a href="/medical-video-production/" class="text-blue-700 hover:text-blue-900">Medical Video Production practice</a> 444 for compliant scripts, subject-matter interviews, and motion graphics that meet review board expectations. 445 Share a quick brief when you reach out and weâll recommend timelines, budgets, and deliverables that align with one of these core service tracks. 446 </p> 447 <h2 class="section-heading text-xl text-slate-900 dark:text-slate-100">Optional: What Happens Next (Timeline & Kickoff)</h2> 448 <p> 449 After we review your note weâll book a 30-minute roadmap call, follow with a proposal + schedule, and lock production 450 once the deposit arrives. Most sprints run 3â6 weeks depending on scope; youâll get a milestone calendar outlining 451 scripting, capture, edit, review, and delivery dates so stakeholders stay in sync. 452 </p> 453 </div> 454 </div> 455 </section> 456 457 </div> 458 </main> 459 460 <!-- Footer --> 461 462 463 464 465<footer class="footer mt-auto py-8 glass-footer text-sm dark:text-slate-200"> 466 <div class="container px-6 sm:px-8 lg:px-10"> 467 <div class="grid grid-cols-1 gap-7 md:grid-cols-4 md:gap-8"> 468 <div> 469 <h5 class="text-base font-semibold text-gray-800 dark:text-slate-100">HiLo Media</h5> 470 <p class="mt-2 mb-1 text-gray-700 dark:text-slate-300">Phone: +1-828-490-4227</p> 471 <p class="mb-1 text-gray-700 dark:text-slate-300">Email: <a href="mailto:[email protected]" class="text-blue-600 hover:text-blue-700 dark:text-slate-200 dark:hover:text-slate-100" title="Email HiLo Media">[email protected]</a></p> 472 <p class="text-gray-700 dark:text-slate-300">Proudly based in Asheville, NC</p> 473 <div class="social-icons mt-2 flex items-center gap-3"> 474 <a href="https://www.facebook.com/hilomedia" aria-label="Facebook" title="HiLo Media on Facebook" class="text-gray-600 hover:text-blue-600 dark:text-slate-400 dark:hover:text-slate-100"><i class="fab fa-facebook-f"></i></a> 475 <a href="https://twitter.com/hilomedia" aria-label="Twitter" title="HiLo Media on Twitter" class="text-gray-600 hover:text-blue-600 dark:text-slate-400 dark:hover:text-slate-100"><i class="fab fa-twitter"></i></a> 476 <a href="https://www.youtube.com/hilomedia" aria-label="YouTube" title="HiLo Media on YouTube" class="text-gray-600 hover:text-blue-600 dark:text-slate-400 dark:hover:text-slate-100"><i class="fab fa-youtube"></i></a> 477 <a href="https://www.instagram.com/hilomedia" aria-label="Instagram" title="HiLo Media on Instagram" class="text-gray-600 hover:text-blue-600 dark:text-slate-400 dark:hover:text-slate-100"><i class="fab fa-instagram"></i></a> 478 </div> 479 </div> 480 <div> 481 <h5 class="text-base font-semibold text-gray-800 dark:text-slate-100">About</h5> 482 <ul class="mt-2 space-y-1"> 483 <li><a href="/about/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="About HiLo Media">About Us</a></li> 484 <li><a href="/blog/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Read the HiLo Media blog">Blog</a></li> 485 <li><a href="/faq/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Frequently asked questions">FAQ</a></li> 486 </ul> 487 <h5 class="mt-5 text-base font-semibold text-gray-800 dark:text-slate-100">Sitemaps</h5> 488 <ul class="mt-2 space-y-1"> 489 <li><a href="/sitemap.xml" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="XML Sitemap">XML Sitemap</a></li> 490 </ul> 491 </div> 492 <div> 493 <h5 class="text-base font-semibold text-gray-800 dark:text-slate-100">Services</h5> 494 <ul class="mt-2 space-y-1"> 495 <li><a href="/software-tutorial-videos/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Software tutorial video services">Software Tutorial Videos</a></li> 496 <li><a href="/explainer-video-production-company/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Explainer video services">Explainer Videos</a></li> 497 <li>
497<a href="/app-demo-videos/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="App demo video services">App Demo Videos</a></li> 498 <li><a href="/medical-video-production/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Medical video production services">Medical Video Production</a></li> 499 <li><a href="/youtube-video-agency/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="YouTube video agency services">YouTube Video Agency</a></li> 500 <li><a href="/portfolio/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="View the full portfolio">Full Portfolio</a></li> 501 </ul> 502 </div> 503 <div> 504 <h5 class="text-base font-semibold text-gray-800 dark:text-slate-100">Contact HiLo Media</h5> 505 <p class="mt-2 text-gray-700 dark:text-slate-300">Send project details and we can help shape the right video approach.</p> 506 <a href="/contact/" class="contact-cta footer-cta inline-flex items-center rounded-[10px] bg-gradient-to-b from-[#5b8def] to-[#4a7fe0] px-4 py-2 text-sm font-medium shadow hover:brightness-110 mt-3 dark:from-slate-700 dark:to-slate-900" title="Email HiLo Media">Email HiLo Media</a> 507 <p class="mt-2"><a href="/accounts/login/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Staff login">Staff Login</a></p> 508 </div> 509 </div> 510 <hr class="my-6 border-gray-300 dark:border-slate-700"> 511 <div class="footer-row px-3 py-4 md:flex md:items-center md:justify-between md:px-4 md:py-3 text-xs md:text-sm text-gray-600 dark:text-slate-300"> 512 <p class="mb-0">© HiLo Media, LLC 2026 | All Rights Reserved</p> 513 <p class="mt-2 flex flex-wrap gap-x-3 gap-y-1 md:mt-0 md:justify-end"> 514 <a href="/privacy-policy/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Privacy policy">Privacy Policy</a> 515 <a href="/terms-of-service/" class="text-gray-700 hover:text-blue-700 dark:text-slate-300 dark:hover:text-slate-100" title="Terms of service">Terms of Service</a> 516 </p> 517 </div> 518 <div class="px-3 pb-1 text-[11px] text-gray-500 md:px-4 dark:text-slate-400"> 519 520 <span id="version-stamp">Build v1791180553 (/contact/)</span> 521 </div> 522 </div> 523</footer> 524 525 526 527 528 <!-- Custom JS --> 529
529<script src="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/js/project.js" defer></script>
529 530 531 <!-- Flowbite --> 532
532<script src="https://nyc3.digitaloceanspaces.com/hilomedia-spaces/vendor/flowbite/flowbite.min.js" defer></script>
532 533 534 535 536 537 538
538<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" nonce="PcXQzlmtJzhhwi9SKRhdSg==" data-cf-beacon='{"version":"2024.11.0","token":"5942819cf2414f7dbdd2f0b81d5f95c5","r":1,"spa":2}' crossorigin="anonymous"></script>
538 539</body> 540</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.