PageSourceSearch

https://www.nearcontact.com/contact/

html nearcontact.com collected 2026-09-30 14:16:29 UTC 41,102 bytes, 610 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en"><head><meta charset="UTF-8"><meta name="google-site-verification" content="VWwNUKHeaHEOguAZpJ4_ZvhWfr9N3KQDW-stm0mzuPY" /><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Contact Us- Near Contact | Nearshore IT and Outsourcing</title>
3<link rel="canonical" href="https://www.nearcontact.com/contact/">
4<meta name="description" content="Get in touch with Near Contact for nearshore IT services, staff augmentation, software development, cloud, data analytics, and Microsoft solutions from Mexico">
5<meta property="og:title" content="Contact Us- Near Contact | Nearshore IT and Outsourcing">
6<meta property="og:description" content="Get in touch with Near Contact for nearshore IT services, staff augmentation, software development, cloud, data analytics, and Microsoft solutions from Mexico">
7<meta property="og:type" content="website">
8<meta property="og:url" content="https://www.nearcontact.com/contact/">
9<meta name="twitter:card" content="summary_large_image">
10<meta name="twitter:title" content="Contact Us- Near Contact | Nearshore IT and Outsourcing">
11<meta name="twitter:description" content="Get in touch with Near Contact for nearshore IT services, staff augmentation, software development, cloud, data analytics, and Microsoft solutions from Mexico">
12<meta property="og:image" content="https://nearcontact.com/assets/images/pexels-mart-production-7643788-f7d64f23.jpg">
13<meta property="og:image:width" content="1200">
14<meta property="og:image:height" content="630">
15<meta name="twitter:image" content="https://nearcontact.com/assets/images/pexels-mart-production-7643788-f7d64f23.jpg">
16<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/inter/index.css">
17<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono/index.css">
18<link rel="stylesheet" href="/homepage-shared.css">
19<style>
20/* ============ NAV ============ */
21.nav { position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.9); backdrop-filter:blur(14px) saturate(180%); border-bottom:1px solid var(--rule); }
22.nav-inner { max-width:var(--max); margin:0 auto; padding:14px 32px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
23.logo { display:flex; align-items:center; gap:0; font:600 17px/1 var(--font-sans); letter-spacing:-0.025em; color:var(--navy-500); text-decoration:none; }
24.nav-links { display:flex; gap:28px; }
25.nav-links a { font-size:14px; color:var(--navy-500); text-decoration:none; font-weight:500; transition: color 150ms var(--ease); }
26.nav-links a:hover { color:var(--red-500); }
27.nav-links a.is-active { color:var(--red-500); }
28.nav-actions { display:flex; align-items:center; gap:14px; }
29.nav-phone { font-size:13px; color:var(--neutral-500); }
30
31/* ============ HERO - shorter than other pages ============ */
32.hero { background:var(--navy-900); color:#fff; padding:48px 0 0; position:relative; overflow:hidden; }
33.hero::before { content:''; position:absolute; top:0; right:0; width:60%; height:100%; background: radial-gradient(ellipse at top right, rgba(33,78,126,0.45), transparent 60%); pointer-events:none; }
34.hero::after { content:''; position:absolute; bottom:-220px; left:-180px; width:520px; height:520px; background: radial-gradient(circle, rgba(214,62,55,0.10), transparent 70%); pointer-events:none; }
35.hero-inner { position:relative; z-index:1; padding-top:48px; padding-bottom:72px; }
36.crumbs-inner { font:600 11px/1 var(--font-mono); letter-spacing:0.12em; text-transform:uppercase; display:flex; gap:14px; align-items:center; color:var(--neutral-400); }
37.crumbs-inner a { color:var(--neutral-400); text-decoration:none; transition: color 150ms var(--ease); }
38.crumbs-inner a:hover { color:#fff; }
39.crumbs-inner .sep { color:var(--navy-700); }
40.crumbs-inner .here { color:var(--red-400); }
41.hero-eyebrow { display:inline-flex; align-items:center; gap:12px; font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--red-400); margin-bottom:32px; }
42.hero-eyebrow::before { content:''; width:32px; height:1px; background:var(--red-400); }
43.hero-eyebrow .num { color:var(--neutral-500); }
44.hero-h1 { font-size: clamp(40px, 5vw, 72px); line-height:0.94; letter-spacing:-0.04em; font-weight:600; margin-bottom:28px; max-width:16ch; }
45.hero-h1 em { font-style:normal;
45 color:var(--red-500); }
46.hero-h1 .ghost { color:var(--navy-400); }
47.hero-lede { font-size:19px; line-height:1.55; color:var(--neutral-300); max-width:56ch; }
48.hero-promise { margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.14); display:grid; grid-template-columns:repeat(3, 1fr); gap:0; }
49.hero-promise-cell { padding:0 28px 0 0; border-right:1px solid rgba(255,255,255,0.08); display:flex; flex-direction:column; gap:6px; }
50.hero-promise-cell:last-child { border-right:none; padding-right:0; }
51.hero-promise-cell + .hero-promise-cell { padding-left:28px; }
52.hero-promise-key { font:600 10px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.14em; color:var(--neutral-500); }
53.hero-promise-val { font-size:17px; font-weight:600; color:#fff; letter-spacing:-0.01em; line-height:1.3; }
54.hero-promise-val em { font-style:normal; color:var(--red-400); }
55
56/* ============ CONTACT MAIN - form + side info ============ */
57.contact { padding:96px 0 64px; }
58.contact-grid { display:grid; grid-template-columns:7fr 5fr; gap:80px; align-items:start; }
59
60/* Form column */
61.form-eyebrow { margin-bottom:16px; }
62.form-h2 { font-size:clamp(32px, 4vw, 44px); line-height:1.08; letter-spacing:-0.025em; font-weight:600; color:var(--navy-900); margin-bottom:14px; max-width:22ch; }
63.form-h2 em { font-style:normal; color:var(--red-500); }
64.form-lede { font-size:16px; line-height:1.6; color:var(--neutral-600); max-width:54ch; margin-bottom:40px; }
65
66.form-card { background:#fff; border:1px solid var(--rule); border-radius:18px; padding:40px; box-shadow:0 8px 24px -16px rgba(13,17,24,0.08); }
67.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
68.field { display:flex; flex-direction:column; gap:8px; margin-bottom:24px; }
69.field-row .field { flex:1; margin-bottom:0; }
70.field label { font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; color:var(--neutral-500); display:flex; align-items:center; gap:6px; }
71.field label .req { color:var(--red-500); }
72.field input, .field textarea, .field select {
73  border:1px solid var(--rule); background:#fff; padding:14px 16px; border-radius:10px;
74  font:400 15px/1.4 var(--font-sans); color:var(--navy-900);
75  transition: border-color 150ms var(--ease), box-shadow 150ms var(--ease);
76  width:100%; font-feature-settings: "cv11","ss01","ss03";
77}
78.field input::placeholder, .field textarea::placeholder { color:var(--neutral-400); }
79.field input:focus, .field textarea:focus, .field select:focus {
80  outline:none; border-color:var(--navy-500); box-shadow:0 0 0 3px rgba(33,78,126,0.12);
81}
82.field textarea { min-height:120px; resize:vertical; font-family:var(--font-sans); }
83.field select { appearance:none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat:no-repeat; background-position: right 16px center; padding-right:44px; }
84
85.chip-group { display:flex; flex-wrap:wrap; gap:8px; }
86.chip-label { position:relative; cursor:pointer; }
87.chip-label input { position:absolute; opacity:0; pointer-events:none; }
88.chip-label span { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid var(--rule); border-radius:999px; font:600 12px/1 var(--font-sans); color:var(--navy-700); background:#fff; transition: all 150ms var(--ease); }
89.chip-label span::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--neutral-300); transition: background 150ms var(--ease); }
90.chip-label:hover span { border-color:var(--navy-300); color:var(--navy-900); }
91.chip-label input:checked + span { background:var(--navy-50); border-color:var(--navy-500); color:var(--navy-700); }
92.chip-label input:checked + span::before { background:var(--red-500); }
93
94.form-foot { margin-top:8px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding-top:24px; border-top:1px solid var(--rule); }
95.form-foot-note { font-size:12px; color:var(--neutral-500); line-height:1.5; max-width:36ch; }
96.form-foot-note strong { color:var(--navy-700); font-weight:600; }
97.form-submit { font-size:15px; padding:14px 24px; }
98
99/* Side info column */
100.info-stack { display:flex; flex-direction:column; gap:0; position:sticky; top:96px; }
101.info-block { padding:32px 0; border-bottom:1px solid var(--rule); }
102.info-block:first-child { padding-top:0; }
103.info-block:last-child { border-bottom:none; }
104.info-label { font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--neutral-500); margin-bottom:16px; display:flex; align-items:center; gap:10px; }
105.info-label .dot { width:7px; height:7px; border-radius:50%; background:var(--red-500); box-shadow:0 0 0 4px rgba(214,62,55,0.15); }
106.info-label .dot.is-static { background:var(--navy-400); box-shadow:none; }
107.info-line { font-size:18px; font-weight:600; color:var(--navy-900); letter-spacing:-0.015em; line-height:1.3; }
108.info-line a { color:inherit; text-decoration:none; transition: color 150ms var(--ease); }
109.info-line a:hover { color:var(--red-500); }
110.info-line + .info-line { margin-top:6px; }
111.info-sub { font-size:13.5px; line-height:1.55; color:var(--neutral-600); margin-top:8px; max-width:38ch; }
112
113.info-hours { display:flex; flex-direction:column; gap:8px; }
114.info-hours-row { display:grid; grid-template-columns:80px 1fr; gap:12px; font-size:13.5px; align-items:baseline; }
115.info-hours-row .day { font:600 11px/1.4 var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; color:var(--neutral-500); }
116.info-hours-row .time { color:var(--navy-900); font-weight:500; }
117.info-hours-row .time strong { color:var(--red-500); font-weight:600; }
118
119.info-routes { display:flex; flex-direction:column; gap:0; }
120.info-route { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:baseline; padding:14px 0; border-top:1px solid var(--rule); transition: padding 200ms var(--ease); }
121.info-route:first-child { border-top:none; padding-top:4px; }
122.info-route:hover { padding-left:6px; padding-right:6px; }
123.info-route-name { font-size:14px; font-weight:600; color:var(--navy-900); letter-spacing:-0.01em; }
124.info-route-name span { display:block; font:500 12px/1.5 var(--font-sans); color:var(--neutral-500); margin-top:2px; }
125.info-route-link { font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; color:var(--navy-500); text-decoration:none; transition: color 150ms var(--ease); white-space:nowrap; }
126.info-route-link:hover { color:var(--red-500); }
127
128/* ============ LOCATIONS ============ */
129.locs { padding:96px 0; background:var(--neutral-50); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
130.locs-head { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; align-items:end; margin-bottom:56px; }
131.locs-eyebrow { margin-bottom:20px; }
132.locs-head h2 { font-size:clamp(40px, 5vw, 56px); line-height:1.04; letter-spacing:-0.03em; font-weight:600; color:var(--navy-900); margin-bottom:14px; max-width:18ch; }
133.locs-head h2 em { font-style:normal;
133 color:var(--red-500); }
134.locs-head p { font-size:16px; line-height:1.6; color:var(--neutral-600); max-width:44ch; }
135
136.locs-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:0; border-top:1px solid var(--navy-200); border-left:1px solid var(--navy-200); background:#fff; }
137.loc { padding:36px 32px; border-right:1px solid var(--navy-200); border-bottom:1px solid var(--navy-200); display:flex; flex-direction:column; gap:0; }
138.loc-head { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:16px; }
139.loc-name { font-size:22px; font-weight:600; color:var(--navy-900); letter-spacing:-0.02em; }
140.loc-code { font:600 11px/1 var(--font-mono); color:var(--neutral-400); letter-spacing:0.12em; }
141.loc-role { font:600 11px/1.4 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--red-500); margin-bottom:18px; }
142.loc-addr { font-size:14px; line-height:1.5; color:var(--neutral-600); padding:18px 0; border-top:1px solid var(--rule); }
143.loc-addr strong { color:var(--navy-900); font-weight:600; display:block; margin-bottom:2px; }
144.loc-meta { padding-top:18px; margin-top:auto; border-top:1px solid var(--rule); display:flex; justify-content:space-between; align-items:center; gap:12px; }
145.loc-meta-key { font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; color:var(--neutral-500); }
146.loc-tel { font-size:14px; font-weight:600; color:var(--navy-900); text-decoration:none; transition: color 150ms var(--ease); }
147.loc-tel:hover { color:var(--red-500); }
148
149/* ============ ROUTES STRIP - final dark panel ============ */
150.routes { padding:120px 0; background:var(--navy-900); color:#fff; }
151.routes-head { max-width:760px; margin-bottom:64px; }
152.routes-eyebrow { display:inline-flex; align-items:center; gap:12px; font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--red-400); margin-bottom:20px; }
153.routes-eyebrow::before { content:''; width:32px; height:1px; background:currentColor; }
154.routes-eyebrow .num { color:var(--neutral-500); }
155.routes-h2 { font-size:clamp(36px, 4.6vw, 56px); line-height:1.05; letter-spacing:-0.03em; font-weight:600; color:#fff; margin-bottom:14px; max-width:20ch; }
156.routes-h2 em { font-style:normal; color:var(--red-500); }
157.routes-lede { font-size:17px; line-height:1.55; color:var(--neutral-300); max-width:54ch; }
158
159.route-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:0; border-top:1px solid rgba(255,255,255,0.12); border-left:1px solid rgba(255,255,255,0.12); }
160.route-cell { padding:36px 32px; border-right:1px solid rgba(255,255,255,0.12); border-bottom:1px solid rgba(255,255,255,0.12); display:flex; flex-direction:column; gap:14px; transition: background 200ms var(--ease); text-decoration:none; color:inherit; }
161.route-cell:hover { background:rgba(255,255,255,0.03); }
162.route-cell-num { font:600 11px/1 var(--font-mono); letter-spacing:0.12em; color:var(--neutral-500); }
163.route-cell h3 { font-size:22px; font-weight:600; color:#fff; letter-spacing:-0.02em; line-height:1.2; max-width:20ch; }
164.route-cell h3 em { font-style:normal; color:var(--red-400); }
165.route-cell p { font-size:14px; line-height:1.6; color:var(--neutral-300); max-width:42ch; }
166.route-cell-go { margin-top:auto; padding-top:18px; font:600 12px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; color:var(--red-400); display:inline-flex; align-items:center; gap:10px; transition: gap 200ms var(--ease); }
167.route-cell:hover .route-cell-go { gap:16px; }
168.route-cell-go svg { width:14px; height:14px; stroke-width:2; }
169
170/* ============ FOOTER ============ */
171footer { background:var(--navy-950); color:var(--neutral-300); padding:80px 0 32px; }
172.foot-top { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid var(--navy-800); }
173.foot-logo { display:flex; align-items:center; gap:0; color:#fff; font:600 18px/1 var(--font-sans); letter-spacing:-0.025em; margin-bottom:16px; }
174.foot-tag { font-size:14px; line-height:1.55; color:var(--neutral-400); max-width:32ch; }
175.foot-col h4 { font:600 12px/1 var(--font-sans); text-transform:uppercase; letter-spacing:0.08em; color:#fff; margin-bottom:20px; }
176.foot-col ul { list-style:none; display:flex; flex-direction:column; gap:12px; }
177.foot-col a { font-size:14px; color:var(--neutral-400); text-decoration:none; transition: color 150ms var(--ease); }
178.foot-col a:hover { color:#fff; }
179.foot-bot { padding-top:32px; font-size:13px; color:var(--neutral-500); display:flex; justify-content:space-between; }
180.foot-meta { font-family: var(--font-mono); font-size:11px; }
181
182/* ============ RESPONSIVE ============ */
183@media (max-width: 1024px) {
184  :root { --max: 100%; }
185  .container { padding: 0 28px; }
186  .contact { padding: 80px 0 48px; }
187  .locs, .routes { padding: 88px 0; }
188
189  .nav-links { display:none; }
190  .nav-phone { display:none; }
191
192  .hero-inner { padding-top:40px; padding-bottom:64px; }
193  .hero-h1 { font-size:clamp(48px, 8vw, 72px); max-width:18ch; }
194  .hero-lede { font-size:18px; }
195  .hero-promise { grid-template-columns:1fr; gap:0; margin-top:36px; }
196  .hero-promise-cell { padding:18px 0 !important; border-right:none !important; border-top:1px solid rgba(255,255,255,0.08); }
197  .hero-promise-cell:first-child { border-top:none; padding-top:0 !important; }
198
199  .contact-grid { grid-template-columns:1fr; gap:48px; }
200  .info-stack { position:static; }
201  .info-block:first-child { padding-top:32px; border-top:1px solid var(--rule); }
202
203  .locs-head { grid-template-columns:1fr; gap:24px; align-items:start; margin-bottom:40px; }
204  .locs-grid { grid-template-columns:1fr; }
205
206  .route-grid { grid-template-columns:1fr; }
207
208  .foot-top { grid-template-columns:1.4fr 1fr 1fr; gap:40px; }
209  .foot-top > :first-child { grid-column:span 3; padding-bottom:16px; border-bottom:1px solid var(--navy-800); margin-bottom:16px; }
210}
211
212@media (max-width: 640px) {
213  .container { padding: 0 20px; }
214  .contact { padding: 56px 0 32px; }
215  .locs, .routes { padding: 64px 0; }
216
217  .nav-inner { padding:12px 20px; gap:12px; }
218  .logo img { height:32px !important; }
219  .crumbs-inner { font-size:10px; gap:8px; overflow-x:auto; white-space:nowrap; }
220
221  .hero { padding-top:32px; }
222  .hero-inner { padding-top:32px; padding-bottom:48px; }
223  .hero-h1 { font-size:clamp(40px, 11vw, 56px); letter-spacing:-0.035em; margin-bottom:20px; max-width:none; }
224  .hero-lede { font-size:16px; }
225
226  .form-card { padding:28px 22px; border-radius:14px; }
227  .form-row { grid-template-columns:1fr; gap:0; }
228  .form-foot { flex-direction:column; align-items:stretch; }
229  .form-submit { width:100%; justify-content:center; }
230
231  .info-line { font-size:16px; }
232  .info-hours-row { grid-template-columns:64px 1fr; gap:10px; }
233
234  .locs-head h2 { font-size:clamp(28px, 7vw, 36px); }
235  .loc { padding:28px 22px; }
236  .loc-head { flex-direction:column; gap:6px; align-items:flex-start; }
237
238  .routes-h2 { font-size:clamp(28px, 8vw, 40px); }
239  .route-cell { padding:28px 22px; }
240
241  .foot-top { grid-template-columns:1fr 1fr; gap:28px; padding-bottom:32px; }
242  .foot-top > :first-child { grid-column:span 2; }
243  .foot-bot { flex-direction:column; align-items:flex-start; gap:8px; }
244}
245@media(max-width:1024px){
246  .contact-grid{grid-template-columns:1fr!important;gap:48px!important}
247  .hero-promise{grid-template-columns:1fr!important}
248  .hero-promise-cell{border-right:none!important;border-bottom:1px solid rgba(255,255,255,0.08);padding:20px 0!important}
249}
250@media(max-width:640px){
251  .hero-h1{font-size:clamp(40px,10vw,64px)!important}
252  .form-card{padding:24px 16px!important}
253  .form-row{grid-template-columns:1fr!important}
254  .chip-group{gap:6px}
255}
256/* mobile-responsive-injected */
257</style>
258  <link rel="icon" href="/assets/logos/nearcontact-favicon.png" type="image/png">
259
260<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Near Contact","url":"https://www.nearcontact.com/","logo":"https://www.nearcontact.com/assets/logos/nearcontact-logo.png","description":"Near Contact delivers nearshore IT staff augmentation and managed services with senior engineers from Mexico embedded inside US enterprise teams.","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (512) 853-9472","contactType":"customer service","areaServed":"US","availableLanguage":"en"}],"sameAs":["https://www.facebook.com/NearContact/","https://x.com/nearcontact","https://www.linkedin.com/company/nearcontact","https://www.instagram.com/nearcontactstaffing","https://youtube.com/@nearcontactincaustin"],"address":{"@type":"PostalAddress","streetAddress":"8127 Mesa Drive, Suite B206-68","addressLocality":"Austin","addressRegion":"TX","postalCode":"78759","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","latitude":30.372572,"longitude":-97.7583249},"openingHoursSpecification":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"18:00"}}</script>
vendor: 1 bytes, line 260
260
261<script type="application/ld+json">{"@context":"https://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.nearcontact.com/"},{"@type":"ListItem","position":2,"name":"Contact Us- Near Contact","item":"https://www.nearcontact.com/contact/"}]}</script>
261
262<!-- Apollo website tracker -->
262<script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script");o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0,o.onload=function(){window.trackingFunctions.onLoad({appId:"6a21e3a55f0fea0018e2f22a"})},document.head.appendChild(o)}initApollo();</script>
262</head>
263<body>
264
265<header class="nav">
266  <div class="nav-inner">
267    <a href="/index.html" class="logo"><img src="/assets/logos/nearcontact-logo.png" alt="Near Contact" style="height:70px;width:auto;display:block;"></a>
268    <nav class="nav-links">
269      <div class="nav-dropdown">
270        <span class="nav-dropdown-trigger">
271          Staff Augmentation
272          <svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
273        </span>
274        <div class="nav-dropdown-menu" role="menu">
275        <a href="/nearshore-it-staff-augmentation.html">Nearshore</a>
276        <a href="/onshore-staffing.html">Onshore</a>
277        </div>
278      </div>
279      <a href="/why-mexico-for-nearshore-it-services.html">Why Mexico</a>
280      <div class="nav-dropdown">
281        <a class="nav-dropdown-trigger" href="/services.html">
282          Other Services
283          <svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
284        </a>
285        <div class="nav-dropdown-menu" role="menu">
286          <a href="/captive-center.html">Captive Center</a>
287          <a href="/software-and-app-development.html">Software &amp; App Development</a>
288          <a href="/data-analytics.html">Data &amp; AI</a>
289          <a href="/cloud-services.html">Cloud Services</a>
290          <a href="/nearshore-help-desk-services.html">Nearshore Help Desk</a>
291        <a href="/ai-training.html">AI Training</a><a href="/products.html">Products</a>
292        </div>
293      </div>
294      <div class="nav-dropdown">
295        <a class="nav-dropdown-trigger" href="/microsoft-dynamics-365.html">
296          Microsoft
297          <svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
298        </a>
299        <div class="nav-dropdown-menu" role="menu">
300        <a href="/microsoft-azure.html">Microsoft Azure</a>
301        <a href="/power-platform.html">Power Platform</a>
302        <a href="/microsoft-dynamics-365.html">Dynamics 365</a>
303        </div>
304      </div>
305      <a href="/blog">Blog</a>
306    </nav>
307    <div class="nav-actions">
308      <span class="nav-phone">+1 (512) 853-9472</span>
309      <a href="/contact.html" class="btn btn-primary is-active">Let's talk</a>
310    </div>
311  </div>
312</header>
313
314<main>
315
316<!-- ===== HERO ===== -->
317<section class="hero" data-screen-label="Contact">
318  <div class="container">
319    <div class="crumbs-inner">
320      <span class="sep">/</span>
321      <span class="here">Contact</span>
322    </div>
323
324    <div class="hero-inner">
325      <div class="hero-eyebrow"><span class="num">00</span> Contact</div>
326      <h1 class="hero-h1">Tell us the work. <em>We'll tell you who fits.</em></h1>
327      <p class="hero-lede">A short brief here gets you a real conversation, not a templated reply. We answer every inbound from a real person, US-side, within one business day.</p>
328
329      <div class="hero-promise" role="list">
330        <div class="hero-promise-cell" role="listitem">
331          <div class="hero-promise-key">Reply time</div>
332          <div class="hero-promise-val"><em>&lt; 1</em> business day</div>
333        </div>
334        <div class="hero-promise-cell" role="listitem">
335          <div class="hero-promise-key">First call</div>
336          <div class="hero-promise-val">15 minutes, no slides</div>
337        </div>
338        <div class="hero-promise-cell" role="listitem">
339          <div class="hero-promise-key">Bad-fit policy</div>
340          <div class="hero-promise-val">We tell you on the call</div>
341        </div>
342      </div>
343    </div>
344  </div>
345</section>
346
347<!-- ===== CONTACT FORM + SIDE INFO ===== -->
348<section class="contact">
349  <div class="container">
350    <div class="contact-grid">
351
352      <!-- Form -->
353      <div>
354        <div class="section-eyebrow form-eyebrow" style="display:inline-flex; align-items:center; gap:12px; font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--red-500);">
355          <span style="width:32px; height:1px; background:currentColor;"></span><span style="color:var(--neutral-400);">01</span> · Brief us
356        </div>
357        <h2 class="form-h2">Five fields. <em>One real reply.</em></h2>
358        <p class="form-lede">The more specific you are, the more useful the first reply is. Even a paragraph in the message field gets you a tailored response instead of a calendar link.</p>
359
360        <form class="form-card" autocomplete="on" novalidate action="/submit.php" method="POST">
361          <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
362          <input type="hidden" name="_next" value="https://www.nearcontact.com/thank-you/">
363          <div class="form-row">
364            <div class="field">
365              <label for="f-name">Name <span class="req">*</span></label>
366              <input id="f-name" name="name" type="text" placeholder="First and last" required>
367            </div>
368            <div class="field">
369              <label for="f-company">Company <span class="req">*</span></label>
370              <input id="f-company" name="company" type="text" placeholder="Where you work" required>
371            </div>
372          </div>
373
374          <div class="form-row">
375            <div class="field">
376              <label for="f-email">Work email <span class="req">*</span></label>
377              <input id="f-email" name="email" type="email" placeholder="[email protected]" required>
378            </div>
379            <div class="field">
380              <label for="f-role">Role</label>
381              <input id="f-role" name="job_title" type="text" placeholder="VP Eng · Director Data · CTO …">
382            </div>
383          </div>
384
385          <div class="form-row">
386            <div class="field">
387              <label for="f-phone">Phone <span class="req">*</span></label>
388              <input id="f-phone" name="phone" type="tel" placeholder="+1 (555) 000-0000" required>
389            </div>
390          </div>
391
392          <div class="field">
393            <label>What shape are you exploring? <span style="color:var(--neutral-400); font-weight:500;">(pick any)</span></label>
394            <div class="chip-group">
395              <label class="chip-label"><input type="checkbox" name="shape" value="staff-aug"><span>Staff Augmentation</span></label>
396              <label class="chip-label"><input type="checkbox" name="shape" value="captive"><span>Captive Center</span></label>
397              <label class="chip-label"><input type="checkbox" name="shape" value="software"><span>Software &amp; App Dev</span></label>
398              <label class="chip-label"><input type="checkbox" name="shape" value="data-ai"><span>Data &amp; AI</span></label>
399              <label class="chip-label"><input type="checkbox" name="shape" value="cloud"><span>Cloud Services</span></label>
400              <label class="chip-label"><input type="checkbox" name="shape" value="helpdesk"><span>Help Desk</span></label>
401              <label class="chip-label"><input type="checkbox" name="shape" value="unsure"><span>Not sure yet</span></label>
402            </div>
403          </div>
404
405          <div class="form-row">
406            <div class="field">
407              <label for="f-timeline">Timeline</label>
408              <select id="f-timeline" name="timeline">
409                <option value="">Pick one…</option>
410                <option>This quarter</option>
411                <option>Next quarter</option>
412                <option>Within 6 months</option>
413                <option>Just exploring</option>
414              </select>
415            </div>
416            <div class="field">
417              <label for="f-size">Team size you're considering</label>
418              <select id="f-size" name="size">
419                <option value="">Pick one…</option>
420                <option>1–3 people</option>
421                <option>4–9 people</option>
422                <option>10–25 people</option>
423                <option>25+ / captive scale</option>
424              </select>
425            </div>
426          </div>
427
428          <div class="field">
429            <label for="f-msg">Tell us the work <span class="req">*</span></label>
430            <textarea id="f-msg" name="message" placeholder="System, stack, what good looks like in 90 days. A paragraph is plenty." required></textarea>
431          </div>
432
433          <div class="form-foot">
434            <p class="form-foot-note"><strong>What happens next:</strong> US-side reply within one business day. If we're not the right call, we'll point you to who is.</p>
435            <button type="submit" class="btn btn-primary form-submit">Send brief →</button>
436          </div>
437        </form>
438      </div>
439
440      <!-- Side info -->
441      <aside class="info-stack">
442        <div class="info-block">
443          <div class="info-label"><span class="dot is-static"></span>Email</div>
444          <div class="info-line"><a href="mailto:[email protected]">[email protected]</a></div>
445          <div class="info-line"><a href="mailto:[email protected]">[email protected]</a></div>
446          <p class="info-sub">New projects, staffing, and quotes go to <strong>sales@</strong>. Partnerships, press, and general questions: <strong>marketing@</strong>.</p>
447        </div>
448
449        <div class="info-block">
450          <div class="info-label"><span class="dot"></span>Phone · US line</div>
451          <div class="info-line"><a href="tel:+15128539472">+1 (512) 853-9472</a></div>
452          <p class="info-sub">Real person during US business hours. Bilingual EN / ES on the same line.</p>
453        </div>
454
455        <div class="info-block">
456          <div class="info-label"><span class="dot is-static"></span>Headquarters · USA</div>
457          <div class="info-line" style="font-size:16px;line-height:1.5;color:var(--navy-900);font-weight:500;">8127 Mesa Drive, Suite B206-68<br>Austin, TX 78759</div>
458          <p class="info-sub"><a href="https://maps.google.com/?q=8127+Mesa+Drive+Suite+B206-68+Austin+TX+78759" target="_blank" rel="noopener" style="color:var(--navy-500);font-weight:600;">Get directions →</a></p>
459        </div>
460
461        <div class="info-block">
462          <div class="info-label"><span class="dot is-static"></span>Office hours · CST</div>
463          <div class="info-hours">
464            <div class="info-hours-row"><span class="day">Mon–Thu</span><span class="time"><strong>8 a.m. – 7 p.m.</strong> CST</span></div>
465            <div class="info-hours-row"><span class="day">Friday</span><span class="time"><strong>8 a.m. – 5 p.m.</strong> CST</span></div>
466          </div>
467          <p class="info-sub">Mexico delivery teams mirror US Central Time - same-hour overlap with every US time zone.</p>
468        </div>
469      </aside>
470
471    </div>
472  </div>
473</section>
474
475<!-- ===== LOCATIONS ===== -->
476<section class="locs">
477  <div class="container">
478    <div class="locs-head">
479      <div>
480        <div class="section-eyebrow locs-eyebrow" style="display:inline-flex; align-items:center; gap:12px; font:600 11px/1 var(--font-mono); text-transform:uppercase; letter-spacing:0.12em; color:var(--red-500);">
481          <span style="width:32px; height:1px; background:currentColor;"></span><span style="color:var(--neutral-400);">02</span> · Where we are
482        </div>
483        <h2>Headquartered in Austin. <em>Delivered from Mexico.</em></h2>
484      </div>
485      <p>The legal entity, contract, and invoice are US-side in Austin, Texas. Engineering, design, data, and support teams operate nearshore from Mexico - on your time zone, a few hours' flight away.</p>
486    </div>
487
488    <div class="locs-grid" style="grid-template-columns:repeat(2,1fr)">
489      <div class="loc">
490        <div class="loc-head">
491          <div class="loc-name">United States</div>
492          <div class="loc-code">Headquarters</div>
493        </div>
494        <div class="loc-role">Legal entity · Contracts · Billing</div>
495        <div class="loc-addr"><strong>8127 Mesa Drive, Suite B206-68</strong>Austin, TX 78759, USA</div>
496        <div class="loc-meta">
497          <span class="loc-meta-key">US line</span>
498          <a class="loc-tel" href="tel:+15128539472">+1 (512) 853-9472</a>
499        </div>
500      </div>
501
502      <div class="loc">
503        <div class="loc-head">
504          <div class="loc-name">Mexico</div>
505          <div class="loc-code">Delivery</div>
506        </div>
507        <div class="loc-role">Engineering · Design · Data · Support</div>
508        <div class="loc-addr"><strong>Nearshore delivery teams</strong>Operating across Mexico on US Central Time, backed by Grupo Open since 1995.</div>
509        <div class="loc-meta">
510          <span class="loc-meta-key">Reach us</span>
511          <a class="loc-tel" href="mailto:[email protected]">[email protected]</a>
512        </div>
513      </div>
514    </div>
515  </div>
516</section>
517
518<!-- ===== ROUTES (final dark) ===== -->
519<section class="routes">
520  <div class="container">
521    <div class="routes-head">
522      <div class="routes-eyebrow"><span class="num">03</span> · Reach the right inbox</div>
523      <h2 class="routes-h2">Two inboxes, <em>straight to the right team.</em></h2>
524      <p class="routes-lede">Prefer email over the form? Write to us directly - each address lands with the right people on our side, and we reply within one business day.</p>
525    </div>
526
527    <div class="route-grid" style="grid-template-columns:repeat(2,1fr)">
528      <a class="route-cell" href="mailto:[email protected]?subject=New%20project%20inquiry">
529        <div class="route-cell-num">01</div>
530        <h3>Start a project or <em>get a quote.</em></h3>
531        <p>New engagements, staff augmentation, captive centers, and pricing. Tell us the roles, stack, and timeline - we reply within one business day.</p>
532        <span class="route-cell-go">Email sales@ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
533      </a>
534
535      <a class="route-cell" href="mailto:[email protected]?subject=General%20inquiry">
536        <div class="route-cell-num">02</div>
537        <h3>Partnerships, press <em>&amp; general.</em></h3>
538        <p>Resellers, ISVs, co-delivery, media and analyst requests - or anything that isn't a new project. We'll route it to the right person.</p>
539        <span class="route-cell-go">Email marketing@ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
540      </a>
541    </div>
542  </div>
543</section>
544
545</main>
546
547<footer>
548  <div class="container">
549    <div class="foot-top">
550      <div>
551        <div class="foot-logo"><img src="/assets/logos/nearcontact-logo-light.png" alt="Near Contact" style="height:70px;width:auto;display:block;"></div>
552        <p class="foot-tag">Nearshore IT services and staffing from Mexico - getting IT done for US enterprise teams since 1995.</p>
553      <div class="foot-social">
554          <a href="https://www.facebook.com/NearContact" target="_blank" rel="noopener" aria-label="Near Contact on Facebook">
555            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
556          </a>
557          <a href="https://www.instagram.com/nearcontactstaffing" target="_blank" rel="noopener" aria-label="Near Contact on Instagram">
558            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
559          </a>
560          <a href="https://www.linkedin.com/company/nearcontact/" target="_blank" rel="noopener" aria-label="Near Contact on LinkedIn">
561            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
562          </a>
563        </div></div>
564      <div class="foot-col"><h4>Services</h4><ul><li><a href="/nearshore-it-staff-augmentation.html">Staff Augmentation</a></li><li><a href="/captive-center.html">Captive Center</a></li><li><a href="/software-and-app-development.html">Software &amp; App Development</a></li><li><a href="/data-analytics.html">Data &amp; AI</a></li><li><a href="/cloud-services.html">Cloud Services</a></li><li><a href="/nearshore-help-desk-services.html">Nearshore Help Desk</a></li></ul></div>
565      <div class="foot-col"><h4>Company</h4><ul><li><a href="/about.html">About</a></li><li><a href="/why-mexico-for-nearshore-it-services.html">Why Mexico</a></li><li><a href="/blog">Blog</a></li><li><a href="/case-studies/">Case Studies</a></li><li><a href="/contact/">Contact</a></li></ul></div>
566      <div class="foot-col"><h4>Contact</h4><ul><li><a href="tel:+15128539472">+1 (512) 853-9472</a></li><li><a href="mailto:[email protected]">[email protected]</a></li></ul></div>
567      <div class="foot-col"><h4>Partners</h4><ul><li><a href="https://www.northware.mx/" target="_blank" rel="noopener">Northware</a></li><li><a href="https://openservice.mx/" target="_blank" rel="noopener">OpenService</a></li></ul></div>
568    </div>
569    <div class="foot-bot"><div>Near Contact © 2026. · <a href="/privacy-policy.html" style="color:var(--neutral-500)">Privacy</a> · <a href="/terms.html" style="color:var(--neutral-500)">Terms</a></div></div>
570  </div>
571</footer>
572
573<script>
574const io = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }), { threshold: 0.15 });
575document.querySelectorAll('.hero-promise-cell, .info-block, .loc, .route-cell, .form-card').forEach(el => { el.classList.add('fade-up'); io.observe(el); });
576
577document.querySelector('form')?.addEventListener('submit', (e) => {
578  e.preventDefault();
579  const form = e.target;
580  const btn = form.querySelector('.form-submit');
581  if (!btn) return;
582  const original = btn.innerHTML;
583  btn.innerHTML = 'Sending…';
584  btn.disabled = true;
585  const data = new FormData(form);
586  const subj = form.querySelector('[name="_subject"]');
587  data.append('access_key', '8d48b144-3de3-493c-a6d2-562c75614bc4');
588  data.append('subject', 'New lead — ' + (subj ? subj.value : 'Near Contact'));
589  data.append('from_name', 'Near Contact Website');
590  const email = fetch('https://api.web3forms.com/submit', { method:'POST', body:data, headers:{'Accept':'application/json'} })
591    .then(r => r.json()).then(j => !!j.success).catch(() => false);
592  const store = fetch('/submit.php', { method:'POST', body:data, headers:{'Accept':'application/json'} })
593    .then(r => r.ok).catch(() => false);
594  Promise.all([email, store]).then(res => {
595    if (res[0] || res[1]) {
596      btn.innerHTML = 'Sent · we\'ll reply within 1 business day';
597      btn.style.background = 'var(--navy-500)';
598      form.reset();
599      setTimeout(() => { btn.innerHTML = original; btn.style.background = ''; btn.disabled = false; }, 4000);
600    } else {
601      btn.innerHTML = 'Error - please try again';
602      btn.style.background = '#D63E37';
603      btn.disabled = false;
604      setTimeout(() => { btn.innerHTML = original; btn.style.background = ''; }, 3000);
605    }
606  });
607});
608</script>
vendor: 1 bytes, line 608
608
609<script src="/contact-modal.js"></script>
vendor: 1 bytes, line 609
609
610<script src="/mobile-nav.js"></script>
610</body></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.