Contact - Apex Men's Skincare <!-- CONTACT HERO -->
<section class="sec-ink" style="padding:clamp(48px,6vw,88px) 0 clamp(36px,4vw,56px)">
<div class="wrap" style="max-width:720px">
<span class="eyebrow">Contact</span>
<h1 style="font-family:var(--font-display);font-weight:700;color:var(--t1);font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-0.025em;margin:16px 0 0">Get in touch.</h1>
<p style="font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--t2);margin:20px 0 0">Whether it's a question about your routine, your subscription, or partnering with Apex — reach out and a real person will get back to you.</p>
</div>
</section>
<!-- FORM + DETAILS -->
<section class="sec-dark" style="padding:0 0 clamp(40px,5vw,72px)">
<div class="wrap ct-grid" style="display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(28px,3.5vw,52px);align-items:start">
<div style="background:var(--s2);border:1px solid var(--hair);border-radius:var(--radius-lg);padding:clamp(26px,3.2vw,40px);position:relative;overflow:hidden">
<div style="position:absolute;top:0;left:0;right:0;height:3px;background:var(--red-bright)"></div>
<div id="contact-form-wrap">
<h2 style="font-family:var(--font-display);font-weight:700;color:var(--t1);font-size:clamp(24px,2.4vw,32px);margin:0">Send us a message</h2>
<p style="font-size:15px;color:var(--t3);line-height:1.6;margin:10px 0 24px">Questions about your order, subscription, or the affiliate program? We're here to help.</p>
<form id="contact-form" style="display:flex;flex-direction:column;gap:18px">
<div class="ct-row" style="display:grid;grid-template-columns:1fr 1fr;gap:18px">
<label><span class="fld-lab">Full name<span class="req">*</span></span><input class="fld" name="name" required type="text" placeholder="John Carter"></label>
<label><span class="fld-lab">Email address<span class="req">*</span></span><input class="fld" name="email" required type="email" placeholder="you@standard.com"></label>
</div>
<div class="ct-row" style="display:grid;grid-template-columns:1fr 1fr;gap:18px">
<label><span class="fld-lab">Phone (optional)</span><input class="fld" name="phone" type="tel" placeholder="(888) 343-1212"></label>
<label><span class="fld-lab">Subject</span><input class="fld" name="subject" type="text" placeholder="How can we help?"></label>
</div>
<label><span class="fld-lab">Message<span class="req">*</span></span><textarea class="fld" name="message" required rows="5" placeholder="Tell us what's on your mind…" style="resize:vertical;min-height:120px;line-height:1.5"></textarea></label>
<button type="submit" class="btn btn-primary btn-block">Send Message</button>
<p style="font-size:12.5px;color:var(--t4);text-align:center;margin:0">We typically reply within one business day.</p>
</form>
</div>
<div id="contact-success" style="display:none;text-align:center;padding:24px 0">
<div style="width:58px;height:58px;border-radius:50%;background:var(--red-tint);border:1px solid var(--red-line);display:flex;align-items:center;justify-content:center;margin:0 auto 20px"><i data-lucide="check" style="width:28px;height:28px;color:var(--red-bright)"></i></div>
<h3 style="font-family:var(--font-display);color:var(--t1);font-size:28px;margin:0 0 10px">Message sent.</h3>
<p style="font-size:15.5px;color:var(--t3);margin:0 auto;line-height:1.6;max-width:380px" id="contact-success-msg">Thanks — we've received your message and will get back to you shortly.</p>
</div>
</div>
<div style="display:flex;flex-direction:column;gap:14px">
<div><span class="eyebrow">Reach Apex</span><h2 style="font-family:var(--font-display);font-weight:700;color:var(--t1);font-size:clamp(24px,2.4vw,32px);margin:12px 0 0">Contact details</h2></div>
<div style="display:flex;gap:16px;align-items:flex-start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--radius-md);padding:20px"><span style="flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--red-tint);border:1px solid var(--red-line);display:flex;align-items:center;justify-content:center"><i data-lucide="map-pin" style="width:20px;height:20px;color:var(--red-bright)"></i></span><div><div style="font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Visit / Write to Us</div><div style="font-size:16px;color:var(--t1);margin-top:5px;line-height:1.5">478 W Wrightwood Ave<br>Elmhurst, IL 60126</div></div></div>
<div style="display:flex;gap:16px;align-items:flex-start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--radius-md);padding:20px"><span style="flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--red-tint);border:1px solid var(--red-line);display:flex;align-items:center;justify-content:center"><i data-lucide="phone" style="width:20px;height:20px;color:var(--red-bright)"></i></span><div><div style="font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Call Us</div><a href="tel:+18883431212" style="font-size:16.5px;font-weight:600;color:var(--t1);margin-top:5px;display:inline-block">888-343-1212</a></div></div>
<div style="display:flex;gap:16px;align-items:flex-start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--radius-md);padding:20px"><span style="flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--red-tint);border:1px solid var(--red-line);display:flex;align-items:center;justify-content:center"><i data-lucide="mail" style="width:20px;height:20px;color:var(--red-bright)"></i></span><div><div style="font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Email Us</div><a href="mailto:vintibeauty@gmail.com" style="font-size:16.5px;font-weight:600;color:var(--t1);margin-top:5px;display:inline-block">vintibeauty@gmail.com</a></div></div>
<div style="display:flex;gap:16px;align-items:flex-start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--radius-md);padding:20px"><span style="flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--red-tint);border:1px solid var(--red-line);display:flex;align-items:center;justify-content:center"><i data-lucide="clock" style="width:20px;height:20px;color:var(--red-bright)"></i></span><div><div style="font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3)">Hours</div><div style="font-size:16px;color:var(--t1);margin-top:5px;line-height:1.5">Mon–Fri · 9:00am – 5:00pm CT</div></div></div>
</div>
</div>
</section>
<!-- MAP -->
<section class="sec-dark" style="padding:0 0 clamp(56px,7vw,96px)">
<div class="wrap">
<div style="border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--hair);line-height:0">
<iframe title="Apex Men's Skincare — 478 W Wrightwood Ave, Elmhurst, IL 60126" src="https://maps.google.com/maps?q=478%20W%20Wrightwood%20Ave%2C%20Elmhurst%2C%20IL%2060126&t=&z=15&ie=UTF8&iwloc=&output=embed" width="100%" height="440" style="border:0;display:block" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<script>
(function(){
var f=document.getElementById('contact-form');
if(!f) return;
f.addEventListener('submit',function(e){
e.preventDefault();
var btn=f.querySelector('button[type=submit]'); btn.textContent='Sending…'; btn.disabled=true;
var fd=new FormData(f); fd.append('action','apex_contact');
fetch('/wp-admin/admin-ajax.php',{method:'POST',body:fd}).then(function(r){return r.json();}).then(function(j){
var name=(fd.get('name')||'there').split(' ')[0];
document.getElementById('contact-success-msg').textContent='Thanks, '+name+" — we've received your message and will get back to you shortly.";
document.getElementById('contact-form-wrap').style.display='none';
document.getElementById('contact-success').style.display='block';
if(window.lucide) lucide.createIcons();
}).catch(function(){ btn.textContent='Send Message'; btn.disabled=false; alert('Something went wrong — please email vintibeauty@gmail.com'); });
});
})();
</script>
FOUNDING BATCH NOW OPEN · SHIPS JULY 2026 · 30-DAY MONEY-BACK