168 lines
8.5 KiB
HTML
168 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" data-theme="light">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<script src="/js/analytics.js"></script>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Contact Us | Zettai Systems</title>
|
||
<meta name="description" content="Contact Zettai Systems in Chennai. Email solutions@zettaisystems.com, call +91 807 299 8024, or send a project enquiry through our contact form." />
|
||
<link rel="canonical" href="https://zettaisystems.com/contact" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="Contact Us | Zettai Systems" />
|
||
<meta property="og:description" content="Contact Zettai Systems in Chennai. Email solutions@zettaisystems.com, call +91 807 299 8024, or send a project enquiry through our contact form." />
|
||
<meta property="og:url" content="https://zettaisystems.com/contact" />
|
||
<meta property="og:image" content="https://zettaisystems.com/assets/logos/icon-square.png" />
|
||
<meta name="theme-color" content="#005498" />
|
||
<link rel="icon" href="/assets/logos/favicon.png" type="image/png" />
|
||
<link rel="apple-touch-icon" href="/assets/logos/icon-square.png" />
|
||
<link rel="stylesheet" href="/css/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
|
||
<link rel="stylesheet" href="/css/aos.css" />
|
||
<link rel="stylesheet" href="/css/style.css" />
|
||
<script>
|
||
(function () {
|
||
try {
|
||
var t = localStorage.getItem("zs-theme");
|
||
if (!t) t = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
||
document.documentElement.setAttribute("data-theme", t);
|
||
var icon = document.querySelector('link[rel="icon"]');
|
||
if (icon) icon.href = "/assets/logos/" + (t === "dark" ? "favicon-dark.png" : "favicon.png");
|
||
} catch (e) {}
|
||
})();
|
||
</script>
|
||
</head>
|
||
<body data-page="contact">
|
||
<div id="site-header"></div>
|
||
|
||
<main id="main">
|
||
<section class="page-hero">
|
||
<div class="page-net" aria-hidden="true">
|
||
<div class="page-net-grid"></div>
|
||
<canvas class="page-net-canvas"></canvas>
|
||
<div class="page-net-glow"></div>
|
||
</div>
|
||
<div class="container-zs page-hero-content" data-aos="fade-up">
|
||
<nav aria-label="Breadcrumb">
|
||
<ol class="breadcrumb-zs">
|
||
<li><a href="/">Home</a></li>
|
||
<li class="sep" aria-hidden="true">›</li>
|
||
<li aria-current="page">Contact</li>
|
||
</ol>
|
||
</nav>
|
||
<div class="eyebrow">Contact</div>
|
||
<h1>Let’s Build Something Great Together</h1>
|
||
<p>Share your requirements and we’ll start with a practical conversation about scope, approach, and next steps.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container-zs">
|
||
<div class="row g-4 g-lg-5">
|
||
<div class="col-lg-5" data-aos="fade-up">
|
||
<div class="eyebrow">Reach Us</div>
|
||
<h2 class="section-title">We’re Ready to Listen</h2>
|
||
<p class="text-muted-zs mb-4">Whether you need a new product, a platform rebuild, or enterprise automation—tell us what success looks like.</p>
|
||
<div class="contact-meta">
|
||
<div class="contact-meta-item">
|
||
<i class="bi bi-telephone"></i>
|
||
<div>
|
||
<strong>Phone</strong>
|
||
<a href="tel:+918072998024" aria-label="Call Zettai Systems at +91 807 299 8024">+91 807 299 8024</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-meta-item">
|
||
<i class="bi bi-geo-alt"></i>
|
||
<div>
|
||
<strong>Office</strong>
|
||
<span>No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India</span>
|
||
</div>
|
||
</div>
|
||
<div class="contact-meta-item">
|
||
<i class="bi bi-envelope"></i>
|
||
<div>
|
||
<strong>Email</strong>
|
||
<a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-4">
|
||
<a class="btn-zs btn-zs-secondary" href="services">Browse Services <span class="arrow">→</span></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||
<form class="form-zs" data-form="contact" method="post" action="/api/contact.php" novalidate>
|
||
<div class="row g-3">
|
||
<div class="hp-field" aria-hidden="true">
|
||
<label for="website">Website</label>
|
||
<input type="text" id="website" name="website" tabindex="-1" autocomplete="off" />
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="name">Full Name <span class="required-star">*</span></label>
|
||
<input class="form-control-zs" id="name" name="name" type="text" data-required autocomplete="name" />
|
||
<div class="form-error">Please enter your name.</div>
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="email">Email <span class="required-star">*</span></label>
|
||
<input class="form-control-zs" id="email" name="email" type="email" data-required autocomplete="email" />
|
||
<div class="form-error">Please enter a valid email address.</div>
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="phone">Phone</label>
|
||
<input class="form-control-zs" id="phone" name="phone" type="tel" autocomplete="tel" />
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="company">Company</label>
|
||
<input class="form-control-zs" id="company" name="company" type="text" autocomplete="organization" />
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="service">Service Interest</label>
|
||
<select class="form-select-zs" id="service" name="service">
|
||
<option value="">Select a service</option>
|
||
<option>Generative AI & Agentic Workflows</option>
|
||
<option>Domain RAG & Enterprise Search</option>
|
||
<option>Custom AI Microservices & APIs</option>
|
||
<option>Intelligent Process Automation</option>
|
||
<option>AI Governance</option>
|
||
<option>High-Performance Mobile (Flutter)</option>
|
||
<option>Modern Full-Stack Web Platforms</option>
|
||
<option>Cloud, MLOps & QA Engineering</option>
|
||
<option>Custom Software Development</option>
|
||
<option>Data Analytics</option>
|
||
<option>IT Consulting</option>
|
||
<option>Cybersecurity</option>
|
||
<option>ERP Solutions</option>
|
||
<option>E-Commerce Solutions</option>
|
||
<option>Other / Not sure</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-md-6 form-field">
|
||
<label class="form-label-zs" for="subject">Subject <span class="required-star">*</span></label>
|
||
<input class="form-control-zs" id="subject" name="subject" type="text" data-required />
|
||
<div class="form-error">Please enter a subject.</div>
|
||
</div>
|
||
<div class="col-12 form-field">
|
||
<label class="form-label-zs" for="message">Message <span class="required-star">*</span></label>
|
||
<textarea class="form-control-zs" id="message" name="message" rows="5" data-required></textarea>
|
||
<div class="form-error">Please enter your message.</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<button class="btn-zs btn-zs-primary" type="submit">Send Message <span class="arrow">→</span></button>
|
||
<div class="form-status" role="status" aria-live="polite"></div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
|
||
<script>window.SITE_ROOT = "";</script>
|
||
<script src="/js/bootstrap.bundle.min.js"></script>
|
||
<script src="/js/aos.js"></script>
|
||
<script src="/js/main.js"></script>
|
||
</body>
|
||
</html>
|