PageSourceSearch

https://hilomedia.com/contact/

html hilomedia.com collected 2026-10-05 06:09:15 UTC 38,013 bytes, 540 lines download raw bytes

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 &amp; 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">&copy; 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.