-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
45 lines (45 loc) · 15.1 KB
/
Copy pathcontact.html
File metadata and controls
45 lines (45 loc) · 15.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0" name="viewport"><link href="https://fonts.googleapis.com" rel="preconnect"><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap"></noscript><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"></noscript>
<title>Contact — Comtom Engineering</title><meta name="description" content="Send us a message and get a direct response within 24 hours."><meta property="og:type" content="website"><meta property="og:url" content="https://comtom.engineering/contact"><meta property="og:title" content="Contact — Comtom Engineering"><meta property="og:description" content="Send us a message and get a direct response within 24 hours."><meta property="og:image" content="https://comtom.engineering/assets/images/og.png"><meta name="twitter:card" content="summary_large_image"><meta property="og:site_name" content="Comtom Engineering"><link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png"><link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png"><meta name="theme-color" content="#090D16"><link rel="canonical" href="https://comtom.engineering/contact"><style>@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}::-webkit-scrollbar{display:none;}html{scroll-behavior:smooth;}section[id]{scroll-margin-top:5rem;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.skip-link:focus{position:fixed;top:1rem;left:1rem;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;white-space:normal;clip:auto;z-index:100;background-color:#2563eb;color:#fff;}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}.animate-ping,.animate-pulse{animation:none;}*{transition-duration:0.01ms !important;scroll-behavior:auto !important;}}</style><link rel="stylesheet" href="assets/css/site.css"></head><a class="sr-only skip-link" href="#main-content">Skip to main content</a><header class="fixed top-0 w-full z-50 bg-[#090D16]/85 backdrop-blur-xl border-b border-blue-600/20 shadow-[0_4px_24px_rgba(0,0,0,0.4)]"><div class="h-20 max-w-[1440px] mx-auto px-margin-mobile md:px-margin-tablet lg:px-margin-desktop flex items-center justify-between gap-space-md"><div class="flex items-center gap-space-sm shrink-0"><a class="flex items-center gap-2 group" href="/"><div class="h-9 w-auto flex items-center"><img src="assets/images/comtom-logo.svg" alt="Comtom Engineering" class="h-8 w-auto block"></div></a></div><a class="inline-flex items-center gap-space-2xs font-label-md text-label-md text-on-surface-variant hover:text-white transition-colors py-space-xs px-space-xs" href="/"><span class="material-symbols-outlined text-blue-300 text-[18px]" aria-hidden="true">arrow_back</span>Back to Home</a></div></header>
<main id="main-content" class="w-full pt-20 bg-surface relative z-10 min-h-max" style="min-height: 77vh;">
<section class="w-full px-margin-mobile md:px-margin-tablet lg:px-margin-desktop py-space-3xl relative"><div class="max-w-[1100px] mx-auto bg-gradient-to-b from-[#131A2E] via-[#0F172A] to-[#090D16] border border-blue-600/30 p-space-2xl md:p-space-4xl rounded-2xl shadow-[0_0_60px_rgba(37,99,235,0.25)] text-center relative overflow-hidden">
<div class="font-code-mono text-code-mono tracking-widest uppercase text-blue-400 mb-space-xs">Contact</div>
<h1 class="font-headline-lg text-headline-lg-mobile md:text-headline-lg text-on-surface font-bold mb-space-sm">Let’s Talk About Your Project</h1>
<p class="font-body-md text-body-md text-on-surface-variant max-w-xl mx-auto mb-space-2xl">Tell us what you’re building. Direct response within 24 hours — non-disclosure agreement available on request, senior engineering consultation included.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-gutter-lg max-w-[900px] mx-auto items-stretch">
<div class="flex flex-col gap-space-md text-left">
<div class="flex items-center gap-space-sm"><span class="w-8 h-8 rounded-full bg-blue-600/20 border border-blue-500/40 flex items-center justify-center"><span class="material-symbols-outlined text-blue-300 text-[16px]" aria-hidden="true">schedule</span></span><span class="font-body-md text-body-md text-on-surface">Direct response within 24 hours</span></div>
<div class="flex items-center gap-space-sm"><span class="w-8 h-8 rounded-full bg-blue-600/20 border border-blue-500/40 flex items-center justify-center"><span class="material-symbols-outlined text-blue-300 text-[16px]" aria-hidden="true">lock</span></span><span class="font-body-md text-body-md text-on-surface">NDA available on request</span></div>
<div class="flex flex-col gap-space-xs pt-space-md" style="color: #fff;"><span class="font-label-sm text-label-sm text-on-surface">Also find us on</span><div class="flex flex-wrap items-center gap-space-sm"><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://github.com/ComtomEngineering" rel="noopener noreferrer" target="_blank">GitHub</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://medium.com/@Comtom.Engineering" rel="noopener noreferrer" target="_blank">Blog</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://www.instagram.com/comtomengineering" rel="noopener noreferrer" target="_blank">Instagram</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://www.facebook.com/comtomengineeringok" rel="noopener noreferrer" target="_blank">Facebook</a></div></div>
</div>
<div id="contact-form-card" class="bg-surface-container/60 border border-blue-600/25 rounded-xl p-space-xl"><form id="contact-form" class="flex flex-col gap-space-md">
<!-- Honeypot: never rendered to humans; bots that fill it get a fake success (see submit handler). Inline styles so it stays hidden even if site.css fails to load. -->
<div aria-hidden="true" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden" class="hidden"><label for="contact-website">Leave this field empty</label><input type="text" name="website" id="contact-website" tabindex="-1" autocomplete="off"></div>
<div class="flex flex-col gap-space-2xs"><label class="font-label-sm text-label-sm text-on-surface" for="contact-name">Full Name</label><input class="bg-surface-container-high border border-blue-600/25 focus:border-blue-500 rounded-lg px-space-sm py-space-xs font-body-sm text-body-sm text-on-surface placeholder:text-on-surface-variant outline-none" type="text" name="name" autocomplete="name" id="contact-name" placeholder="Jane Doe" required minlength="2" maxlength="100"></div>
<div class="flex flex-col gap-space-2xs"><label class="font-label-sm text-label-sm text-on-surface" for="contact-email">Email</label><input class="bg-surface-container-high border border-blue-600/25 focus:border-blue-500 rounded-lg px-space-sm py-space-xs font-body-sm text-body-sm text-on-surface placeholder:text-on-surface-variant outline-none" type="email" name="email" autocomplete="email" inputmode="email" id="contact-email" placeholder="jane@company.com" required maxlength="254"></div>
<div class="flex flex-col gap-space-2xs"><label class="font-label-sm text-label-sm text-on-surface" for="contact-message">Message</label><textarea class="bg-surface-container-high border border-blue-600/25 focus:border-blue-500 rounded-lg px-space-sm py-space-xs font-body-sm text-body-sm text-on-surface placeholder:text-on-surface-variant outline-none min-h-[160px]" name="message" id="contact-message" placeholder="Project scope, timeline, budget range..." required minlength="10" maxlength="5000"></textarea></div>
<button class="inline-flex items-center justify-center bg-blue-600 hover:bg-blue-500 text-white font-label-md text-label-md font-semibold py-space-sm rounded-lg shadow-[0_0_25px_-5px_rgba(37,99,235,0.55)] transition-colors" type="submit">Send Message</button>
</form></div>
</div>
</div></section></main><footer class="w-full bg-[#06080f] border-t border-blue-600/20 relative z-10"><div class="max-w-[1440px] mx-auto px-margin-mobile md:px-margin-tablet lg:px-margin-desktop pt-space-4xl pb-space-2xl"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-gutter-lg pb-space-3xl"><div class="lg:col-span-2 flex flex-col gap-space-md"><div class="flex items-center gap-space-sm"><div class="h-9 w-auto flex items-center"><img src="assets/images/comtom-logo.svg" alt="Comtom Engineering" class="h-8 w-auto block"></div></div><p class="font-body-md text-body-md text-on-surface-variant max-w-sm leading-relaxed">Architecting scalable systems and AI-first digital products with measurable impact.</p><div class="flex flex-wrap items-center gap-space-sm pt-space-xs" style="color:#fff;"><span class="font-label-sm text-label-sm text-on-surface">Follow</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://github.com/ComtomEngineering" rel="noopener noreferrer" target="_blank">GitHub</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://medium.com/@Comtom.Engineering" rel="noopener noreferrer" target="_blank">Blog</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://www.instagram.com/comtomengineering" rel="noopener noreferrer" target="_blank">Instagram</a><span class="text-blue-900">•</span><a class="font-body-sm text-body-sm hover:text-blue-400 transition-colors" href="https://www.facebook.com/comtomengineeringok" rel="noopener noreferrer" target="_blank">Facebook</a></div></div><div class="flex flex-col gap-space-sm"><span class="font-label-md text-label-md text-on-surface font-semibold tracking-wider uppercase">Solutions</span><ul class="flex flex-col gap-space-xs font-body-sm text-body-sm text-on-surface-variant"><li class=""><a class="hover:text-blue-400 transition-colors" href="/#solutions">AI & Automation Integration</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#solutions">Legacy Modernization & Serverless</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#solutions">Rapid Mobile & ERP Solutions</a></li></ul></div><div class="flex flex-col gap-space-sm"><span class="font-label-md text-label-md text-on-surface font-semibold tracking-wider uppercase">Products</span><ul class="flex flex-col gap-space-xs font-body-sm text-body-sm text-on-surface-variant"><li class=""><a class="hover:text-blue-400 transition-colors" href="/#products">EstimAItor</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#products">Elemetric</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#products">Steward</a></li></ul></div><div class="flex flex-col gap-space-sm"><span class="font-label-md text-label-md text-on-surface font-semibold tracking-wider uppercase">Company</span><ul class="flex flex-col gap-space-xs font-body-sm text-body-sm text-on-surface-variant"><li class=""><a class="hover:text-blue-400 transition-colors" href="/#how-we-work">About Us</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#case-studies">Case Studies</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/#how-we-work">Engineering Culture</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/contact">Careers</a></li></ul></div><div class="flex flex-col gap-space-sm"><span class="font-label-md text-label-md text-on-surface font-semibold tracking-wider uppercase">Contact & Legal</span><ul class="flex flex-col gap-space-xs font-body-sm text-body-sm text-on-surface-variant"><li class=""><a class="hover:text-blue-400 transition-colors" href="#contact-form-card">Get a Custom Quote</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="#contact-form-card">Schedule a Discovery Call</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/privacy">Privacy Policy</a></li><li class=""><a class="hover:text-blue-400 transition-colors" href="/terms">Terms of Service</a></li></ul></div></div><div class="pt-space-xl flex flex-col sm:flex-row items-center justify-between gap-space-md text-on-surface-variant font-body-sm text-body-sm border-t border-blue-900/30"><span class="">© <span data-year>2026</span> Comtom Engineering. All rights reserved.</span><div class="inline-flex items-center gap-space-xs px-space-sm py-space-2xs rounded-full bg-blue-950/60 border border-blue-600/30 text-blue-300 font-code-mono text-code-mono"><span class="w-2 h-2 rounded-full bg-blue-400 animate-pulse"></span><span class="">All Systems Operational</span></div></div></div></footer><script>
(function(){
"use strict";
var form=document.getElementById('contact-form');
form.addEventListener('submit',function(e){
if(!form.checkValidity()){form.reportValidity();return;}
e.preventDefault();
var fd=new FormData(form);
if(fd.get('website')){form.outerHTML='<p class="font-body-md text-body-md text-on-surface py-space-md text-center">Message received. We\u2019ll be in touch within 24 hours.</p>';return;}
var btn=form.querySelector('button[type="submit"]');
btn.disabled=true;btn.textContent="Sending...";
fetch('https://comtomengineering-serverless.vercel.app/api/contact',{
method:'POST',
headers:{'Content-Type':'application/json'},
body:JSON.stringify({name:fd.get('name'),email:fd.get('email'),message:fd.get('message')})
}).then(function(){try{gtag('event','contact_submit');}catch(e){}
form.outerHTML='<p class="font-body-md text-body-md text-on-surface py-space-md text-center">Message received. We\u2019ll be in touch within 24 hours.</p>';
}).catch(function(){
form.outerHTML='<p class="font-body-md text-body-md text-error py-space-md text-center">Something went wrong. Email us directly at <a class="text-blue-400" href="mailto:sales@comtom.engineering">sales@comtom.engineering</a>.</p>';
});
});
})();
</script><script src="assets/js/cookie-consent.js" defer></script><script>document.querySelectorAll('[data-year]').forEach(function(e){e.textContent=new Date().getFullYear();});</script><link rel="manifest" href="assets/site.webmanifest"></body></html>