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 & App Development</a> 288 <a href="/data-analytics.html">Data & 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>< 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 & App Dev</span></label> 398 <label class="chip-label"><input type="checkbox" name="shape" value="data-ai"><span>Data & 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>& 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 & App Development</a></li><li><a href="/data-analytics.html">Data & 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.