first initial
This commit is contained in:
parent
05d6b2644b
commit
e936c6382a
53
.htaccess
Normal file
53
.htaccess
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
# Zettai Systems — Apache / cPanel
|
||||||
|
#
|
||||||
|
# Clean URLs: /about serves about.html; /about.html 301 → /about
|
||||||
|
# /services must NOT become /services/ (folder clash with services.html — breaks relative CSS)
|
||||||
|
|
||||||
|
ErrorDocument 404 /404.html
|
||||||
|
|
||||||
|
Options -Indexes
|
||||||
|
|
||||||
|
# Critical: without this, Apache turns /services into /services/ (real folder),
|
||||||
|
# then relative css/style.css resolves to /services/css/style.css and the page is unstyled.
|
||||||
|
<IfModule mod_dir.c>
|
||||||
|
DirectorySlash Off
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule mod_rewrite.c>
|
||||||
|
RewriteEngine On
|
||||||
|
RewriteBase /
|
||||||
|
|
||||||
|
<IfModule mod_negotiation.c>
|
||||||
|
Options -MultiViews
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
# Old Odoo service URL → ERP (clean)
|
||||||
|
RewriteRule ^services/odoo\.html$ /services/erp [R=301,L]
|
||||||
|
RewriteRule ^services/odoo/?$ /services/erp [R=301,L]
|
||||||
|
|
||||||
|
# /index.html → /
|
||||||
|
RewriteCond %{THE_REQUEST} \s/+index\.html[\s?] [NC]
|
||||||
|
RewriteRule ^index\.html$ / [R=301,L]
|
||||||
|
|
||||||
|
# /path/page.html → /path/page (browser request only)
|
||||||
|
RewriteCond %{THE_REQUEST} \s/+(.+?)\.html[\s?] [NC]
|
||||||
|
RewriteRule ^ /%1 [R=301,L]
|
||||||
|
|
||||||
|
# /services/ → /services (fixes broken relative CSS under trailing slash)
|
||||||
|
RewriteRule ^services/$ /services [R=301,L]
|
||||||
|
|
||||||
|
# /services → services.html (page, not the services/ directory)
|
||||||
|
RewriteRule ^services$ services.html [L]
|
||||||
|
|
||||||
|
# Extensionless URLs → .html
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-f
|
||||||
|
RewriteCond %{REQUEST_FILENAME}.html -f
|
||||||
|
RewriteRule ^(.+?)/?$ $1.html [L]
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
# Safe security headers (do not block static assets)
|
||||||
|
<IfModule mod_headers.c>
|
||||||
|
Header set X-Content-Type-Options "nosniff"
|
||||||
|
Header set Referrer-Policy "strict-origin-when-cross-origin"
|
||||||
|
</IfModule>
|
||||||
59
404.html
Normal file
59
404.html
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
<!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>Page Not Found | Zettai Systems</title>
|
||||||
|
<meta name="description" content="The page you requested could not be found. Return to the Zettai Systems homepage to continue." />
|
||||||
|
<meta name="robots" content="noindex" />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/404" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Page Not Found | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="The page you requested could not be found. Return to the Zettai Systems homepage to continue." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/404" />
|
||||||
|
<meta property="og:image" content="/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="404">
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
<section class="error-page">
|
||||||
|
<div class="container-zs" data-aos="fade-up">
|
||||||
|
<div class="error-code" aria-hidden="true">404</div>
|
||||||
|
<h1 class="section-title mt-3">Page Not Found</h1>
|
||||||
|
<p class="section-lead mx-auto">The page you’re looking for doesn’t exist or may have moved. Let’s get you back on track.</p>
|
||||||
|
<div class="d-flex flex-wrap gap-2 justify-content-center mt-4">
|
||||||
|
<a class="btn-zs btn-zs-primary" href="/">Back to Home <span class="arrow">→</span></a>
|
||||||
|
<a class="btn-zs btn-zs-outline" href="contact">Contact Us <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
BIN
__pycache__/serve.cpython-314.pyc
Normal file
BIN
__pycache__/serve.cpython-314.pyc
Normal file
Binary file not shown.
550
about.html
Normal file
550
about.html
Normal file
@ -0,0 +1,550 @@
|
|||||||
|
<!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>About Us | Zettai Systems</title>
|
||||||
|
<meta name="description" content="About Zettai Systems — Chennai-based IT partner since 2016. Learn our story, values, technology stack, delivery process, and how we help businesses build reliable software." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/about" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="About Us | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="About Zettai Systems — Chennai-based IT partner since 2016. Story, values, stack, and delivery approach." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/about" />
|
||||||
|
<meta property="og:image" content="/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" />
|
||||||
|
<link rel="stylesheet" href="/css/animations.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="about">
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
<!-- Hero -->
|
||||||
|
<section class="page-hero about-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">About Us</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">About Zettai Systems</div>
|
||||||
|
<h1>Technology Partners Focused on Real Business Outcomes</h1>
|
||||||
|
<p>We design, build, and support software that fits your workflows—so teams move faster with clarity, security, and room to grow.</p>
|
||||||
|
<div class="about-facts" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<div class="about-fact">
|
||||||
|
<strong>2016</strong>
|
||||||
|
<span>Founded in Chennai</span>
|
||||||
|
</div>
|
||||||
|
<div class="about-fact">
|
||||||
|
<strong>4</strong>
|
||||||
|
<span>Core technology stacks</span>
|
||||||
|
</div>
|
||||||
|
<div class="about-fact">
|
||||||
|
<strong>End-to-end</strong>
|
||||||
|
<span>Discovery to support</span>
|
||||||
|
</div>
|
||||||
|
<div class="about-fact">
|
||||||
|
<strong>Partner</strong>
|
||||||
|
<span>Not one-off delivery</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Who We Are -->
|
||||||
|
<section class="section" id="who-we-are">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="split-section">
|
||||||
|
<div data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Who We Are</div>
|
||||||
|
<h2 class="section-title">Technology Is Only as Good as the Business Outcomes It Drives</h2>
|
||||||
|
<p class="text-muted-zs mb-3">At Zettai Systems, we don’t just write code—we analyze your core operational workflows before architecting a single feature. Our focus is converting complex engineering challenges into secure, reliable digital assets that protect operational margins and maximize resource utilization.</p>
|
||||||
|
<p class="text-muted-zs mb-4">As a Chennai-based engineering partner, we help mid-market and growing enterprises future-proof their infrastructure, reduce technical debt, and deliver predictable performance gains through web, mobile, cloud, and enterprise platforms.</p>
|
||||||
|
<ul class="who-points">
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>One accountable engineering team</strong> — web, mobile, cloud, and enterprise delivery under one roof.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>Workflow-first architecture</strong> — we map how your business works before we write a line of code.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>Built to last together</strong> — long-term partnership with support, QA, and continuous improvement.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<aside class="who-panel" data-aos="fade-up" data-aos-delay="100" aria-label="What Zettai Systems delivers">
|
||||||
|
<div class="who-panel-brand">
|
||||||
|
<img src="/assets/logos/icon-dark.png" alt="" width="44" height="38" loading="lazy" />
|
||||||
|
<p class="who-panel-kicker">Zettai Systems</p>
|
||||||
|
</div>
|
||||||
|
<h3 class="who-panel-title">Software <span>+</span><br />Platforms</h3>
|
||||||
|
<p class="who-panel-lead">End-to-end technology delivery from one unified engineering hub.</p>
|
||||||
|
<div class="who-panel-cols">
|
||||||
|
<div>
|
||||||
|
<h4>Core Build</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Web applications</li>
|
||||||
|
<li>Mobile apps (Flutter)</li>
|
||||||
|
<li>Custom software</li>
|
||||||
|
<li>REST APIs & Node.js</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Scale & Secure</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Cloud integration</li>
|
||||||
|
<li>ERP</li>
|
||||||
|
<li>Data analytics</li>
|
||||||
|
<li>Cybersecurity & QA</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="who-panel-footer">
|
||||||
|
<p class="who-panel-stack-label">Core stack</p>
|
||||||
|
<div class="who-panel-stack">
|
||||||
|
<span>CodeIgniter 4</span>
|
||||||
|
<span>Flutter</span>
|
||||||
|
<span>Node.js</span>
|
||||||
|
<span>AWS</span>
|
||||||
|
<span>Azure</span>
|
||||||
|
<span>QA</span>
|
||||||
|
</div>
|
||||||
|
<a class="who-panel-cta" href="services">Explore Services <span aria-hidden="true">→</span></a>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Our Story -->
|
||||||
|
<section class="section bg-soft" id="our-story">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Our Story</div>
|
||||||
|
<h2 class="section-title">Built in Chennai. Focused on Delivery.</h2>
|
||||||
|
<p class="section-lead">From our founding year to how we work today—an engineering house shaped around clarity, quality, and long-term partnerships.</p>
|
||||||
|
</div>
|
||||||
|
<div class="story-timeline">
|
||||||
|
<article class="story-item" data-aos="fade-up">
|
||||||
|
<div class="story-year">2016</div>
|
||||||
|
<div class="story-card">
|
||||||
|
<h3>Founded in Chennai</h3>
|
||||||
|
<p>Zettai Systems’ journey began in Chennai with a clear idea: software should solve operational problems—not create new ones. We started by building practical platforms for businesses that needed dependable engineering.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="story-item" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<div class="story-year">Growth</div>
|
||||||
|
<div class="story-card">
|
||||||
|
<h3>Four core stacks, one team</h3>
|
||||||
|
<p>We deepened delivery across CodeIgniter 4 / PHP, Flutter mobile, Node.js services, and dedicated QA—so clients could trust one partner for backend, mobile, APIs, and quality.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="story-item" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<div class="story-year">Today</div>
|
||||||
|
<div class="story-card">
|
||||||
|
<h3>Full-spectrum digital partner</h3>
|
||||||
|
<p>We now support web and mobile products, cloud integration, data analytics, cybersecurity consulting, ERP, and e-commerce—always with transparent process and post-launch support.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Values -->
|
||||||
|
<section class="section" id="values">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">What Guides Us</div>
|
||||||
|
<h2 class="section-title">Our Working Principles</h2>
|
||||||
|
<p class="section-lead">These principles show up in architecture reviews, sprint planning, QA cycles, and how we communicate with your team.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">01</div>
|
||||||
|
<h3>Outcomes over features</h3>
|
||||||
|
<p>We measure success by workflow improvement, reliability, and maintainability—not by how many screens we ship.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">02</div>
|
||||||
|
<h3>Clarity before code</h3>
|
||||||
|
<p>Requirements, constraints, and architecture decisions are discussed openly so delivery stays predictable.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">03</div>
|
||||||
|
<h3>Security by design</h3>
|
||||||
|
<p>Security considerations are part of planning and build—not a late-stage patch after launch.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">04</div>
|
||||||
|
<h3>Quality is non-negotiable</h3>
|
||||||
|
<p>Manual and automated testing protect releases. We catch issues before your users do.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">05</div>
|
||||||
|
<h3>Transparent collaboration</h3>
|
||||||
|
<p>Structured sprints, visible progress, and clear communication—so you always know where things stand.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="value-card">
|
||||||
|
<div class="value-num">06</div>
|
||||||
|
<h3>Partnership mindset</h3>
|
||||||
|
<p>We stay after go-live for monitoring, enhancements, and continuous improvement.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Connected delivery orbit -->
|
||||||
|
<section class="section bg-soft orbit-section" id="connected-delivery">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="orbit-layout">
|
||||||
|
<div data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Connected Delivery</div>
|
||||||
|
<h2 class="section-title">One Hub. Many Capabilities.</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Our delivery model keeps web, mobile, cloud, data, security, and QA moving around a single accountable engineering core—so systems stay integrated instead of fragmented.</p>
|
||||||
|
<ul class="who-points mb-4">
|
||||||
|
<li><i class="bi bi-check-circle-fill" aria-hidden="true"></i><div><strong>Modular by design</strong> — capabilities plug into a shared architecture.</div></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill" aria-hidden="true"></i><div><strong>Always in motion</strong> — continuous improvement after launch, not a one-time handoff.</div></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill" aria-hidden="true"></i><div><strong>Custom-built fit</strong> — shaped around your workflows, not a generic template.</div></li>
|
||||||
|
</ul>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="services">Explore Capabilities <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="orbit-stage" data-aos="zoom-in" aria-hidden="true">
|
||||||
|
<div class="orbit-ring"></div>
|
||||||
|
<div class="orbit-hub"><img src="/assets/logos/icon-dark.png" alt="" width="46" height="40" /></div>
|
||||||
|
<div class="orbit-nodes">
|
||||||
|
<div class="orbit-node"><i class="bi bi-window"></i><span>Web</span></div>
|
||||||
|
<div class="orbit-node"><i class="bi bi-phone"></i><span>Mobile</span></div>
|
||||||
|
<div class="orbit-node"><i class="bi bi-cloud"></i><span>Cloud</span></div>
|
||||||
|
<div class="orbit-node"><i class="bi bi-shield-check"></i><span>Secure</span></div>
|
||||||
|
<div class="orbit-node"><i class="bi bi-bar-chart"></i><span>Data</span></div>
|
||||||
|
<div class="orbit-node"><i class="bi bi-clipboard-check"></i><span>QA</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="orbit-chip chip-a"><i class="bi bi-grid-3x3-gap-fill"></i><div>Connected build<small>Web · Mobile · Cloud · more</small></div></div>
|
||||||
|
<div class="orbit-chip chip-b"><i class="bi bi-arrow-repeat"></i><div>Custom-built<small>Workflow-first delivery</small></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mission Vision Approach -->
|
||||||
|
<section class="section bg-soft" id="purpose">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Purpose</div>
|
||||||
|
<h2 class="section-title">Mission, Vision & Approach</h2>
|
||||||
|
</div>
|
||||||
|
<div class="mission-grid">
|
||||||
|
<article class="mission-card mission" data-aos="fade-up">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-bullseye"></i></div>
|
||||||
|
<h3>Mission</h3>
|
||||||
|
<p>Empower businesses through innovative, scalable, and reliable technology solutions that streamline operations and unlock growth.</p>
|
||||||
|
</article>
|
||||||
|
<article class="mission-card vision" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-globe2"></i></div>
|
||||||
|
<h3>Vision</h3>
|
||||||
|
<p>Become a trusted technology partner delivering secure, intelligent, and future-ready digital solutions.</p>
|
||||||
|
</article>
|
||||||
|
<article class="mission-card approach" data-aos="fade-up" data-aos-delay="200">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-people-fill"></i></div>
|
||||||
|
<h3>Approach</h3>
|
||||||
|
<p>Long-term partnerships, not one-off projects. We’re invested in your success at every stage—from discovery through ongoing support.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- What We Do -->
|
||||||
|
<section class="section" id="what-we-do">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">What We Do</div>
|
||||||
|
<h2 class="section-title">Capabilities Across the Product Lifecycle</h2>
|
||||||
|
<p class="section-lead">From architecture to ongoing support—we handle the layers of your digital product with structured care.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-window-sidebar"></i></div>
|
||||||
|
<h3>Web Architecture & Platforms</h3>
|
||||||
|
<p>Custom full-stack applications engineered for performance, maintainability, and enterprise data security.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">CI4</span><span class="tech-pill">PHP</span><span class="tech-pill">Node.js</span><span class="tech-pill">REST</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-phone"></i></div>
|
||||||
|
<h3>Cross-Platform Mobile</h3>
|
||||||
|
<p>High-performance iOS and Android applications on Flutter—native-quality UX from a single codebase.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Flutter</span><span class="tech-pill">iOS</span><span class="tech-pill">Android</span><span class="tech-pill">Dart</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-cloud"></i></div>
|
||||||
|
<h3>Cloud Integration</h3>
|
||||||
|
<p>Cloud architecture connecting systems for scalability, accessibility, and operational resilience.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">GCP</span><span class="tech-pill">Azure</span><span class="tech-pill">DevOps</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-clipboard-check"></i></div>
|
||||||
|
<h3>QA & Quality Engineering</h3>
|
||||||
|
<p>Regression and automated pipelines—including API testing—to protect stability before every release.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Automated</span><span class="tech-pill">Manual</span><span class="tech-pill">API Testing</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-bar-chart"></i></div>
|
||||||
|
<h3>Data Analytics</h3>
|
||||||
|
<p>Dashboards, reporting pipelines, and analytics tools that turn raw data into decisions.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Dashboards</span><span class="tech-pill">Reporting</span><span class="tech-pill">BI</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-xl-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="card-zs about-capability">
|
||||||
|
<div class="icon-badge"><i class="bi bi-shield-lock"></i></div>
|
||||||
|
<h3>Cybersecurity & Consulting</h3>
|
||||||
|
<p>Security-aware architecture, assessments, and IT consulting to strengthen digital infrastructure.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Audit</span><span class="tech-pill">Architecture</span><span class="tech-pill">Consulting</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mt-4" data-aos="fade-up">
|
||||||
|
<a class="btn-zs btn-zs-outline" href="services">View All Services <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- How We Help -->
|
||||||
|
<section class="section bg-soft" id="how-we-help">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 g-lg-5 align-items-center">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">How We Help</div>
|
||||||
|
<h2 class="section-title">Clarity Before Code</h2>
|
||||||
|
<p class="text-muted-zs mb-4">Software succeeds when it removes bottlenecks. We start with how your business actually works—then design systems your team can own.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Start a Conversation <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="help-step"><span class="help-step-icon"><i class="bi bi-search"></i></span><div><h3>Understand the problem</h3><p>Map workflows, constraints, and success criteria before recommending tools.</p></div></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="help-step"><span class="help-step-icon"><i class="bi bi-pencil-square"></i></span><div><h3>Design for ownership</h3><p>Maintainable code, clear architecture, and platforms you can operate long-term.</p></div></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="help-step"><span class="help-step-icon"><i class="bi bi-shield-check"></i></span><div><h3>Build with discipline</h3><p>Security-conscious development, structured sprints, and quality checks throughout.</p></div></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="180">
|
||||||
|
<article class="help-step"><span class="help-step-icon"><i class="bi bi-headset"></i></span><div><h3>Support after launch</h3><p>Enhancements, monitoring, and continuous improvement—not a handoff and goodbye.</p></div></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Process -->
|
||||||
|
<section class="section" id="process">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Delivery Process</div>
|
||||||
|
<h2 class="section-title">How We Work With You</h2>
|
||||||
|
<p class="section-lead">Transparent and structured—from first conversation to post-launch support, you always know where your project stands.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track about-process">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Discovery</h3><p>Deep dive into operational roadblocks, constraints, and commercial goals.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="40"><div class="process-num">02</div><h3>Architecture</h3><p>Design the system, choose the right stack, and plan the sprints.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="80"><div class="process-num">03</div><h3>Development</h3><p>Agile delivery with clear tracking and estimate alignment before coding begins.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="120"><div class="process-num">04</div><h3>QA & Testing</h3><p>Dedicated quality cycles before any deployment.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="160"><div class="process-num">05</div><h3>Deployment</h3><p>Careful releases with rollback-minded practices.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">06</div><h3>Support</h3><p>Post-launch monitoring, fixes, and ongoing feature development.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Technology -->
|
||||||
|
<section class="section bg-soft" id="technology">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technology</div>
|
||||||
|
<h2 class="section-title">Battle-Tested Stacks We Deliver With</h2>
|
||||||
|
<p class="section-lead">Our team operates across core stacks—enabling end-to-end delivery from robust backends to polished mobile experiences and quality assurance.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
<div class="col-sm-6 col-lg" data-aos="fade-up">
|
||||||
|
<div class="tech-group h-100">
|
||||||
|
<h3>CodeIgniter 4</h3>
|
||||||
|
<p class="text-muted-zs mb-3" style="font-size:0.95rem">Scalable MVC web backends—from REST APIs to full-stack PHP platforms.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">PHP</span><span class="tech-pill">MVC</span><span class="tech-pill">REST APIs</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<div class="tech-group h-100">
|
||||||
|
<h3>Flutter</h3>
|
||||||
|
<p class="text-muted-zs mb-3" style="font-size:0.95rem">Cross-platform mobile apps with smooth UI and native-quality performance.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">iOS</span><span class="tech-pill">Android</span><span class="tech-pill">Dart</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<div class="tech-group h-100">
|
||||||
|
<h3>Node.js</h3>
|
||||||
|
<p class="text-muted-zs mb-3" style="font-size:0.95rem">Event-driven APIs, real-time systems, and services built to handle growth.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Express</span><span class="tech-pill">APIs</span><span class="tech-pill">Real-time</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg" data-aos="fade-up" data-aos-delay="180">
|
||||||
|
<div class="tech-group h-100">
|
||||||
|
<h3>QA & Testing</h3>
|
||||||
|
<p class="text-muted-zs mb-3" style="font-size:0.95rem">Manual and automated quality across every sprint and release.</p>
|
||||||
|
<div class="tech-pills"><span class="tech-pill">Automated</span><span class="tech-pill">Manual</span><span class="tech-pill">CI/CD</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-lg" data-aos="fade-up" data-aos-delay="200">
|
||||||
|
<div class="tech-group h-100 text-center">
|
||||||
|
<div class="icon-badge mb-2 mx-auto"><i class="bi bi-cpu" aria-hidden="true"></i></div>
|
||||||
|
<h3>AI & Agentic</h3>
|
||||||
|
<p class="text-muted-zs small mb-2">Python · FastAPI · LangChain</p>
|
||||||
|
<div class="tech-pills justify-content-center">
|
||||||
|
<span class="tech-pill">RAG</span>
|
||||||
|
<span class="tech-pill">Agents</span>
|
||||||
|
<span class="tech-pill">pgvector</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Why choose + Location -->
|
||||||
|
<section class="section" id="why-us">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 g-lg-5">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Why Zettai Systems</div>
|
||||||
|
<h2 class="section-title mb-4">Why Businesses Partner With Us</h2>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><h3 class="h6 mb-2">Business-focused solutions</h3><p class="mb-0 text-muted-zs" style="font-size:0.95rem">We start with workflows and outcomes—not features for their own sake.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><h3 class="h6 mb-2">Experienced technical team</h3><p class="mb-0 text-muted-zs" style="font-size:0.95rem">Engineers and architects who communicate clearly and deliver with structure.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><h3 class="h6 mb-2">Scalable architecture</h3><p class="mb-0 text-muted-zs" style="font-size:0.95rem">Systems planned for growth, maintainability, and long-term ownership.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><h3 class="h6 mb-2">Flexible engagement</h3><p class="mb-0 text-muted-zs" style="font-size:0.95rem">Customized solutions shaped around your roadmap and operating model.</p></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<aside class="location-card">
|
||||||
|
<div class="eyebrow" style="color:#fff">Our Base</div>
|
||||||
|
<h3>Chennai, India</h3>
|
||||||
|
<p>We work with clients from our engineering base in Nanganallur, Chennai—combining local partnership with modern remote collaboration.</p>
|
||||||
|
<ul class="location-list">
|
||||||
|
<li><i class="bi bi-geo-alt-fill" aria-hidden="true"></i><span>No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India</span></li>
|
||||||
|
<li><i class="bi bi-telephone-fill" aria-hidden="true"></i><a href="tel:+918072998024">+91 807 299 8024</a></li>
|
||||||
|
<li><i class="bi bi-envelope-fill" aria-hidden="true"></i><a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a></li>
|
||||||
|
</ul>
|
||||||
|
<a class="btn-zs btn-zs-light btn-zs-sm mt-3" href="contact">Contact Our Team <span class="arrow">→</span></a>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FAQ -->
|
||||||
|
<section class="section bg-soft" id="about-faq">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions About Zettai Systems</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-9" data-aos="fade-up">
|
||||||
|
<div class="accordion accordion-zs" id="aboutFaq">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#af1" aria-expanded="true">What kind of company is Zettai Systems?</button></h3>
|
||||||
|
<div id="af1" class="accordion-collapse collapse show" data-bs-parent="#aboutFaq"><div class="accordion-body">Zettai Systems is a Chennai-based technology partner focused on custom software, web and mobile products, cloud integration, data analytics, cybersecurity consulting, and enterprise platforms and ERP systems.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#af2">Do you build custom software and mobile apps?</button></h3>
|
||||||
|
<div id="af2" class="accordion-collapse collapse" data-bs-parent="#aboutFaq"><div class="accordion-body">Yes. We develop custom web platforms and cross-platform mobile applications—commonly using stacks such as CodeIgniter 4 / PHP, Node.js, and Flutter—based on your requirements.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#af3">Can you integrate with existing business systems?</button></h3>
|
||||||
|
<div id="af3" class="accordion-collapse collapse" data-bs-parent="#aboutFaq"><div class="accordion-body">Yes. API integration, cloud connectivity, and business automation are part of how we help teams connect platforms and reduce manual bottlenecks.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#af4">Do you provide ongoing support after launch?</button></h3>
|
||||||
|
<div id="af4" class="accordion-collapse collapse" data-bs-parent="#aboutFaq"><div class="accordion-body">Yes. Our approach emphasizes long-term partnership—monitoring, bug fixes, enhancements, and continuous improvement after go-live.</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA -->
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Let’s build what’s next—together</h2>
|
||||||
|
<p class="mb-0">Tell us about your product, platform, or transformation goals. We’ll respond with a clear, practical next step.</p>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-wrap gap-2">
|
||||||
|
<a class="btn-zs btn-zs-light" href="contact">Contact Us <span class="arrow">→</span></a>
|
||||||
|
<a class="btn-zs btn-zs-secondary" href="careers" style="--btn-color:#fff;--btn-border:rgba(255,255,255,.45);background:transparent">Join the Team <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
4
api/.htaccess
Normal file
4
api/.htaccess
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
# Protect helper files — only contact.php / careers.php should be called
|
||||||
|
<FilesMatch "^(helpers\.php)$">
|
||||||
|
Require all denied
|
||||||
|
</FilesMatch>
|
||||||
61
api/careers.php
Normal file
61
api/careers.php
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Careers form endpoint → careers@zettaisystems.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
require __DIR__ . '/helpers.php';
|
||||||
|
|
||||||
|
zs_require_post();
|
||||||
|
|
||||||
|
if (zs_is_honeypot_filled()) {
|
||||||
|
zs_json_response(200, ['ok' => true, 'message' => 'Thank you. Your application has been received.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$name = zs_field('name', 120);
|
||||||
|
$email = zs_field('email', 160);
|
||||||
|
$phone = zs_field('phone', 40);
|
||||||
|
$position = zs_field('position', 120);
|
||||||
|
$experience = zs_field('experience', 40);
|
||||||
|
$message = zs_field('message', 5000);
|
||||||
|
|
||||||
|
if ($name === '' || $email === '' || $phone === '' || $position === '' || $experience === '') {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Please fill in all required fields.']);
|
||||||
|
}
|
||||||
|
if (!zs_valid_email($email)) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Please enter a valid email address.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$attachment = zs_resume_attachment();
|
||||||
|
if ($attachment === null) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Please attach your resume (PDF or Word).']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$mailSubject = '[Career] ' . $position . ' – ' . $name;
|
||||||
|
$body = "New career application from the Zettai Systems website\n";
|
||||||
|
$body .= str_repeat('-', 48) . "\n\n";
|
||||||
|
$body .= "Name: {$name}\n";
|
||||||
|
$body .= "Email: {$email}\n";
|
||||||
|
$body .= "Phone: {$phone}\n";
|
||||||
|
$body .= "Position: {$position}\n";
|
||||||
|
$body .= "Experience: {$experience}\n\n";
|
||||||
|
$body .= "Message:\n" . ($message !== '' ? $message : '—') . "\n\n";
|
||||||
|
$body .= "Resume attached: {$attachment['name']}\n\n";
|
||||||
|
$body .= str_repeat('-', 48) . "\n";
|
||||||
|
$body .= 'Submitted: ' . gmdate('Y-m-d H:i:s') . " UTC\n";
|
||||||
|
$body .= 'IP: ' . ($_SERVER['REMOTE_ADDR'] ?? 'unknown') . "\n";
|
||||||
|
|
||||||
|
$sent = zs_send_mail(ZS_CAREERS_TO, $mailSubject, $body, $email, $attachment);
|
||||||
|
|
||||||
|
if (!$sent) {
|
||||||
|
zs_json_response(500, [
|
||||||
|
'ok' => false,
|
||||||
|
'error' => 'We could not send your application right now. Please email careers@zettaisystems.com or try again later.',
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
zs_json_response(200, [
|
||||||
|
'ok' => true,
|
||||||
|
'message' => 'Thank you. Your application has been sent. Our team will review it and follow up if there is a fit.',
|
||||||
|
]);
|
||||||
61
api/contact.php
Normal file
61
api/contact.php
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Contact form endpoint → solutions@zettaisystems.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
require __DIR__ . '/helpers.php';
|
||||||
|
|
||||||
|
zs_require_post();
|
||||||
|
|
||||||
|
if (zs_is_honeypot_filled()) {
|
||||||
|
zs_json_response(200, ['ok' => true, 'message' => 'Thank you. We have received your message.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$name = zs_field('name', 120);
|
||||||
|
$email = zs_field('email', 160);
|
||||||
|
$phone = zs_field('phone', 40);
|
||||||
|
$company = zs_field('company', 160);
|
||||||
|
$service = zs_field('service', 120);
|
||||||
|
$subject = zs_field('subject', 200);
|
||||||
|
$message = zs_field('message', 5000);
|
||||||
|
|
||||||
|
if ($subject === '') {
|
||||||
|
$subject = 'Website enquiry';
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($name === '' || $email === '' || $message === '') {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Please fill in all required fields.']);
|
||||||
|
}
|
||||||
|
if (!zs_valid_email($email)) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Please enter a valid email address.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$mailSubject = '[Contact] ' . $subject;
|
||||||
|
$body = "New contact enquiry from the Zettai Systems website\n";
|
||||||
|
$body .= str_repeat('-', 48) . "\n\n";
|
||||||
|
$body .= "Name: {$name}\n";
|
||||||
|
$body .= "Email: {$email}\n";
|
||||||
|
$body .= "Phone: " . ($phone !== '' ? $phone : '—') . "\n";
|
||||||
|
$body .= "Company: " . ($company !== '' ? $company : '—') . "\n";
|
||||||
|
$body .= "Service interest: " . ($service !== '' ? $service : '—') . "\n";
|
||||||
|
$body .= "Subject: {$subject}\n\n";
|
||||||
|
$body .= "Message:\n{$message}\n\n";
|
||||||
|
$body .= str_repeat('-', 48) . "\n";
|
||||||
|
$body .= 'Submitted: ' . gmdate('Y-m-d H:i:s') . " UTC\n";
|
||||||
|
$body .= 'IP: ' . ($_SERVER['REMOTE_ADDR'] ?? 'unknown') . "\n";
|
||||||
|
|
||||||
|
$sent = zs_send_mail(ZS_CONTACT_TO, $mailSubject, $body, $email);
|
||||||
|
|
||||||
|
if (!$sent) {
|
||||||
|
zs_json_response(500, [
|
||||||
|
'ok' => false,
|
||||||
|
'error' => 'We could not send your message right now. Please email solutions@zettaisystems.com or try again later.',
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
zs_json_response(200, [
|
||||||
|
'ok' => true,
|
||||||
|
'message' => 'Thank you. Your message has been sent. We will get back to you soon.',
|
||||||
|
]);
|
||||||
152
api/helpers.php
Normal file
152
api/helpers.php
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Shared mail helpers for Zettai Systems forms.
|
||||||
|
*/
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
const ZS_CONTACT_TO = 'solutions@zettaisystems.com';
|
||||||
|
const ZS_CAREERS_TO = 'careers@zettaisystems.com';
|
||||||
|
const ZS_FROM_NAME = 'Zettai Systems Website';
|
||||||
|
const ZS_FROM_EMAIL = 'noreply@zettaisystems.com';
|
||||||
|
const ZS_MAX_RESUME_BYTES = 5 * 1024 * 1024; // 5 MB
|
||||||
|
|
||||||
|
function zs_json_response(int $status, array $payload): void
|
||||||
|
{
|
||||||
|
http_response_code($status);
|
||||||
|
header('Content-Type: application/json; charset=utf-8');
|
||||||
|
header('X-Content-Type-Options: nosniff');
|
||||||
|
echo json_encode($payload, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_require_post(): void
|
||||||
|
{
|
||||||
|
if (($_SERVER['REQUEST_METHOD'] ?? '') !== 'POST') {
|
||||||
|
zs_json_response(405, ['ok' => false, 'error' => 'Method not allowed.']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_field(string $key, int $max = 2000): string
|
||||||
|
{
|
||||||
|
$value = $_POST[$key] ?? '';
|
||||||
|
if (!is_string($value)) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
$value = trim(strip_tags($value));
|
||||||
|
if (mb_strlen($value) > $max) {
|
||||||
|
$value = mb_substr($value, 0, $max);
|
||||||
|
}
|
||||||
|
return $value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_is_honeypot_filled(): bool
|
||||||
|
{
|
||||||
|
$hp = $_POST['website'] ?? $_POST['company_url'] ?? '';
|
||||||
|
return is_string($hp) && trim($hp) !== '';
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_valid_email(string $email): bool
|
||||||
|
{
|
||||||
|
return (bool) filter_var($email, FILTER_VALIDATE_EMAIL);
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_send_mail(string $to, string $subject, string $textBody, string $replyTo = '', ?array $attachment = null): bool
|
||||||
|
{
|
||||||
|
$boundary = 'zs_' . bin2hex(random_bytes(12));
|
||||||
|
$fromHeader = sprintf('%s <%s>', ZS_FROM_NAME, ZS_FROM_EMAIL);
|
||||||
|
|
||||||
|
$headers = [
|
||||||
|
'MIME-Version: 1.0',
|
||||||
|
'From: ' . $fromHeader,
|
||||||
|
'Date: ' . gmdate('D, d M Y H:i:s') . ' +0000',
|
||||||
|
'X-Mailer: ZettaiSystemsForms/1.0',
|
||||||
|
'X-Priority: 3',
|
||||||
|
];
|
||||||
|
|
||||||
|
if ($replyTo !== '' && zs_valid_email($replyTo)) {
|
||||||
|
$headers[] = 'Reply-To: ' . $replyTo;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($attachment === null) {
|
||||||
|
$headers[] = 'Content-Type: text/plain; charset=UTF-8';
|
||||||
|
$body = $textBody;
|
||||||
|
} else {
|
||||||
|
$headers[] = 'Content-Type: multipart/mixed; boundary="' . $boundary . '"';
|
||||||
|
$body = "--{$boundary}\r\n";
|
||||||
|
$body .= "Content-Type: text/plain; charset=UTF-8\r\n";
|
||||||
|
$body .= "Content-Transfer-Encoding: 8bit\r\n\r\n";
|
||||||
|
$body .= $textBody . "\r\n\r\n";
|
||||||
|
$body .= "--{$boundary}\r\n";
|
||||||
|
$body .= 'Content-Type: ' . $attachment['mime'] . '; name="' . $attachment['name'] . "\"\r\n";
|
||||||
|
$body .= "Content-Transfer-Encoding: base64\r\n";
|
||||||
|
$body .= 'Content-Disposition: attachment; filename="' . $attachment['name'] . "\"\r\n\r\n";
|
||||||
|
$body .= chunk_split(base64_encode($attachment['data'])) . "\r\n";
|
||||||
|
$body .= "--{$boundary}--";
|
||||||
|
}
|
||||||
|
|
||||||
|
$encodedSubject = '=?UTF-8?B?' . base64_encode($subject) . '?=';
|
||||||
|
$headerString = implode("\r\n", $headers);
|
||||||
|
$envelope = '-f' . ZS_FROM_EMAIL;
|
||||||
|
return @mail($to, $encodedSubject, $body, $headerString, $envelope);
|
||||||
|
}
|
||||||
|
|
||||||
|
function zs_resume_attachment(): ?array
|
||||||
|
{
|
||||||
|
if (!isset($_FILES['resume']) || !is_array($_FILES['resume'])) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$file = $_FILES['resume'];
|
||||||
|
if (($file['error'] ?? UPLOAD_ERR_NO_FILE) === UPLOAD_ERR_NO_FILE) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (($file['error'] ?? UPLOAD_ERR_OK) !== UPLOAD_ERR_OK) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Resume upload failed. Please try again.']);
|
||||||
|
}
|
||||||
|
if (($file['size'] ?? 0) <= 0 || $file['size'] > ZS_MAX_RESUME_BYTES) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Resume must be a PDF or Word file under 5 MB.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$original = (string) ($file['name'] ?? 'resume');
|
||||||
|
$ext = strtolower(pathinfo($original, PATHINFO_EXTENSION));
|
||||||
|
$allowed = [
|
||||||
|
'pdf' => 'application/pdf',
|
||||||
|
'doc' => 'application/msword',
|
||||||
|
'docx' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
|
||||||
|
];
|
||||||
|
if (!isset($allowed[$ext])) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Resume must be a PDF or Word document (.pdf, .doc, .docx).']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$tmp = (string) ($file['tmp_name'] ?? '');
|
||||||
|
if ($tmp === '' || !is_uploaded_file($tmp)) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Invalid resume upload.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (class_exists('finfo')) {
|
||||||
|
$detected = (new finfo(FILEINFO_MIME_TYPE))->file($tmp) ?: '';
|
||||||
|
$okMime = [
|
||||||
|
'application/pdf',
|
||||||
|
'application/msword',
|
||||||
|
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
|
||||||
|
'application/zip', // some hosts report .docx as zip
|
||||||
|
];
|
||||||
|
if ($detected !== '' && !in_array($detected, $okMime, true)) {
|
||||||
|
zs_json_response(400, ['ok' => false, 'error' => 'Resume must be a PDF or Word document (.pdf, .doc, .docx).']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$data = file_get_contents($tmp);
|
||||||
|
if ($data === false) {
|
||||||
|
zs_json_response(500, ['ok' => false, 'error' => 'Could not read the uploaded resume.']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$safeName = preg_replace('/[^A-Za-z0-9._-]/', '_', $original) ?: ('resume.' . $ext);
|
||||||
|
|
||||||
|
return [
|
||||||
|
'name' => $safeName,
|
||||||
|
'mime' => $allowed[$ext],
|
||||||
|
'data' => $data,
|
||||||
|
];
|
||||||
|
}
|
||||||
BIN
assets/images/bg-icon-light.png
Normal file
BIN
assets/images/bg-icon-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
BIN
assets/images/bg-icon-square.png
Normal file
BIN
assets/images/bg-icon-square.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
BIN
assets/images/bg-logo-light.png
Normal file
BIN
assets/images/bg-logo-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 321 KiB |
BIN
assets/logos/favicon-dark.png
Normal file
BIN
assets/logos/favicon-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
assets/logos/favicon.png
Normal file
BIN
assets/logos/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
6
assets/logos/favicon.svg
Normal file
6
assets/logos/favicon.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 210" role="img" aria-label="Zettai Systems icon">
|
||||||
|
<title>Zettai Systems</title>
|
||||||
|
<path fill="#005498" d="M22 18h188L174 62H96l26 40H54L22 62h86L80 18Z"/>
|
||||||
|
<path fill="#14283C" d="M90 88h68l52 96H28l30-48h92L98 88Z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 324 B |
BIN
assets/logos/icon-dark.png
Normal file
BIN
assets/logos/icon-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
assets/logos/icon-square.png
Normal file
BIN
assets/logos/icon-square.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
assets/logos/icon.png
Normal file
BIN
assets/logos/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
assets/logos/logo-dark-transparent.png
Normal file
BIN
assets/logos/logo-dark-transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
assets/logos/logo-light-transparent.png
Normal file
BIN
assets/logos/logo-light-transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
251
careers.html
Normal file
251
careers.html
Normal file
@ -0,0 +1,251 @@
|
|||||||
|
<!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>Careers | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Join Zettai Systems. Explore current openings—including AI / Agentic Workflow Engineer—and apply through our careers form." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/careers" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Careers | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Join Zettai Systems. Explore current openings—including AI / Agentic Workflow Engineer—and apply through our careers form." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/careers" />
|
||||||
|
<meta property="og:image" content="/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="careers">
|
||||||
|
<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">Careers</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Careers</div>
|
||||||
|
<h1>Build Meaningful Software With Us</h1>
|
||||||
|
<p>We’re looking for people who care about craft, communication, and outcomes—not just tickets closed.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Why Join</div>
|
||||||
|
<h2 class="section-title">Work That Matters to Real Teams</h2>
|
||||||
|
<p class="section-lead">At Zettai Systems you’ll collaborate on products and platforms that solve operational problems for growing businesses.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lightbulb"></i></div><h3>Interesting problems</h3><p>Custom systems across web, mobile, cloud, and enterprise—not cookie-cutter templates.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Collaborative culture</h3><p>Clear communication, respectful feedback, and shared ownership of delivery quality.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-mortarboard"></i></div><h3>Room to grow</h3><p>Learn across stacks and domains while contributing to architecture and client outcomes.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="180">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-heart"></i></div><h3>Impact you can see</h3><p>Ship work that teams rely on daily—and help improve it after launch.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Open Positions</div>
|
||||||
|
<h2 class="section-title">Current Openings</h2>
|
||||||
|
<p class="section-lead">We’re hiring across engineering, AI, and growth. Apply through the form and we’ll match strong candidates to the right opening.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>Full-Stack Developer</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">Engineering</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Build and maintain web applications using modern frontend and backend stacks.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>Flutter Mobile Developer</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">Mobile</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Deliver Android and iOS experiences with Flutter—native-quality UX from a single codebase.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>ERP Consultant / Developer</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">ERP</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Implement and customize ERP modules for finance, inventory, and operations automation.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>QA Engineer</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">Quality</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Own test planning, functional validation, and quality gates across projects.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>AI / Agentic Workflow Engineer</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">AI</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Build multi-agent task orchestrations, RAG pipelines, and deterministic API guardrails with Python, FastAPI, and enterprise LM providers.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||||
|
<article class="card-zs job-card">
|
||||||
|
<h3>Business Development</h3>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="chip">Growth</span>
|
||||||
|
<span class="chip">Chennai</span>
|
||||||
|
<span class="chip">Full-time</span>
|
||||||
|
</div>
|
||||||
|
<p>Build pipeline, run discovery conversations, and help convert qualified opportunities into engineering engagements.</p>
|
||||||
|
<a class="link-arrow" href="#apply">Apply Now <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section" id="apply">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Apply</div>
|
||||||
|
<h2 class="section-title">Send Your Application</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Share your details and résumé. We’ll review submissions and follow up when there’s a relevant fit.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Prefer a conversation first? Email <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>, use the <a href="contact">contact form</a>, or call <a href="tel:+918072998024">+91 807 299 8024</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<form class="form-zs" data-form="careers" method="post" action="/api/careers.php" enctype="multipart/form-data" novalidate>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="hp-field" aria-hidden="true">
|
||||||
|
<label for="c-website">Website</label>
|
||||||
|
<input type="text" id="c-website" name="website" tabindex="-1" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 form-field">
|
||||||
|
<label class="form-label-zs" for="c-name">Full Name <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="c-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="c-email">Email <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="c-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="c-phone">Phone <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="c-phone" name="phone" type="tel" data-required autocomplete="tel" />
|
||||||
|
<div class="form-error">Please enter your phone number.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 form-field">
|
||||||
|
<label class="form-label-zs" for="c-position">Position <span class="required-star">*</span></label>
|
||||||
|
<select class="form-select-zs" id="c-position" name="position" data-required>
|
||||||
|
<option value="">Select a position</option>
|
||||||
|
<option>AI / Agentic Workflow Engineer</option>
|
||||||
|
<option>Full-Stack Developer</option>
|
||||||
|
<option>Flutter Mobile Developer</option>
|
||||||
|
<option>ERP Consultant / Developer</option>
|
||||||
|
<option>QA Engineer</option>
|
||||||
|
<option>Business Development</option>
|
||||||
|
<option>General / Other</option>
|
||||||
|
</select>
|
||||||
|
<div class="form-error">Please select a position.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 form-field">
|
||||||
|
<label class="form-label-zs" for="c-experience">Years of Experience <span class="required-star">*</span></label>
|
||||||
|
<select class="form-select-zs" id="c-experience" name="experience" data-required>
|
||||||
|
<option value="">Select experience</option>
|
||||||
|
<option>0–1 years</option>
|
||||||
|
<option>1–3 years</option>
|
||||||
|
<option>3–5 years</option>
|
||||||
|
<option>5–8 years</option>
|
||||||
|
<option>8+ years</option>
|
||||||
|
</select>
|
||||||
|
<div class="form-error">Please select your experience level.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 form-field">
|
||||||
|
<label class="form-label-zs" for="c-resume">Resume / CV <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="c-resume" name="resume" type="file" accept=".pdf,.doc,.docx" data-required />
|
||||||
|
<div class="form-error">Please attach your resume (PDF or Word).</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 form-field">
|
||||||
|
<label class="form-label-zs" for="c-message">Message</label>
|
||||||
|
<textarea class="form-control-zs" id="c-message" name="message" rows="4" placeholder="Optional note about your interest or availability"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<button class="btn-zs btn-zs-primary" type="submit">Submit Application <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>
|
||||||
167
contact.html
Normal file
167
contact.html
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
<!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="/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>
|
||||||
396
css/animations.css
Normal file
396
css/animations.css
Normal file
@ -0,0 +1,396 @@
|
|||||||
|
/* Zettai Systems — animated visuals (orbit + mesh band) */
|
||||||
|
|
||||||
|
.orbit-section {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-layout {
|
||||||
|
display: grid;
|
||||||
|
gap: 2.5rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.orbit-layout {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-stage {
|
||||||
|
position: relative;
|
||||||
|
width: min(100%, 420px);
|
||||||
|
aspect-ratio: 1;
|
||||||
|
margin-inline: auto;
|
||||||
|
border-radius: 28px;
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 50% 50%, rgba(0, 84, 152, 0.2), transparent 55%),
|
||||||
|
linear-gradient(160deg, #0c1628 0%, #15243a 55%, #101b2e 100%);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-ring {
|
||||||
|
position: absolute;
|
||||||
|
inset: 18%;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1.5px dashed rgba(192, 208, 220, 0.35);
|
||||||
|
animation: zsOrbitSpin 48s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-ring::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: 14%;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid rgba(0, 84, 152, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-hub {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 3;
|
||||||
|
width: 88px;
|
||||||
|
height: 88px;
|
||||||
|
margin: -44px 0 0 -44px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
background: linear-gradient(145deg, #14283c, #0a1520);
|
||||||
|
box-shadow: 0 0 0 10px rgba(8, 32, 72, 0.45), 0 12px 30px rgba(0, 0, 0, 0.4);
|
||||||
|
animation: zsHubPulse 3.6s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-hub img {
|
||||||
|
width: 42px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-nodes {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-node {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 54px;
|
||||||
|
height: 54px;
|
||||||
|
margin: -27px 0 0 -27px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
|
color: #fff;
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-node i {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-node span {
|
||||||
|
position: absolute;
|
||||||
|
top: calc(100% + 6px);
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 0.68rem;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-nodes .orbit-node:nth-child(1) { animation: zsNode1 48s linear infinite; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(2) { animation: zsNode2 48s linear infinite; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(3) { animation: zsNode3 48s linear infinite; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(4) { animation: zsNode4 48s linear infinite; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(5) { animation: zsNode5 48s linear infinite; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(6) { animation: zsNode6 48s linear infinite; }
|
||||||
|
|
||||||
|
@keyframes zsNode1 {
|
||||||
|
from { transform: rotate(0deg) translateY(-132px) rotate(0deg); }
|
||||||
|
to { transform: rotate(360deg) translateY(-132px) rotate(-360deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode2 {
|
||||||
|
from { transform: rotate(60deg) translateY(-132px) rotate(-60deg); }
|
||||||
|
to { transform: rotate(420deg) translateY(-132px) rotate(-420deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode3 {
|
||||||
|
from { transform: rotate(120deg) translateY(-132px) rotate(-120deg); }
|
||||||
|
to { transform: rotate(480deg) translateY(-132px) rotate(-480deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode4 {
|
||||||
|
from { transform: rotate(180deg) translateY(-132px) rotate(-180deg); }
|
||||||
|
to { transform: rotate(540deg) translateY(-132px) rotate(-540deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode5 {
|
||||||
|
from { transform: rotate(240deg) translateY(-132px) rotate(-240deg); }
|
||||||
|
to { transform: rotate(600deg) translateY(-132px) rotate(-600deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode6 {
|
||||||
|
from { transform: rotate(300deg) translateY(-132px) rotate(-300deg); }
|
||||||
|
to { transform: rotate(660deg) translateY(-132px) rotate(-660deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 4;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.55rem;
|
||||||
|
padding: 0.65rem 0.9rem;
|
||||||
|
border-radius: 14px;
|
||||||
|
background: var(--surface-color);
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: 0.82rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--text-color);
|
||||||
|
animation: floatPanel 5.5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip i {
|
||||||
|
color: var(--primary-color);
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip.chip-a {
|
||||||
|
top: 12%;
|
||||||
|
right: 6%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip.chip-b {
|
||||||
|
bottom: 12%;
|
||||||
|
left: 6%;
|
||||||
|
animation-delay: -2.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip.chip-b i {
|
||||||
|
color: var(--secondary-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip small {
|
||||||
|
display: block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--muted-text-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zsOrbitSpin {
|
||||||
|
to { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zsHubPulse {
|
||||||
|
0%, 100% { box-shadow: 0 0 0 10px rgba(0, 84, 152, 0.18), 0 12px 30px rgba(0, 0, 0, 0.35); }
|
||||||
|
50% { box-shadow: 0 0 0 16px rgba(192, 208, 220, 0.16), 0 12px 30px rgba(0, 0, 0, 0.35); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mesh band */
|
||||||
|
.mesh-band {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: clamp(3.5rem, 7vw, 5.5rem) 0;
|
||||||
|
color: #fff;
|
||||||
|
background: linear-gradient(120deg, #071526 0%, #0c2a4d 45%, #12305a 100%);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(126, 182, 255, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-theme="dark"] .mesh-band {
|
||||||
|
background: linear-gradient(120deg, #06111f 0%, #123a66 48%, #0d2848 100%);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(126, 182, 255, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-band-canvas {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0.55;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-band-canvas svg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-wave {
|
||||||
|
fill: none;
|
||||||
|
stroke: rgba(0, 84, 152, 0.45);
|
||||||
|
stroke-width: 1.5;
|
||||||
|
animation: zsMeshDrift 14s ease-in-out infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-wave.w2 {
|
||||||
|
stroke: rgba(192, 208, 220, 0.4);
|
||||||
|
animation-duration: 18s;
|
||||||
|
animation-delay: -4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-wave.w3 {
|
||||||
|
stroke: rgba(255, 255, 255, 0.12);
|
||||||
|
animation-duration: 22s;
|
||||||
|
animation-delay: -7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zsMeshDrift {
|
||||||
|
from { transform: translateX(0) translateY(0); }
|
||||||
|
to { transform: translateX(-3%) translateY(2%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-band .container-zs {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-layout {
|
||||||
|
display: grid;
|
||||||
|
gap: 2rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.mesh-layout {
|
||||||
|
grid-template-columns: 0.95fr 1.05fr;
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-frame {
|
||||||
|
position: relative;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 1.25rem;
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-legend {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.85rem;
|
||||||
|
margin-bottom: 0.85rem;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-legend span {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-legend i {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 3px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-legend .l1 { background: rgba(0, 84, 152, 0.85); }
|
||||||
|
.radar-legend .l2 { background: rgba(192, 208, 220, 0.85); }
|
||||||
|
.radar-legend .l3 { background: rgba(255, 255, 255, 0.35); }
|
||||||
|
|
||||||
|
.radar-svg {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-poly {
|
||||||
|
animation: zsRadarBreathe 5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radar-poly.p2 {
|
||||||
|
animation-delay: -1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes zsRadarBreathe {
|
||||||
|
0%, 100% { opacity: 0.5; }
|
||||||
|
50% { opacity: 0.9; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-copy .eyebrow {
|
||||||
|
color: #7eb6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-copy .eyebrow::before {
|
||||||
|
background: linear-gradient(90deg, #005498, #c0d0dc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-copy h2 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: clamp(1.8rem, 3.5vw, 2.6rem);
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-copy h2 em {
|
||||||
|
font-style: normal;
|
||||||
|
background: linear-gradient(90deg, #4ba3dc, #c0d0dc);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mesh-copy p {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
max-width: 34rem;
|
||||||
|
margin: 0 0 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.orbit-ring,
|
||||||
|
.orbit-nodes .orbit-node,
|
||||||
|
.orbit-hub,
|
||||||
|
.orbit-chip,
|
||||||
|
.mesh-wave,
|
||||||
|
.radar-poly {
|
||||||
|
animation: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
.orbit-nodes .orbit-node:nth-child(1) { animation-name: zsNode1m; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(2) { animation-name: zsNode2m; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(3) { animation-name: zsNode3m; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(4) { animation-name: zsNode4m; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(5) { animation-name: zsNode5m; }
|
||||||
|
.orbit-nodes .orbit-node:nth-child(6) { animation-name: zsNode6m; }
|
||||||
|
|
||||||
|
@keyframes zsNode1m {
|
||||||
|
from { transform: rotate(0deg) translateY(-108px) rotate(0deg); }
|
||||||
|
to { transform: rotate(360deg) translateY(-108px) rotate(-360deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode2m {
|
||||||
|
from { transform: rotate(60deg) translateY(-108px) rotate(-60deg); }
|
||||||
|
to { transform: rotate(420deg) translateY(-108px) rotate(-420deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode3m {
|
||||||
|
from { transform: rotate(120deg) translateY(-108px) rotate(-120deg); }
|
||||||
|
to { transform: rotate(480deg) translateY(-108px) rotate(-480deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode4m {
|
||||||
|
from { transform: rotate(180deg) translateY(-108px) rotate(-180deg); }
|
||||||
|
to { transform: rotate(540deg) translateY(-108px) rotate(-540deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode5m {
|
||||||
|
from { transform: rotate(240deg) translateY(-108px) rotate(-240deg); }
|
||||||
|
to { transform: rotate(600deg) translateY(-108px) rotate(-600deg); }
|
||||||
|
}
|
||||||
|
@keyframes zsNode6m {
|
||||||
|
from { transform: rotate(300deg) translateY(-108px) rotate(-300deg); }
|
||||||
|
to { transform: rotate(660deg) translateY(-108px) rotate(-660deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.orbit-chip {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
padding: 0.5rem 0.7rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
1
css/aos.css
Normal file
1
css/aos.css
Normal file
File diff suppressed because one or more lines are too long
6
css/bootstrap.min.css
vendored
Normal file
6
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3247
css/style.css
Normal file
3247
css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
667
index.html
Normal file
667
index.html
Normal file
@ -0,0 +1,667 @@
|
|||||||
|
<!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>Zettai Systems | Intelligent Products, Enterprise Governance</title>
|
||||||
|
<meta name="description" content="Zettai Systems engineers intelligent web, mobile, cloud, and AI products with enterprise governance—scope lock, quality SOPs, AI guardrails, and audit-ready delivery." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Zettai Systems | Intelligent Products, Enterprise Governance" />
|
||||||
|
<meta property="og:description" content="Intelligent products with enterprise governance—scope lock, quality SOPs, AI guardrails, and audit-ready delivery." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/" />
|
||||||
|
<meta property="og:image" content="/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" />
|
||||||
|
<link rel="stylesheet" href="/css/animations.css" />
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Zettai Systems",
|
||||||
|
"url": "https://zettaisystems.com/",
|
||||||
|
"logo": "https://zettaisystems.com/assets/logos/icon.png",
|
||||||
|
"telephone": "+91-807-299-8024",
|
||||||
|
"email": "solutions@zettaisystems.com",
|
||||||
|
"address": {
|
||||||
|
"@type": "PostalAddress",
|
||||||
|
"streetAddress": "No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur",
|
||||||
|
"addressLocality": "Chennai",
|
||||||
|
"postalCode": "600061",
|
||||||
|
"addressRegion": "Tamil Nadu",
|
||||||
|
"addressCountry": "IN"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<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="home">
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
<main id="main">
|
||||||
|
<!-- Hero -->
|
||||||
|
<section class="hero">
|
||||||
|
<div class="hero-bg" aria-hidden="true">
|
||||||
|
<div class="hero-bg-glow g1"></div>
|
||||||
|
<div class="hero-bg-glow g2"></div>
|
||||||
|
<div class="hero-bg-glow g3"></div>
|
||||||
|
<div class="hero-bg-shimmer"></div>
|
||||||
|
<div class="hero-bg-particles">
|
||||||
|
<span class="p1"></span>
|
||||||
|
<span class="p2"></span>
|
||||||
|
<span class="p3"></span>
|
||||||
|
<span class="p4"></span>
|
||||||
|
<span class="p5"></span>
|
||||||
|
<span class="p6"></span>
|
||||||
|
<span class="p7"></span>
|
||||||
|
<span class="p8"></span>
|
||||||
|
</div>
|
||||||
|
<svg class="hero-bg-grid" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid slice">
|
||||||
|
<defs>
|
||||||
|
<pattern id="heroGrid" width="48" height="48" patternUnits="userSpaceOnUse">
|
||||||
|
<path d="M48 0H0V48" fill="none" stroke="currentColor" stroke-width="1" />
|
||||||
|
</pattern>
|
||||||
|
<linearGradient id="heroFade" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0%" stop-color="#005498" stop-opacity="0.22" />
|
||||||
|
<stop offset="55%" stop-color="#005498" stop-opacity="0.06" />
|
||||||
|
<stop offset="100%" stop-color="#C0D0DC" stop-opacity="0" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<rect class="hero-bg-grid-fill" width="1200" height="800" fill="url(#heroGrid)" opacity="0.35" />
|
||||||
|
<path class="hero-bg-arc" d="M-40 620 C 220 380, 480 720, 760 420 S 1180 180, 1280 320" fill="none" stroke="url(#heroFade)" stroke-width="1.5" />
|
||||||
|
<path class="hero-bg-arc a2" d="M-80 180 C 260 40, 520 260, 820 120 S 1200 280, 1320 80" fill="none" stroke="url(#heroFade)" stroke-width="1.2" />
|
||||||
|
<circle class="hero-bg-node n1" cx="980" cy="160" r="3.5" fill="#005498" />
|
||||||
|
<circle class="hero-bg-node n2" cx="180" cy="540" r="3" fill="#1c70ac" />
|
||||||
|
<circle class="hero-bg-node n3" cx="720" cy="680" r="2.5" fill="#005498" />
|
||||||
|
<circle class="hero-bg-node n4" cx="420" cy="220" r="2" fill="#C0D0DC" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="hero-grid">
|
||||||
|
<div data-aos="fade-up">
|
||||||
|
<div class="hero-brand">Zettai Systems</div>
|
||||||
|
<h1>Engineering Intelligent Products. Governed for the Enterprise.</h1>
|
||||||
|
<p class="hero-copy">
|
||||||
|
We design, build, and support high-performance software platforms—web, mobile, cloud, and AI systems—engineered around your workflows, security needs, and growth plans.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
<a class="hero-cta-link" href="#zettai-framework">Explore Our Governance Framework <span class="arrow" aria-hidden="true">→</span></a>
|
||||||
|
<a class="hero-cta-link hero-cta-arch" href="solutions">Review Our System Architecture <span class="arrow" aria-hidden="true">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hero-visual" data-aos="zoom-in" data-aos-delay="120" aria-hidden="true">
|
||||||
|
<div class="hero-orb o1"></div>
|
||||||
|
<div class="hero-orb o2"></div>
|
||||||
|
<div class="hero-float-card c1"><span class="dot"></span> Secure Architecture</div>
|
||||||
|
<div class="hero-float-card c2"><span class="dot"></span> Cloud-Ready Delivery</div>
|
||||||
|
<div class="hero-panel">
|
||||||
|
<svg viewBox="0 0 460 480" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="">
|
||||||
|
<rect width="460" height="480" fill="url(#hg)" />
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="hg" x1="0" y1="0" x2="460" y2="480">
|
||||||
|
<stop stop-color="#005498" stop-opacity="0.12" />
|
||||||
|
<stop offset="1" stop-color="#C0D0DC" stop-opacity="0.18" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g class="hero-radar">
|
||||||
|
<g stroke="#8BB8E8" opacity="0.55" stroke-width="1.2" fill="none">
|
||||||
|
<circle cx="230" cy="220" r="78" />
|
||||||
|
<circle cx="230" cy="220" r="120" />
|
||||||
|
<circle cx="230" cy="220" r="162" />
|
||||||
|
<path d="M230 98v244M108 220h244M145 135l170 170M145 305l170-170" />
|
||||||
|
</g>
|
||||||
|
<circle cx="230" cy="98" r="8" fill="#005498" />
|
||||||
|
<circle cx="352" cy="220" r="8" fill="#C0D0DC" />
|
||||||
|
<circle cx="145" cy="135" r="7" fill="#005498" />
|
||||||
|
<circle cx="315" cy="305" r="7" fill="#C0D0DC" />
|
||||||
|
</g>
|
||||||
|
<circle cx="230" cy="220" r="18" fill="none" stroke="#C0D0DC" stroke-width="2" />
|
||||||
|
<image class="hero-logo-light" href="/assets/logos/icon.png" x="155" y="162" width="150" height="128" />
|
||||||
|
<image class="hero-logo-dark" href="/assets/logos/icon-dark.png" x="155" y="162" width="150" height="128" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Trust / Capability -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Technology Built Around Your Business</h2>
|
||||||
|
<p class="section-lead">Practical engineering focused on outcomes—clear communication, dependable delivery, and systems that stay maintainable as you grow.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 capability-grid">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lightbulb"></i></div><div class="stat-label">Innovation</div><p>Modern architectures and product thinking that solve real operational problems.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><div class="stat-label">Reliability</div><p>Structured delivery, quality focus, and systems designed for predictable performance.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lock"></i></div><div class="stat-label">Security</div><p>Security-conscious development practices across applications, APIs, and infrastructure.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-arrows-angle-expand"></i></div><div class="stat-label">Scalability</div><p>Platforms planned to scale with demand, teams, and evolving business processes.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-speedometer2"></i></div><div class="stat-label">Performance</div><p>Efficient backends, thoughtful UX, and delivery pipelines that keep releases smooth.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-headset"></i></div><div class="stat-label">Long-Term Support</div><p>Partnership beyond launch—monitoring, enhancements, and continuous improvement.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Who We Are -->
|
||||||
|
<section class="section bg-soft" id="who-we-are">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="split-section">
|
||||||
|
<div data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Who We Are</div>
|
||||||
|
<h2 class="section-title">Technology Is Only as Good as the Business Outcomes It Drives</h2>
|
||||||
|
<p class="text-muted-zs mb-3">At Zettai Systems, we don’t just write code—we analyze your core operational workflows before architecting a single feature. Our focus is converting complex engineering challenges into secure, reliable digital assets that protect operational margins and maximize resource utilization.</p>
|
||||||
|
<p class="text-muted-zs mb-4">As a Chennai-based engineering partner, we help mid-market and growing enterprises future-proof their infrastructure, reduce technical debt, and deliver predictable performance gains through web, mobile, cloud, and enterprise platforms.</p>
|
||||||
|
<ul class="who-points">
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>One accountable engineering team</strong> — web, mobile, cloud, and enterprise delivery under one roof.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>Workflow-first architecture</strong> — we map how your business works before we write a line of code.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-check-circle-fill" aria-hidden="true"></i>
|
||||||
|
<div><strong>Built to last together</strong> — long-term partnership with support, QA, and continuous improvement.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="who-meta mb-4">
|
||||||
|
<div class="who-meta-item">
|
||||||
|
<span class="who-meta-year">2016</span>
|
||||||
|
<span class="who-meta-label">Founded in Chennai</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="link-arrow" href="about">Learn More About Us <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<aside class="who-panel" data-aos="fade-up" data-aos-delay="100" aria-label="What Zettai Systems delivers">
|
||||||
|
<div class="who-panel-brand">
|
||||||
|
<img src="/assets/logos/icon-dark.png" alt="" width="44" height="38" loading="lazy" />
|
||||||
|
<p class="who-panel-kicker">Zettai Systems</p>
|
||||||
|
</div>
|
||||||
|
<h3 class="who-panel-title">Software <span>+</span><br />Platforms</h3>
|
||||||
|
<p class="who-panel-lead">End-to-end technology delivery from one unified engineering hub.</p>
|
||||||
|
<div class="who-panel-cols">
|
||||||
|
<div>
|
||||||
|
<h4>Core Build</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Web applications</li>
|
||||||
|
<li>Mobile apps (Flutter)</li>
|
||||||
|
<li>Custom software</li>
|
||||||
|
<li>REST APIs & Node.js</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Scale & Secure</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Cloud integration</li>
|
||||||
|
<li>ERP</li>
|
||||||
|
<li>Data analytics</li>
|
||||||
|
<li>Cybersecurity & QA</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="who-panel-footer">
|
||||||
|
<p class="who-panel-stack-label">Core stack</p>
|
||||||
|
<div class="who-panel-stack">
|
||||||
|
<span>CodeIgniter 4</span>
|
||||||
|
<span>Flutter</span>
|
||||||
|
<span>Node.js</span>
|
||||||
|
<span>AWS</span>
|
||||||
|
<span>Azure</span>
|
||||||
|
<span>QA</span>
|
||||||
|
</div>
|
||||||
|
<div class="who-panel-stats">
|
||||||
|
<div>
|
||||||
|
<strong>Discover → Support</strong>
|
||||||
|
<span>Structured delivery process</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Security-aware</strong>
|
||||||
|
<span>Architecture & testing focus</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="who-panel-cta" href="services">Explore Services <span aria-hidden="true">→</span></a>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mission-grid mt-5">
|
||||||
|
<article class="mission-card mission" data-aos="fade-up">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-bullseye"></i></div>
|
||||||
|
<h3>Mission</h3>
|
||||||
|
<p>Empower businesses through innovative, scalable, and reliable technology solutions that streamline operations and unlock growth.</p>
|
||||||
|
</article>
|
||||||
|
<article class="mission-card vision" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-globe2"></i></div>
|
||||||
|
<h3>Vision</h3>
|
||||||
|
<p>Become a trusted technology partner delivering secure, intelligent, and future-ready digital solutions.</p>
|
||||||
|
</article>
|
||||||
|
<article class="mission-card approach" data-aos="fade-up" data-aos-delay="200">
|
||||||
|
<div class="icon-badge" aria-hidden="true"><i class="bi bi-people-fill"></i></div>
|
||||||
|
<h3>Approach</h3>
|
||||||
|
<p>Long-term partnerships, not one-off projects. We’re invested in your success at every stage—from discovery through ongoing support.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Services -->
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Services</div>
|
||||||
|
<h2 class="section-title">AI Products and Foundational Engineering</h2>
|
||||||
|
<p class="section-lead">Track A ships intelligent systems. Track B is the Flutter, web, cloud, and QA layer those systems run on.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-track" data-aos="fade-up">
|
||||||
|
<div class="service-track-header">
|
||||||
|
<div class="eyebrow">Track A</div>
|
||||||
|
<h3>AI Products & Systems</h3>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-md-6 col-lg-3">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-robot"></i></div><h3>Generative AI & Agentic Workflows</h3><p>Multi-agent orchestration, human-in-the-loop task routing, and custom tool calling.</p><a class="link-arrow" href="services/agentic-ai">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-search"></i></div><h3>Domain RAG & Enterprise Search</h3><p>Hybrid semantic and lexical search over documentation, PDFs, and relational stores.</p><a class="link-arrow" href="services/enterprise-rag">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-hdd-network"></i></div><h3>Custom AI Microservices & APIs</h3><p>Low-latency FastAPI and Node.js inference endpoints, model routing, and fallback cascades.</p><a class="link-arrow" href="services/ai-microservices">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-gear-wide-connected"></i></div><h3>Intelligent Process Automation</h3><p>AI-assisted ERP workflows, document intelligence, and smart approval triage.</p><a class="link-arrow" href="services/intelligent-process-automation">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-track" data-aos="fade-up">
|
||||||
|
<div class="service-track-header">
|
||||||
|
<div class="eyebrow">Track B</div>
|
||||||
|
<h3>Foundational Engineering</h3>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-phone"></i></div><h3>High-Performance Mobile (Flutter)</h3><p>Cross-platform native-quality iOS and Android apps connected to AI services, with offline caching.</p><a class="link-arrow" href="services/mobile-development">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-window-sidebar"></i></div><h3>Modern Full-Stack Web Platforms</h3><p>High-throughput web applications, enterprise dashboards, and customer self-service portals.</p><a class="link-arrow" href="services/web-development">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cloud"></i></div><h3>Cloud, MLOps & QA Engineering</h3><p>AWS Bedrock, Azure OpenAI, and Vertex integrations, Docker/Kubernetes, and automated regression testing.</p><a class="link-arrow" href="services/cloud-integration">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-track mb-0" data-aos="fade-up">
|
||||||
|
<div class="service-track-header">
|
||||||
|
<div class="eyebrow">Also offered</div>
|
||||||
|
<h3>Governance, data, and enterprise delivery</h3>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-lg-center">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><h3>AI Governance</h3><p>Guardrails, evaluation, and audit trails so AI features stay inspectable.</p><a class="link-arrow" href="services/ai-governance">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-code-slash"></i></div><h3>Custom Software Development</h3><p>Business-specific software solutions designed for scalability and performance.</p><a class="link-arrow" href="services/custom-software">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-bar-chart"></i></div><h3>Data Analytics</h3><p>Turn business data into meaningful insights and better decisions.</p><a class="link-arrow" href="services/data-analytics">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-diagram-3"></i></div><h3>IT Consulting</h3><p>Technology consulting, architecture planning, and digital transformation.</p><a class="link-arrow" href="services/it-consulting">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-lock"></i></div><h3>Cybersecurity</h3><p>Security-focused solutions to protect applications, infrastructure, and data.</p><a class="link-arrow" href="services/cybersecurity">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-building"></i></div><h3>ERP Solutions</h3><p>ERP implementation, customization, integration, and business automation.</p><a class="link-arrow" href="services/erp">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cart3"></i></div><h3>E-Commerce Solutions</h3><p>Scalable e-commerce platforms and digital commerce solutions.</p><a class="link-arrow" href="services/ecommerce">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-repeat"></i></div><h3>Legacy Modernization</h3><p>Replace or wrap aging systems with maintainable platforms your team can keep evolving.</p><a class="link-arrow" href="services/custom-software">Learn More <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mt-4" data-aos="fade-up">
|
||||||
|
<a class="btn-zs btn-zs-outline" href="services">View All Services <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Industries -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Industries</div>
|
||||||
|
<h2 class="section-title">Industries We Serve</h2>
|
||||||
|
<p class="section-lead">We adapt delivery to the operational realities of each sector—without overstating industry claims.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-12 col-md-6 col-lg-3" data-aos="fade-up"><article class="card-zs"><div class="icon-badge"><i class="bi bi-umbrella"></i></div><h3>Insurance</h3><p>Digital workflows and secure platforms for policy and operations teams.</p><a class="link-arrow" href="industries">Explore <span class="arrow">→</span></a></article></div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="60"><article class="card-zs"><div class="icon-badge"><i class="bi bi-bank"></i></div><h3>Banking & Finance</h3><p>Reliable systems with strong controls for financial operations.</p><a class="link-arrow" href="industries">Explore <span class="arrow">→</span></a></article></div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="120"><article class="card-zs"><div class="icon-badge"><i class="bi bi-heart-pulse"></i></div><h3>Healthcare</h3><p>Careful software design for sensitive data and clinical workflows.</p><a class="link-arrow" href="industries">Explore <span class="arrow">→</span></a></article></div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="180"><article class="card-zs"><div class="icon-badge"><i class="bi bi-gear"></i></div><h3>Manufacturing</h3><p>Process visibility, automation, and connected operations tools.</p><a class="link-arrow" href="industries">Explore <span class="arrow">→</span></a></article></div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mt-4"><a class="link-arrow" href="industries">See all industries <span class="arrow">→</span></a></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Mesh insight band -->
|
||||||
|
<section class="mesh-band" aria-label="Digital readiness">
|
||||||
|
<div class="mesh-band-canvas" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 1200 400" preserveAspectRatio="none">
|
||||||
|
<path class="mesh-wave w1" d="M0,220 C150,160 300,280 450,200 S750,140 900,210 1050,260 1200,190" />
|
||||||
|
<path class="mesh-wave w2" d="M0,260 C180,300 320,180 500,240 S820,300 980,220 1100,180 1200,230" />
|
||||||
|
<path class="mesh-wave w3" d="M0,180 C200,220 380,120 560,170 S880,210 1040,150 1140,170 1200,160" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="mesh-layout">
|
||||||
|
<div class="radar-frame" data-aos="fade-up">
|
||||||
|
<div class="radar-legend">
|
||||||
|
<span><i class="l1"></i> Current</span>
|
||||||
|
<span><i class="l2"></i> Target</span>
|
||||||
|
<span><i class="l3"></i> Baseline</span>
|
||||||
|
</div>
|
||||||
|
<svg class="radar-svg" viewBox="0 0 320 300" role="img" aria-label="Capability radar">
|
||||||
|
<g fill="none" stroke="rgba(255,255,255,0.18)" stroke-width="1">
|
||||||
|
<polygon points="160,40 260,110 260,210 160,280 60,210 60,110" />
|
||||||
|
<polygon points="160,70 230,120 230,200 160,250 90,200 90,120" />
|
||||||
|
<polygon points="160,100 200,130 200,190 160,220 120,190 120,130" />
|
||||||
|
<line x1="160" y1="40" x2="160" y2="280" />
|
||||||
|
<line x1="60" y1="110" x2="260" y2="210" />
|
||||||
|
<line x1="260" y1="110" x2="60" y2="210" />
|
||||||
|
</g>
|
||||||
|
<polygon class="radar-poly p2" points="160,52 248,115 242,208 158,268 72,202 78,118" fill="rgba(192,208,220,0.28)" stroke="#C0D0DC" stroke-width="2" />
|
||||||
|
<polygon class="radar-poly" points="160,78 228,122 222,198 162,242 98,192 108,122" fill="rgba(0,84,152,0.45)" stroke="#4BA3DC" stroke-width="2" />
|
||||||
|
<text x="160" y="28" text-anchor="middle" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Performance</text>
|
||||||
|
<text x="275" y="108" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Security</text>
|
||||||
|
<text x="275" y="220" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Scale</text>
|
||||||
|
<text x="160" y="296" text-anchor="middle" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Delivery</text>
|
||||||
|
<text x="40" y="220" text-anchor="end" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Quality</text>
|
||||||
|
<text x="40" y="108" text-anchor="end" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Cloud</text>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="mesh-copy" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<div class="eyebrow">Platform readiness</div>
|
||||||
|
<h2>How strong is your <em>digital foundation</em>?</h2>
|
||||||
|
<p>Whether you need a new platform, a modernization path, or tighter integration across systems—Zettai Systems helps you map gaps and build what matters next.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Technology -->
|
||||||
|
<section class="section bg-soft" id="stack">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Stack</div>
|
||||||
|
<h2 class="section-title">Technology Expertise</h2>
|
||||||
|
<p class="section-lead">The delivery matrix we use for AI products and the platforms underneath them.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up"><div class="tech-group"><h3>AI & Machine Learning</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">PyTorch</span><span class="tech-pill">LangChain</span><span class="tech-pill">LlamaIndex</span><span class="tech-pill">LiteLLM</span><span class="tech-pill">vLLM</span><span class="tech-pill">Hugging Face</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="60"><div class="tech-group"><h3>Vector & Semantic Data</h3><div class="tech-pills"><span class="tech-pill">pgvector</span><span class="tech-pill">Pinecone</span><span class="tech-pill">Qdrant</span><span class="tech-pill">ChromaDB</span><span class="tech-pill">Redis</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="120"><div class="tech-group"><h3>Enterprise Cloud AI</h3><div class="tech-pills"><span class="tech-pill">Azure OpenAI Service</span><span class="tech-pill">AWS Bedrock</span><span class="tech-pill">Google Vertex AI</span><span class="tech-pill">Anthropic Claude API</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="180"><div class="tech-group"><h3>Backend & Microservices</h3><div class="tech-pills"><span class="tech-pill">Node.js</span><span class="tech-pill">FastAPI</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">Express</span><span class="tech-pill">REST/GraphQL</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>Frontend & Mobile</h3><div class="tech-pills"><span class="tech-pill">Flutter</span><span class="tech-pill">Dart</span><span class="tech-pill">React</span><span class="tech-pill">Angular</span><span class="tech-pill">JavaScript</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Cloud, MLOps & QA</h3><div class="tech-pills"><span class="tech-pill">Docker</span><span class="tech-pill">Kubernetes</span><span class="tech-pill">CI/CD</span><span class="tech-pill">QA Automation</span><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Data & Delivery</h3><div class="tech-pills"><span class="tech-pill">PostgreSQL</span><span class="tech-pill">MySQL</span><span class="tech-pill">ERP</span><span class="tech-pill">Agile Sprints</span><span class="tech-pill">Architecture Review</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- The Zettai Framework -->
|
||||||
|
<section class="section" id="zettai-framework">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">AI Governance & CMMI Engine</div>
|
||||||
|
<h2 class="section-title">The Zettai Framework</h2>
|
||||||
|
<p class="section-lead">Four pillars that keep intelligent products inspectable: commercial lock, quality SOPs aligned with CMMI Level 2 practices, AI safety, and telemetry.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<blockquote class="framework-quote" data-aos="fade-up">
|
||||||
|
<p>Pillar 1 starts with structured transparency. Through our secure client portals, no sprint begins and no line of code is written until the estimated technical scope and billable hours are mutually reviewed, signed off, and locked.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<div class="framework-steps" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="framework-step">
|
||||||
|
<div class="framework-step-num">01</div>
|
||||||
|
<h3>Scope & Commercial Lock</h3>
|
||||||
|
<p>Scope, effort, and billable hours are reviewed in the portal and locked before delivery starts—so work never begins on unsigned estimates.</p>
|
||||||
|
</article>
|
||||||
|
<article class="framework-step">
|
||||||
|
<div class="framework-step-num">02</div>
|
||||||
|
<h3>CMMI L2 Quality SOPs</h3>
|
||||||
|
<p>Delivery follows Level 2-style practices: planned work, tracked issues, and review checkpoints. This describes our operating model, not a certification claim.</p>
|
||||||
|
</article>
|
||||||
|
<article class="framework-step">
|
||||||
|
<div class="framework-step-num">03</div>
|
||||||
|
<h3>AI Safety & Guardrails</h3>
|
||||||
|
<p>Prompt, tool, and data-access controls, with human approval on high-impact actions before agents change production systems.</p>
|
||||||
|
</article>
|
||||||
|
<article class="framework-step">
|
||||||
|
<div class="framework-step-num">04</div>
|
||||||
|
<h3>Telemetry & Compliance</h3>
|
||||||
|
<p>Logging, evaluation, and audit trails so AI and engineering work stay reviewable for internal policy and regulatory conversations.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Process -->
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">Our Delivery Process</h2>
|
||||||
|
<p class="section-lead">Transparent and structured—from first conversation to post-launch support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Discover</h3><p>Understand the business, users, and requirements.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Plan</h3><p>Define architecture and implementation strategy.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Design</h3><p>Create intuitive and scalable experiences.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Develop</h3><p>Build secure, high-quality software.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Test</h3><p>Perform functional and quality testing.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="250"><div class="process-num">06</div><h3>Deploy</h3><p>Launch and integrate the solution.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="300"><div class="process-num">07</div><h3>Support</h3><p>Provide continuous support and optimization.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Why -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Why Us</div>
|
||||||
|
<h2 class="section-title">Why Choose Zettai Systems?</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-3 g-md-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><h3>Business-focused solutions</h3><p>We start with workflows and outcomes—not features for their own sake.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60"><article class="card-zs"><h3>Experienced technical team</h3><p>Engineers and architects who communicate clearly and deliver with structure.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120"><article class="card-zs"><h3>Scalable architecture</h3><p>Systems planned for growth, maintainability, and long-term ownership.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><h3>Security-first approach</h3><p>Thoughtful controls across application layers and delivery practices.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60"><article class="card-zs"><h3>Transparent communication</h3><p>Sprint clarity, visible progress, and decisions you can track.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120"><article class="card-zs"><h3>Long-term support</h3><p>Partnership after launch for enhancements, stability, and optimization.</p></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA -->
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Ready to build what’s next?</h2>
|
||||||
|
<p class="mb-0">Tell us about your product, platform, or transformation goals—we’ll respond with a clear next step.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-band-actions d-flex flex-wrap gap-2">
|
||||||
|
<a class="btn-zs btn-zs-light" href="contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
<a class="btn-zs btn-zs-secondary" href="#zettai-framework" style="--btn-color:#fff;--btn-border:rgba(255,255,255,.45);background:transparent">Explore Our Governance Framework <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Client Stories -->
|
||||||
|
<section class="section testimonials-section" id="client-stories">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Client Stories</div>
|
||||||
|
<h2 class="section-title">What Our Clients Say</h2>
|
||||||
|
<p class="section-lead">Feedback from teams we’ve partnered with on web, mobile, API, and quality delivery.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4" data-aos="fade-up">
|
||||||
|
<article class="testimonial-card">
|
||||||
|
<div class="testimonial-quote-mark" aria-hidden="true">“</div>
|
||||||
|
<div class="testimonial-stars" aria-label="5 out of 5 stars">
|
||||||
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||||||
|
</div>
|
||||||
|
<blockquote>
|
||||||
|
<p>Zettai Systems delivered our Flutter app on time and within budget. Cross-platform performance exceeded expectations and user feedback has been overwhelmingly positive.</p>
|
||||||
|
</blockquote>
|
||||||
|
<footer class="testimonial-author">
|
||||||
|
<div class="testimonial-avatar" aria-hidden="true">RK</div>
|
||||||
|
<div>
|
||||||
|
<strong>Rajesh Kumar</strong>
|
||||||
|
<span>CEO, RetailFirst Pvt Ltd</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="testimonial-card testimonial-card-accent">
|
||||||
|
<div class="testimonial-quote-mark" aria-hidden="true">“</div>
|
||||||
|
<div class="testimonial-stars" aria-label="5 out of 5 stars">
|
||||||
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||||||
|
</div>
|
||||||
|
<blockquote>
|
||||||
|
<p>Their Node.js API work scaled beautifully under load. The team was communicative, structured, and delivered every sprint on schedule. Highly recommended.</p>
|
||||||
|
</blockquote>
|
||||||
|
<footer class="testimonial-author">
|
||||||
|
<div class="testimonial-avatar" aria-hidden="true">SP</div>
|
||||||
|
<div>
|
||||||
|
<strong>Suresh Patel</strong>
|
||||||
|
<span>CTO, LogiTrade Solutions</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="testimonial-card">
|
||||||
|
<div class="testimonial-quote-mark" aria-hidden="true">“</div>
|
||||||
|
<div class="testimonial-stars" aria-label="5 out of 5 stars">
|
||||||
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||||||
|
</div>
|
||||||
|
<blockquote>
|
||||||
|
<p>The QA team caught critical issues we’d completely missed. Their structured testing approach gave us confidence to launch to 50,000 users without a hitch.</p>
|
||||||
|
</blockquote>
|
||||||
|
<footer class="testimonial-author">
|
||||||
|
<div class="testimonial-avatar" aria-hidden="true">AM</div>
|
||||||
|
<div>
|
||||||
|
<strong>Ananya Mehta</strong>
|
||||||
|
<span>Product Head, EduNest Technologies</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Contact teaser -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-lg-5" data-aos="fade-right">
|
||||||
|
<div class="eyebrow">Contact</div>
|
||||||
|
<h2 class="section-title">Let’s Build Something Great Together</h2>
|
||||||
|
<p class="text-muted-zs mb-4">Share your requirements and we’ll start with a practical conversation about scope, approach, and next steps.</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-envelope"></i><div><strong>Email</strong><a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</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>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-left">
|
||||||
|
<form class="form-zs" data-form="contact-home" method="post" action="/api/contact.php" novalidate>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="hp-field" aria-hidden="true">
|
||||||
|
<label for="h-website">Website</label>
|
||||||
|
<input type="text" id="h-website" name="website" tabindex="-1" autocomplete="off" />
|
||||||
|
</div>
|
||||||
|
<input type="hidden" name="subject" value="Homepage enquiry" />
|
||||||
|
<div class="col-md-6 form-field">
|
||||||
|
<label class="form-label-zs" for="h-name">Full Name <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="h-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="h-email">Email <span class="required-star">*</span></label>
|
||||||
|
<input class="form-control-zs" id="h-email" name="email" type="email" data-required autocomplete="email" />
|
||||||
|
<div class="form-error">Please enter a valid email address.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 form-field">
|
||||||
|
<label class="form-label-zs" for="h-message">Message <span class="required-star">*</span></label>
|
||||||
|
<textarea class="form-control-zs" id="h-message" name="message" data-required></textarea>
|
||||||
|
<div class="form-error">Please enter a short message.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<button class="btn-zs btn-zs-primary" type="submit">Send Enquiry <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>
|
||||||
276
industries.html
Normal file
276
industries.html
Normal file
@ -0,0 +1,276 @@
|
|||||||
|
<!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>Industries | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Zettai Systems delivers software for insurance, banking, healthcare, manufacturing, retail, logistics, education, and professional services." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/industries" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Industries | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Zettai Systems delivers software for insurance, banking, healthcare, manufacturing, retail, logistics, education, and professional services." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/industries" />
|
||||||
|
<meta property="og:image" content="/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" />
|
||||||
|
<link rel="stylesheet" href="/css/animations.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="industries">
|
||||||
|
<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">Industries</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Industries</div>
|
||||||
|
<h1>Industry Context, Practical Delivery</h1>
|
||||||
|
<p>We adapt architecture and workflows to how your sector actually operates—compliance needs, handoffs, and growth plans included—without overstating credentials.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Intro strip -->
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="ind-intro" data-aos="fade-up">
|
||||||
|
<div>
|
||||||
|
<h2 class="section-title mb-3">Software That Fits the Way Your Industry Works</h2>
|
||||||
|
<p class="text-muted-zs mb-0">From Chennai, Zettai Systems partners with organizations across insurance, finance, healthcare, manufacturing, retail, logistics, education, and professional services. We listen first—then engineer platforms that reduce bottlenecks and stay maintainable.</p>
|
||||||
|
</div>
|
||||||
|
<div class="ind-intro-stats">
|
||||||
|
<div><strong>Domain-first</strong><span>Terminology & workflows</span></div>
|
||||||
|
<div><strong>Security-aware</strong><span>Sensitive environments</span></div>
|
||||||
|
<div><strong>Integration-ready</strong><span>APIs & systems</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Industry deep cards -->
|
||||||
|
<section class="section bg-soft" id="sectors">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Sectors We Serve</div>
|
||||||
|
<h2 class="section-title">Where We Apply Our Delivery Model</h2>
|
||||||
|
<p class="section-lead">Each industry card highlights typical focus areas—not claims of exclusive specialization.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-umbrella"></i></div><h3>Insurance</h3></div>
|
||||||
|
<p>Digital workflows for policy operations, claims coordination, and secure customer portals—with audit-friendly process design and careful data handling.</p>
|
||||||
|
<div class="ind-focus"><span>Policy workflows</span><span>Claims support</span><span>Secure portals</span><span>Reporting</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-bank"></i></div><h3>Banking & Finance</h3></div>
|
||||||
|
<p>Reliable platforms with strong controls for operational finance workflows, reporting support, and integrations that respect compliance-minded architectures.</p>
|
||||||
|
<div class="ind-focus"><span>Ops platforms</span><span>Controls</span><span>Integrations</span><span>Reporting</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-heart-pulse"></i></div><h3>Healthcare</h3></div>
|
||||||
|
<p>Software for sensitive information and clinical or administrative workflows—with attention to access control, clarity, and operational reliability.</p>
|
||||||
|
<div class="ind-focus"><span>Admin workflows</span><span>Access control</span><span>Portals</span><span>Data care</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-gear"></i></div><h3>Manufacturing</h3></div>
|
||||||
|
<p>Process visibility, production support tools, inventory alignment, and automation that connect shop-floor realities with planning systems.</p>
|
||||||
|
<div class="ind-focus"><span>Visibility</span><span>Inventory</span><span>Automation</span><span>Planning sync</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-shop"></i></div><h3>Retail & E-Commerce</h3></div>
|
||||||
|
<p>Storefronts, inventory sync, order management, and customer experiences that keep merchandising and fulfillment teams aligned.</p>
|
||||||
|
<div class="ind-focus"><span>Storefronts</span><span>Orders</span><span>Inventory</span><span>Customer UX</span></div>
|
||||||
|
<a class="link-arrow" href="services/ecommerce">E-Commerce services <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-truck"></i></div><h3>Logistics</h3></div>
|
||||||
|
<p>Tracking-friendly workflows, partner integrations, and operational dashboards that improve handoffs across dispatch, warehouse, and delivery.</p>
|
||||||
|
<div class="ind-focus"><span>Dispatch</span><span>Tracking</span><span>Partners</span><span>Dashboards</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-mortarboard"></i></div><h3>Education</h3></div>
|
||||||
|
<p>Learning and administration platforms, enrollment flows, and portals that simplify communication between institutions, staff, and learners.</p>
|
||||||
|
<div class="ind-focus"><span>Enrollment</span><span>Portals</span><span>Admin tools</span><span>Communication</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="ind-card">
|
||||||
|
<div class="ind-card-head"><div class="icon-badge"><i class="bi bi-briefcase"></i></div><h3>Professional Services</h3></div>
|
||||||
|
<p>Project portals, client collaboration tools, and internal systems that streamline delivery, billing support, and knowledge workflows.</p>
|
||||||
|
<div class="ind-focus"><span>Client portals</span><span>Projects</span><span>Collaboration</span><span>Internal ops</span></div>
|
||||||
|
<a class="link-arrow" href="contact">Discuss your needs <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Challenges we solve -->
|
||||||
|
<section class="section" id="challenges">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Common Challenges</div>
|
||||||
|
<h2 class="section-title">Problems We Help Industry Teams Solve</h2>
|
||||||
|
<p class="section-lead">Patterns we see often—addressed with practical engineering, not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4" data-aos="fade-up">
|
||||||
|
<article class="challenge-card">
|
||||||
|
<span class="challenge-label">Challenge</span>
|
||||||
|
<h3>Manual bottlenecks</h3>
|
||||||
|
<p>Teams lose time to spreadsheets, email chains, and duplicate data entry across departments.</p>
|
||||||
|
<div class="challenge-solution"><strong>How we help</strong><span>Workflow-first platforms and automation that remove repetitive handoffs.</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="challenge-card">
|
||||||
|
<span class="challenge-label">Challenge</span>
|
||||||
|
<h3>Fragmented systems</h3>
|
||||||
|
<p>Critical tools don’t talk to each other—creating blind spots and reconciliation work.</p>
|
||||||
|
<div class="challenge-solution"><strong>How we help</strong><span>API integration, cloud connectivity, and ERP alignment where it fits.</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="challenge-card">
|
||||||
|
<span class="challenge-label">Challenge</span>
|
||||||
|
<h3>Fragile releases</h3>
|
||||||
|
<p>Launches feel risky because testing is ad hoc and ownership after go-live is unclear.</p>
|
||||||
|
<div class="challenge-solution"><strong>How we help</strong><span>Structured QA, clear delivery process, and long-term support partnership.</span></div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Consistent approach -->
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 g-lg-5 align-items-center">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Approach</div>
|
||||||
|
<h2 class="section-title">What Stays Consistent Across Industries</h2>
|
||||||
|
<p class="text-muted-zs mb-4">Industries differ. Our engineering discipline does not. Domain listening, security mindset, and scalable foundations guide every engagement.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="services">Explore Services <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-md-6" data-aos="fade-up"><article class="help-step"><span class="help-step-icon"><i class="bi bi-chat-square-text"></i></span><div><h3>Domain listening</h3><p>We learn your terminology, constraints, and success measures before proposing tooling.</p></div></article></div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="60"><article class="help-step"><span class="help-step-icon"><i class="bi bi-shield-check"></i></span><div><h3>Security mindset</h3><p>Access control and delivery practices appropriate to sensitive environments.</p></div></article></div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="120"><article class="help-step"><span class="help-step-icon"><i class="bi bi-graph-up"></i></span><div><h3>Scalable foundations</h3><p>Systems planned for more users, more volume, and evolving process needs.</p></div></article></div>
|
||||||
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="180"><article class="help-step"><span class="help-step-icon"><i class="bi bi-people"></i></span><div><h3>Partner delivery</h3><p>Transparent sprints and support after launch—not a one-off handoff.</p></div></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Capabilities map -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities Map</div>
|
||||||
|
<h2 class="section-title">Technology We Apply Across Sectors</h2>
|
||||||
|
</div>
|
||||||
|
<div class="ind-map" data-aos="fade-up">
|
||||||
|
<div><h4>Build</h4><p>Web platforms · Flutter mobile · Custom software</p></div>
|
||||||
|
<div><h4>Connect</h4><p>Cloud · REST APIs · System integration</p></div>
|
||||||
|
<div><h4>Operate</h4><p>ERP · Analytics · E-commerce</p></div>
|
||||||
|
<div><h4>Assure</h4><p>QA · Cybersecurity · Ongoing support</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FAQ -->
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Industry Engagement Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-9" data-aos="fade-up">
|
||||||
|
<div class="accordion accordion-zs" id="indFaq">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#inf1">Do you only work with large enterprises?</button></h3>
|
||||||
|
<div id="inf1" class="accordion-collapse collapse show" data-bs-parent="#indFaq"><div class="accordion-body">We partner with mid-market and growing organizations as well as established teams. Fit depends on scope, clarity of goals, and willingness to collaborate—not company size alone.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#inf2">Can you work within regulated or sensitive environments?</button></h3>
|
||||||
|
<div id="inf2" class="accordion-collapse collapse" data-bs-parent="#indFaq"><div class="accordion-body">We take security and data handling seriously and design with access control and careful process in mind. Specific compliance requirements should be discussed during discovery.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#inf3">What if our industry isn’t listed?</button></h3>
|
||||||
|
<div id="inf3" class="accordion-collapse collapse" data-bs-parent="#indFaq"><div class="accordion-body">The sectors above are common contexts—not a closed list. If your domain has clear workflows and integration needs, start a conversation and we’ll assess fit.</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Working in a specialized domain?</h2>
|
||||||
|
<p class="mb-0">Tell us about your industry context and we’ll outline a sensible delivery approach.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="contact">Get in Touch <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
23
js/analytics.js
Normal file
23
js/analytics.js
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
/* Google Analytics 4 — G-1JR9P2WP0B */
|
||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var MEASUREMENT_ID = "G-1JR9P2WP0B";
|
||||||
|
var host = location.hostname;
|
||||||
|
var isLocal = host === "localhost" || host === "127.0.0.1";
|
||||||
|
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
window.gtag = function gtag() {
|
||||||
|
window.dataLayer.push(arguments);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (isLocal) return;
|
||||||
|
|
||||||
|
window.gtag("js", new Date());
|
||||||
|
window.gtag("config", MEASUREMENT_ID);
|
||||||
|
|
||||||
|
var script = document.createElement("script");
|
||||||
|
script.async = true;
|
||||||
|
script.src = "https://www.googletagmanager.com/gtag/js?id=" + encodeURIComponent(MEASUREMENT_ID);
|
||||||
|
document.head.appendChild(script);
|
||||||
|
})();
|
||||||
7
js/bootstrap.bundle.min.js
vendored
Normal file
7
js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
585
js/main.js
Normal file
585
js/main.js
Normal file
@ -0,0 +1,585 @@
|
|||||||
|
/* Zettai Systems — main site scripts */
|
||||||
|
(function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
const ROOT = typeof window.SITE_ROOT === "string" ? window.SITE_ROOT : "";
|
||||||
|
const PAGE_RAW = document.body?.dataset?.page || "";
|
||||||
|
const PAGE = PAGE_RAW === "service" ? "services" : PAGE_RAW;
|
||||||
|
|
||||||
|
const NAV_ITEMS = [
|
||||||
|
{ href: "", label: "Home", id: "home" },
|
||||||
|
{ href: "about", label: "About Us", id: "about" },
|
||||||
|
{ href: "services", label: "Services", id: "services" },
|
||||||
|
{ href: "solutions", label: "Solutions", id: "solutions" },
|
||||||
|
{ href: "industries", label: "Industries", id: "industries" },
|
||||||
|
{ href: "careers", label: "Careers", id: "careers" },
|
||||||
|
{ href: "contact", label: "Contact", id: "contact" },
|
||||||
|
];
|
||||||
|
|
||||||
|
function asset(path) {
|
||||||
|
const clean = String(path || "").replace(/^\//, "");
|
||||||
|
if (!ROOT) return "/" + clean;
|
||||||
|
return ROOT + clean;
|
||||||
|
}
|
||||||
|
|
||||||
|
function pageHref(path) {
|
||||||
|
if (!path) return "/";
|
||||||
|
const clean = String(path).replace(/^\//, "");
|
||||||
|
if (!ROOT) return "/" + clean;
|
||||||
|
return ROOT + clean;
|
||||||
|
}
|
||||||
|
|
||||||
|
function navLink(item) {
|
||||||
|
const active = PAGE === item.id ? " active" : "";
|
||||||
|
return `<li><a class="${active.trim()}" href="${pageHref(item.href)}" ${PAGE === item.id ? 'aria-current="page"' : ""}>${item.label}</a></li>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderHeader() {
|
||||||
|
const mount = document.getElementById("site-header");
|
||||||
|
if (!mount) return;
|
||||||
|
|
||||||
|
mount.innerHTML = `
|
||||||
|
<a class="skip-link" href="#main">Skip to content</a>
|
||||||
|
<div class="site-header" id="headerBar">
|
||||||
|
<div class="container-zs navbar-zs">
|
||||||
|
<a class="brand-logo" href="${pageHref("")}" aria-label="Zettai Systems home">
|
||||||
|
<img class="logo-light" src="${asset("logos/logo-light-transparent.png")}" alt="Zettai Systems" height="44" />
|
||||||
|
<img class="logo-dark" src="${asset("logos/logo-dark-transparent.png")}" alt="Zettai Systems" height="44" />
|
||||||
|
</a>
|
||||||
|
<ul class="nav-links" role="list">
|
||||||
|
${NAV_ITEMS.map(navLink).join("")}
|
||||||
|
</ul>
|
||||||
|
<div class="nav-actions">
|
||||||
|
<button type="button" class="theme-toggle" id="themeToggle" aria-label="Toggle color theme" title="Toggle theme">
|
||||||
|
<i class="bi bi-sun-fill icon-sun" aria-hidden="true"></i>
|
||||||
|
<i class="bi bi-moon-stars-fill icon-moon" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
<a class="btn-zs btn-zs-primary btn-zs-sm nav-cta nav-cta-full" href="${pageHref("contact")}">Consult with an Architect <span class="arrow" aria-hidden="true">→</span></a>
|
||||||
|
<a class="btn-zs btn-zs-primary btn-zs-sm nav-cta-compact" href="${pageHref("contact")}">Consult <span class="arrow" aria-hidden="true">→</span></a>
|
||||||
|
<button type="button" class="menu-toggle" id="menuToggle" aria-label="Open menu" aria-expanded="false" aria-controls="mobileDrawer">
|
||||||
|
<i class="bi bi-list" style="font-size:1.4rem" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<nav class="mobile-drawer" id="mobileDrawer" aria-label="Mobile" hidden>
|
||||||
|
<ul class="mobile-links">
|
||||||
|
${NAV_ITEMS.map((item) => {
|
||||||
|
const active = PAGE === item.id ? " active" : "";
|
||||||
|
return `<li><a class="${active.trim()}" href="${pageHref(item.href)}">${item.label}</a></li>`;
|
||||||
|
}).join("")}
|
||||||
|
</ul>
|
||||||
|
<a class="btn-zs btn-zs-primary w-100" href="${pageHref("contact")}">Consult with an Architect <span class="arrow">→</span></a>
|
||||||
|
</nav>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderFooter() {
|
||||||
|
const mount = document.getElementById("site-footer");
|
||||||
|
if (!mount) return;
|
||||||
|
|
||||||
|
mount.innerHTML = `
|
||||||
|
<footer class="site-footer">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="footer-brand">
|
||||||
|
<img src="${asset("logos/logo-dark-transparent.png")}" alt="Zettai Systems" height="44" />
|
||||||
|
<p class="footer-formerly">(Formerly Venba Information Technology)</p>
|
||||||
|
<p>Modern IT and digital solutions for businesses that need reliable software, scalable architecture, and long-term technology partnership.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-2 footer-col">
|
||||||
|
<h4>Company</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="${pageHref("about")}">About Us</a></li>
|
||||||
|
<li><a href="${pageHref("careers")}">Careers</a></li>
|
||||||
|
<li><a href="${pageHref("contact")}">Contact Us</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-3 footer-col">
|
||||||
|
<h4>Services</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="${pageHref("services/agentic-ai")}">Agentic Workflows</a></li>
|
||||||
|
<li><a href="${pageHref("services/enterprise-rag")}">Domain RAG</a></li>
|
||||||
|
<li><a href="${pageHref("services/ai-microservices")}">AI Microservices</a></li>
|
||||||
|
<li><a href="${pageHref("services/intelligent-process-automation")}">Process Automation</a></li>
|
||||||
|
<li><a href="${pageHref("services/ai-governance")}">AI Governance</a></li>
|
||||||
|
<li><a href="${pageHref("services/web-development")}">Web Platforms</a></li>
|
||||||
|
<li><a href="${pageHref("services/mobile-development")}">Flutter Mobile</a></li>
|
||||||
|
<li><a href="${pageHref("services/cloud-integration")}">Cloud & MLOps</a></li>
|
||||||
|
<li><a href="${pageHref("services/custom-software")}">Custom Software</a></li>
|
||||||
|
<li><a href="${pageHref("services/data-analytics")}">Data Analytics</a></li>
|
||||||
|
<li><a href="${pageHref("services/it-consulting")}">IT Consulting</a></li>
|
||||||
|
<li><a href="${pageHref("services/cybersecurity")}">Cybersecurity</a></li>
|
||||||
|
<li><a href="${pageHref("services/erp")}">ERP</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-lg-3 footer-col">
|
||||||
|
<h4>Solutions</h4>
|
||||||
|
<ul>
|
||||||
|
<li><a href="${pageHref("solutions")}#digital-transformation">Digital Transformation</a></li>
|
||||||
|
<li><a href="${pageHref("solutions")}#business-automation">Business Automation</a></li>
|
||||||
|
<li><a href="${pageHref("solutions")}#enterprise">Enterprise Solutions</a></li>
|
||||||
|
<li><a href="${pageHref("services/ecommerce")}">E-Commerce</a></li>
|
||||||
|
</ul>
|
||||||
|
<h4 class="mt-4">Contact</h4>
|
||||||
|
<ul class="footer-contact">
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-telephone-fill" aria-hidden="true"></i>
|
||||||
|
<a href="tel:+918072998024" aria-label="Call Zettai Systems at +91 807 299 8024">+91 807 299 8024</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-geo-alt-fill" aria-hidden="true"></i>
|
||||||
|
<span>No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="bi bi-envelope-fill" aria-hidden="true"></i>
|
||||||
|
<a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<div>© ${new Date().getFullYear()} Zettai Systems Pvt Ltd. All Rights Reserved.</div>
|
||||||
|
<div class="footer-legal">
|
||||||
|
<a href="${pageHref("privacy-policy")}">Privacy Policy</a>
|
||||||
|
<a href="${pageHref("terms")}">Terms & Conditions</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderChromeExtras() {
|
||||||
|
if (document.getElementById("floatingCta")) return;
|
||||||
|
const frag = document.createElement("div");
|
||||||
|
frag.innerHTML = `
|
||||||
|
<a class="floating-cta" id="floatingCta" href="${pageHref("contact")}">
|
||||||
|
<i class="bi bi-chat-dots-fill" aria-hidden="true"></i>
|
||||||
|
<span class="label-full">Let's Talk</span>
|
||||||
|
<span class="d-sm-none">Talk</span>
|
||||||
|
<span class="arrow" aria-hidden="true">→</span>
|
||||||
|
</a>
|
||||||
|
<button type="button" class="back-to-top" id="backToTop" aria-label="Back to top">
|
||||||
|
<i class="bi bi-arrow-up" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
`;
|
||||||
|
document.body.append(...frag.children);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Theme */
|
||||||
|
function getPreferredTheme() {
|
||||||
|
const saved = localStorage.getItem("zs-theme");
|
||||||
|
if (saved === "light" || saved === "dark") return saved;
|
||||||
|
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyFavicon(theme) {
|
||||||
|
const link = document.querySelector('link[rel="icon"]');
|
||||||
|
if (!link) return;
|
||||||
|
const file = theme === "dark" ? "favicon-dark.png" : "favicon.png";
|
||||||
|
link.setAttribute("type", "image/png");
|
||||||
|
link.setAttribute("href", asset("assets/logos/" + file));
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyTheme(theme) {
|
||||||
|
document.documentElement.setAttribute("data-theme", theme);
|
||||||
|
localStorage.setItem("zs-theme", theme);
|
||||||
|
applyFavicon(theme);
|
||||||
|
const toggle = document.getElementById("themeToggle");
|
||||||
|
if (toggle) {
|
||||||
|
toggle.setAttribute("aria-label", theme === "dark" ? "Switch to light theme" : "Switch to dark theme");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initTheme() {
|
||||||
|
applyTheme(getPreferredTheme());
|
||||||
|
document.getElementById("themeToggle")?.addEventListener("click", () => {
|
||||||
|
const next = document.documentElement.getAttribute("data-theme") === "dark" ? "light" : "dark";
|
||||||
|
applyTheme(next);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile nav */
|
||||||
|
function initMobileNav() {
|
||||||
|
const toggle = document.getElementById("menuToggle");
|
||||||
|
const drawer = document.getElementById("mobileDrawer");
|
||||||
|
if (!toggle || !drawer) return;
|
||||||
|
|
||||||
|
const close = () => {
|
||||||
|
drawer.classList.remove("is-open");
|
||||||
|
drawer.hidden = true;
|
||||||
|
toggle.setAttribute("aria-expanded", "false");
|
||||||
|
toggle.setAttribute("aria-label", "Open menu");
|
||||||
|
document.body.classList.remove("nav-open");
|
||||||
|
const icon = toggle.querySelector("i");
|
||||||
|
if (icon) icon.className = "bi bi-list";
|
||||||
|
icon && (icon.style.fontSize = "1.4rem");
|
||||||
|
};
|
||||||
|
|
||||||
|
const open = () => {
|
||||||
|
drawer.hidden = false;
|
||||||
|
requestAnimationFrame(() => drawer.classList.add("is-open"));
|
||||||
|
toggle.setAttribute("aria-expanded", "true");
|
||||||
|
toggle.setAttribute("aria-label", "Close menu");
|
||||||
|
document.body.classList.add("nav-open");
|
||||||
|
const icon = toggle.querySelector("i");
|
||||||
|
if (icon) icon.className = "bi bi-x-lg";
|
||||||
|
icon && (icon.style.fontSize = "1.25rem");
|
||||||
|
};
|
||||||
|
|
||||||
|
toggle.addEventListener("click", () => {
|
||||||
|
if (drawer.classList.contains("is-open")) close();
|
||||||
|
else open();
|
||||||
|
});
|
||||||
|
|
||||||
|
drawer.querySelectorAll("a").forEach((a) => a.addEventListener("click", close));
|
||||||
|
window.addEventListener("resize", () => {
|
||||||
|
if (window.innerWidth >= 992) close();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scroll effects */
|
||||||
|
function initScrollUI() {
|
||||||
|
const header = document.getElementById("headerBar");
|
||||||
|
const back = document.getElementById("backToTop");
|
||||||
|
|
||||||
|
const onScroll = () => {
|
||||||
|
const y = window.scrollY || 0;
|
||||||
|
header?.classList.toggle("is-scrolled", y > 12);
|
||||||
|
back?.classList.toggle("is-visible", y > 480);
|
||||||
|
};
|
||||||
|
|
||||||
|
onScroll();
|
||||||
|
window.addEventListener("scroll", onScroll, { passive: true });
|
||||||
|
back?.addEventListener("click", () => window.scrollTo({ top: 0, behavior: "smooth" }));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms */
|
||||||
|
function validateEmail(value) {
|
||||||
|
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
function validatePhone(value) {
|
||||||
|
const digits = value.replace(/\D/g, "");
|
||||||
|
return digits.length >= 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
function formEndpoint(kind) {
|
||||||
|
if (kind === "careers") return "/api/careers.php";
|
||||||
|
return "/api/contact.php";
|
||||||
|
}
|
||||||
|
|
||||||
|
function successMessage(kind) {
|
||||||
|
if (kind === "careers") {
|
||||||
|
return "Thank you. Your application has been sent. Our team will review it and follow up if there is a fit.";
|
||||||
|
}
|
||||||
|
return "Thank you. Your message has been sent. We will get back to you soon.";
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetSubmitButton(submitBtn) {
|
||||||
|
submitBtn?.classList.remove("is-loading");
|
||||||
|
if (submitBtn) {
|
||||||
|
submitBtn.disabled = false;
|
||||||
|
submitBtn.innerHTML = submitBtn.dataset.label || "Send";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Hosting bot-gate (humans_XXXX cookie) returns 409 HTML that fetch cannot execute. */
|
||||||
|
function applyHostBotCookie(html) {
|
||||||
|
if (!html || typeof html !== "string") return false;
|
||||||
|
const match = html.match(/document\.cookie\s*=\s*["']([^"';]+)["']/i);
|
||||||
|
if (!match) return false;
|
||||||
|
let cookie = match[1].trim();
|
||||||
|
if (!/;\s*path=/i.test(cookie)) cookie += "; path=/";
|
||||||
|
document.cookie = cookie;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function parseFormResponse(response) {
|
||||||
|
const raw = await response.text();
|
||||||
|
let data = null;
|
||||||
|
try {
|
||||||
|
data = JSON.parse(raw);
|
||||||
|
} catch (_) {
|
||||||
|
data = null;
|
||||||
|
}
|
||||||
|
return { raw, data };
|
||||||
|
}
|
||||||
|
|
||||||
|
async function postForm(endpoint, formData, retried) {
|
||||||
|
const response = await fetch(endpoint, {
|
||||||
|
method: "POST",
|
||||||
|
body: formData,
|
||||||
|
headers: { Accept: "application/json" },
|
||||||
|
credentials: "same-origin",
|
||||||
|
});
|
||||||
|
|
||||||
|
const { raw, data } = await parseFormResponse(response);
|
||||||
|
|
||||||
|
// Bot challenge: set cookie and retry once
|
||||||
|
if (response.status === 409 && !retried && applyHostBotCookie(raw)) {
|
||||||
|
return postForm(endpoint, formData, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
return { response, data, raw };
|
||||||
|
}
|
||||||
|
|
||||||
|
function friendlyFormError(response, data, raw) {
|
||||||
|
if (data?.error) return data.error;
|
||||||
|
if (response.status === 409 || (raw && /humans_\d+/i.test(raw))) {
|
||||||
|
return "Security check blocked this send. Please refresh the page and try again, or email solutions@zettaisystems.com.";
|
||||||
|
}
|
||||||
|
if (response.status >= 500) {
|
||||||
|
return "Server error while sending. Please try again later or email us directly.";
|
||||||
|
}
|
||||||
|
if (response.status === 404) {
|
||||||
|
return "Mail service is not available on the server yet. Please email us directly.";
|
||||||
|
}
|
||||||
|
return "Something went wrong while sending. Please try again or email us directly.";
|
||||||
|
}
|
||||||
|
|
||||||
|
function initForms() {
|
||||||
|
document.querySelectorAll("[data-form]").forEach((form) => {
|
||||||
|
form.addEventListener("submit", async (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
let valid = true;
|
||||||
|
|
||||||
|
form.querySelectorAll("[data-required]").forEach((field) => {
|
||||||
|
const wrap = field.closest(".form-field") || field.parentElement;
|
||||||
|
const value = (field.value || "").trim();
|
||||||
|
let ok = value.length > 0;
|
||||||
|
if (field.type === "email") ok = validateEmail(value);
|
||||||
|
if (field.dataset.validate === "phone" && value) ok = validatePhone(value);
|
||||||
|
if (field.type === "checkbox") ok = field.checked;
|
||||||
|
if (field.type === "file") ok = field.files && field.files.length > 0;
|
||||||
|
|
||||||
|
wrap.classList.toggle("field-invalid", !ok);
|
||||||
|
if (!ok) valid = false;
|
||||||
|
});
|
||||||
|
|
||||||
|
const status = form.querySelector(".form-status");
|
||||||
|
const submitBtn = form.querySelector('[type="submit"]');
|
||||||
|
const kind = form.getAttribute("data-form") || "contact";
|
||||||
|
|
||||||
|
if (!valid) {
|
||||||
|
if (status) {
|
||||||
|
status.className = "form-status is-error";
|
||||||
|
status.textContent = "Please check the highlighted fields and try again.";
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
submitBtn?.classList.add("is-loading");
|
||||||
|
if (submitBtn) {
|
||||||
|
submitBtn.disabled = true;
|
||||||
|
submitBtn.dataset.label = submitBtn.innerHTML;
|
||||||
|
submitBtn.innerHTML = "Sending…";
|
||||||
|
}
|
||||||
|
if (status) {
|
||||||
|
status.className = "form-status";
|
||||||
|
status.textContent = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const { response, data, raw } = await postForm(
|
||||||
|
formEndpoint(kind),
|
||||||
|
new FormData(form),
|
||||||
|
false
|
||||||
|
);
|
||||||
|
|
||||||
|
resetSubmitButton(submitBtn);
|
||||||
|
|
||||||
|
if (!response.ok || !data?.ok) {
|
||||||
|
if (status) {
|
||||||
|
status.className = "form-status is-error";
|
||||||
|
status.textContent = friendlyFormError(response, data, raw);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (status) {
|
||||||
|
status.className = "form-status is-success";
|
||||||
|
status.textContent = data.message || successMessage(kind);
|
||||||
|
}
|
||||||
|
if (typeof window.gtag === "function") {
|
||||||
|
window.gtag("event", "generate_lead", {
|
||||||
|
event_category: "form",
|
||||||
|
event_label: kind,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
form.reset();
|
||||||
|
form.querySelectorAll(".field-invalid").forEach((el) => el.classList.remove("field-invalid"));
|
||||||
|
} catch (_) {
|
||||||
|
resetSubmitButton(submitBtn);
|
||||||
|
if (status) {
|
||||||
|
status.className = "form-status is-error";
|
||||||
|
status.textContent =
|
||||||
|
"Network error. Please check your connection or email us directly.";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
form.querySelectorAll("input, textarea, select").forEach((field) => {
|
||||||
|
field.addEventListener("input", () => {
|
||||||
|
const wrap = field.closest(".form-field") || field.parentElement;
|
||||||
|
wrap.classList.remove("field-invalid");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AOS */
|
||||||
|
function initAOS() {
|
||||||
|
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
||||||
|
if (typeof AOS !== "undefined") {
|
||||||
|
const isMobile = window.matchMedia("(max-width: 991.98px)").matches;
|
||||||
|
if (isMobile) {
|
||||||
|
document.querySelectorAll('[data-aos="fade-left"], [data-aos="fade-right"]').forEach((el) => {
|
||||||
|
el.setAttribute("data-aos", "fade-up");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
AOS.init({
|
||||||
|
duration: 650,
|
||||||
|
easing: "ease-out-cubic",
|
||||||
|
once: true,
|
||||||
|
offset: 60,
|
||||||
|
disable: false,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Year helpers already in footer */
|
||||||
|
|
||||||
|
function initPageNetworks() {
|
||||||
|
const canvases = document.querySelectorAll(".page-net-canvas");
|
||||||
|
if (!canvases.length) return;
|
||||||
|
|
||||||
|
const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
||||||
|
const BLUE = "#4ba3dc";
|
||||||
|
const ORANGE = "#f88820";
|
||||||
|
|
||||||
|
canvases.forEach((canvas) => {
|
||||||
|
const section = canvas.closest(".page-hero");
|
||||||
|
const ctx = canvas.getContext("2d");
|
||||||
|
if (!ctx || !section) return;
|
||||||
|
|
||||||
|
let nodes = [];
|
||||||
|
let raf = 0;
|
||||||
|
let width = 0;
|
||||||
|
let height = 0;
|
||||||
|
|
||||||
|
function resize() {
|
||||||
|
const rect = section.getBoundingClientRect();
|
||||||
|
const dpr = Math.min(window.devicePixelRatio || 1, 2);
|
||||||
|
width = Math.max(1, Math.floor(rect.width));
|
||||||
|
height = Math.max(1, Math.floor(rect.height));
|
||||||
|
canvas.width = Math.floor(width * dpr);
|
||||||
|
canvas.height = Math.floor(height * dpr);
|
||||||
|
canvas.style.width = `${width}px`;
|
||||||
|
canvas.style.height = `${height}px`;
|
||||||
|
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
||||||
|
seedNodes();
|
||||||
|
}
|
||||||
|
|
||||||
|
function seedNodes() {
|
||||||
|
const count = Math.max(28, Math.min(56, Math.floor((width * height) / 18000)));
|
||||||
|
nodes = Array.from({ length: count }, (_, i) => {
|
||||||
|
const accent = i % 9 === 0;
|
||||||
|
return {
|
||||||
|
x: Math.random() * width,
|
||||||
|
y: Math.random() * height,
|
||||||
|
vx: (Math.random() - 0.5) * (reduceMotion ? 0 : 0.35),
|
||||||
|
vy: (Math.random() - 0.5) * (reduceMotion ? 0 : 0.35),
|
||||||
|
r: accent ? 2.8 : 1.6 + Math.random() * 1.4,
|
||||||
|
color: accent ? ORANGE : BLUE,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw() {
|
||||||
|
ctx.clearRect(0, 0, width, height);
|
||||||
|
const linkDist = Math.min(160, Math.max(110, width * 0.12));
|
||||||
|
|
||||||
|
for (let i = 0; i < nodes.length; i++) {
|
||||||
|
const a = nodes[i];
|
||||||
|
if (!reduceMotion) {
|
||||||
|
a.x += a.vx;
|
||||||
|
a.y += a.vy;
|
||||||
|
if (a.x < 0 || a.x > width) a.vx *= -1;
|
||||||
|
if (a.y < 0 || a.y > height) a.vy *= -1;
|
||||||
|
a.x = Math.max(0, Math.min(width, a.x));
|
||||||
|
a.y = Math.max(0, Math.min(height, a.y));
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let j = i + 1; j < nodes.length; j++) {
|
||||||
|
const b = nodes[j];
|
||||||
|
const dx = a.x - b.x;
|
||||||
|
const dy = a.y - b.y;
|
||||||
|
const dist = Math.hypot(dx, dy);
|
||||||
|
if (dist < linkDist) {
|
||||||
|
const alpha = (1 - dist / linkDist) * 0.45;
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(a.x, a.y);
|
||||||
|
ctx.lineTo(b.x, b.y);
|
||||||
|
ctx.strokeStyle = `rgba(160, 200, 230, ${alpha})`;
|
||||||
|
ctx.lineWidth = 1;
|
||||||
|
ctx.stroke();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(a.x, a.y, a.r, 0, Math.PI * 2);
|
||||||
|
ctx.fillStyle = a.color;
|
||||||
|
ctx.shadowColor = a.color;
|
||||||
|
ctx.shadowBlur = a.color === ORANGE ? 10 : 6;
|
||||||
|
ctx.fill();
|
||||||
|
ctx.shadowBlur = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!reduceMotion) raf = requestAnimationFrame(draw);
|
||||||
|
}
|
||||||
|
|
||||||
|
resize();
|
||||||
|
draw();
|
||||||
|
window.addEventListener("resize", () => {
|
||||||
|
cancelAnimationFrame(raf);
|
||||||
|
resize();
|
||||||
|
draw();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
|
renderHeader();
|
||||||
|
renderFooter();
|
||||||
|
renderChromeExtras();
|
||||||
|
initTheme();
|
||||||
|
initMobileNav();
|
||||||
|
initScrollUI();
|
||||||
|
initForms();
|
||||||
|
initAOS();
|
||||||
|
initPageNetworks();
|
||||||
|
initCareerApply();
|
||||||
|
});
|
||||||
|
|
||||||
|
function initCareerApply() {
|
||||||
|
const select = document.getElementById("c-position");
|
||||||
|
if (!select) return;
|
||||||
|
|
||||||
|
document.querySelectorAll(".job-card a[href='#apply']").forEach((link) => {
|
||||||
|
link.addEventListener("click", () => {
|
||||||
|
const title = link.closest(".job-card")?.querySelector("h3")?.textContent.trim();
|
||||||
|
if (!title) return;
|
||||||
|
const match = [...select.options].some((opt) => opt.value === title);
|
||||||
|
if (match) {
|
||||||
|
select.value = title;
|
||||||
|
select.dispatchEvent(new Event("change", { bubbles: true }));
|
||||||
|
select.focus({ preventScroll: true });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})();
|
||||||
BIN
logos/icon-dark.png
Normal file
BIN
logos/icon-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
logos/icon.png
Normal file
BIN
logos/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
logos/logo-dark-transparent.png
Normal file
BIN
logos/logo-dark-transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
logos/logo-light-transparent.png
Normal file
BIN
logos/logo-light-transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
124
privacy-policy.html
Normal file
124
privacy-policy.html
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
<!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>Privacy Policy | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Read how Zettai Systems collects, uses, and protects information submitted through our website and contact forms." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/privacy-policy" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Privacy Policy | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Read how Zettai Systems collects, uses, and protects information submitted through our website and contact forms." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/privacy-policy" />
|
||||||
|
<meta property="og:image" content="/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="privacy">
|
||||||
|
<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">Privacy Policy</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Legal</div>
|
||||||
|
<h1>Privacy Policy</h1>
|
||||||
|
<p>This policy describes how Zettai Systems handles information collected through our website and related enquiry forms.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs" style="max-width:48rem">
|
||||||
|
<article class="card-zs" data-aos="fade-up">
|
||||||
|
<p class="text-muted-zs"><strong>Last updated:</strong> September 2026</p>
|
||||||
|
<h2 class="h4 mt-4">1. Who we are</h2>
|
||||||
|
<p class="text-muted-zs">Zettai Systems (“we”, “us”, or “our”) operates the website at zettaisystems.com and provides IT and digital solutions. Our office address is No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India. You can reach us by email at <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>, by phone at +91 807 299 8024, or through our contact form.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">2. Information we collect</h2>
|
||||||
|
<p class="text-muted-zs">We may collect information you voluntarily submit, including:</p>
|
||||||
|
<ul class="text-muted-zs">
|
||||||
|
<li>Name, email address, phone number, and company name</li>
|
||||||
|
<li>Project or career-related details and messages</li>
|
||||||
|
<li>Résumé or other files you upload when applying for roles</li>
|
||||||
|
<li>Technical data such as browser type, device information, and approximate location derived from IP address (via standard server or analytics logs, if enabled)</li>
|
||||||
|
</ul>
|
||||||
|
<p class="text-muted-zs mb-0">We do not require you to create an account to browse our public pages.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">3. How we use information</h2>
|
||||||
|
<p class="text-muted-zs">We use submitted information to:</p>
|
||||||
|
<ul class="text-muted-zs">
|
||||||
|
<li>Respond to enquiries and project requests</li>
|
||||||
|
<li>Evaluate career applications</li>
|
||||||
|
<li>Improve our website and services</li>
|
||||||
|
<li>Maintain security and prevent misuse</li>
|
||||||
|
<li>Comply with applicable legal obligations</li>
|
||||||
|
</ul>
|
||||||
|
<p class="text-muted-zs mb-0">We do not sell personal information.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">4. Cookies and similar technologies</h2>
|
||||||
|
<p class="text-muted-zs">Our site uses cookies or local storage for functional purposes (for example, remembering your theme preference). We also use Google Analytics to understand how visitors use the site (pages viewed, approximate location, device, and browser). Google may set cookies as described in Google’s privacy policy. You can control cookies through your browser settings.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">5. Sharing of information</h2>
|
||||||
|
<p class="text-muted-zs">We may share information with trusted service providers who help us operate our website, email, hosting, or form processing—only as needed to perform those services. We may also disclose information if required by law or to protect our rights, users, or systems.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">6. Data retention</h2>
|
||||||
|
<p class="text-muted-zs">We retain personal information only as long as reasonably necessary for the purposes described above, including responding to enquiries, managing applications, and meeting legal or business record requirements.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">7. Security</h2>
|
||||||
|
<p class="text-muted-zs">We take reasonable administrative and technical measures to protect information we hold. No method of transmission or storage is completely secure; we encourage you to avoid sending highly sensitive credentials through web forms.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">8. Your choices</h2>
|
||||||
|
<p class="text-muted-zs">Depending on applicable law, you may request access to, correction of, or deletion of personal information we hold about you. Contact us via the website form or by phone to make a request. We may need to verify your identity before acting on certain requests.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">9. Children’s privacy</h2>
|
||||||
|
<p class="text-muted-zs">Our services are directed to businesses and professionals. We do not knowingly collect personal information from children.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">10. External links</h2>
|
||||||
|
<p class="text-muted-zs">Our website may link to third-party sites. We are not responsible for the privacy practices of those sites.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">11. Changes to this policy</h2>
|
||||||
|
<p class="text-muted-zs">We may update this Privacy Policy from time to time. The “Last updated” date at the top will reflect the latest revision. Continued use of the site after changes constitutes acceptance of the updated policy where permitted by law.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">12. Contact</h2>
|
||||||
|
<p class="text-muted-zs mb-0">For privacy-related questions, email <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>, use the <a href="contact">contact form</a>, or call <a href="tel:+918072998024">+91 807 299 8024</a>.</p>
|
||||||
|
</article>
|
||||||
|
</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>
|
||||||
4
robots.txt
Normal file
4
robots.txt
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
User-agent: *
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
Sitemap: https://zettaisystems.com/sitemap.xml
|
||||||
132
serve.py
Normal file
132
serve.py
Normal file
@ -0,0 +1,132 @@
|
|||||||
|
#!/usr/bin/env python3
|
||||||
|
"""Local static server with extensionless URL support (mirrors Apache .htaccess).
|
||||||
|
|
||||||
|
Usage:
|
||||||
|
python3 serve.py
|
||||||
|
python3 serve.py 8080
|
||||||
|
|
||||||
|
Then open http://127.0.0.1:8080/about (not file://)
|
||||||
|
"""
|
||||||
|
|
||||||
|
from __future__ import annotations
|
||||||
|
|
||||||
|
import argparse
|
||||||
|
import mimetypes
|
||||||
|
import os
|
||||||
|
from http.server import SimpleHTTPRequestHandler, ThreadingHTTPServer
|
||||||
|
from pathlib import Path
|
||||||
|
from urllib.parse import unquote, urlparse
|
||||||
|
|
||||||
|
|
||||||
|
ROOT = Path(__file__).resolve().parent
|
||||||
|
|
||||||
|
|
||||||
|
class CleanURLHandler(SimpleHTTPRequestHandler):
|
||||||
|
def __init__(self, *args, **kwargs):
|
||||||
|
super().__init__(*args, directory=str(ROOT), **kwargs)
|
||||||
|
|
||||||
|
def log_message(self, format, *args):
|
||||||
|
return # quieter local dev logs
|
||||||
|
|
||||||
|
def _parts(self):
|
||||||
|
parsed = urlparse(self.path)
|
||||||
|
path = unquote(parsed.path)
|
||||||
|
query = f"?{parsed.query}" if parsed.query else ""
|
||||||
|
return path, query
|
||||||
|
|
||||||
|
def _redirect(self, location: str) -> None:
|
||||||
|
self.send_response(301)
|
||||||
|
self.send_header("Location", location)
|
||||||
|
self.end_headers()
|
||||||
|
|
||||||
|
def _maybe_redirect(self) -> bool:
|
||||||
|
path, query = self._parts()
|
||||||
|
|
||||||
|
if path in ("/index.html", "/index"):
|
||||||
|
self._redirect("/" + query)
|
||||||
|
return True
|
||||||
|
|
||||||
|
if path.endswith(".html") and path != "/404.html":
|
||||||
|
clean = path[:-5] or "/"
|
||||||
|
self._redirect(clean + query)
|
||||||
|
return True
|
||||||
|
|
||||||
|
# /services/ → /services (same as Apache — trailing slash breaks relative CSS)
|
||||||
|
if path == "/services/":
|
||||||
|
self._redirect("/services" + query)
|
||||||
|
return True
|
||||||
|
|
||||||
|
return False
|
||||||
|
|
||||||
|
def do_GET(self):
|
||||||
|
if self._maybe_redirect():
|
||||||
|
return
|
||||||
|
return super().do_GET()
|
||||||
|
|
||||||
|
def do_HEAD(self):
|
||||||
|
if self._maybe_redirect():
|
||||||
|
return
|
||||||
|
return super().do_HEAD()
|
||||||
|
|
||||||
|
def list_directory(self, path):
|
||||||
|
# Never show raw directory indexes
|
||||||
|
self.send_error(404, "Not found")
|
||||||
|
return None
|
||||||
|
|
||||||
|
def translate_path(self, path: str) -> str:
|
||||||
|
parsed = urlparse(path)
|
||||||
|
clean = unquote(parsed.path)
|
||||||
|
if clean != "/" and clean.endswith("/"):
|
||||||
|
clean = clean.rstrip("/")
|
||||||
|
candidate = clean.lstrip("/")
|
||||||
|
|
||||||
|
if candidate and candidate != "404.html":
|
||||||
|
html_path = ROOT / f"{candidate}.html"
|
||||||
|
file_path = ROOT / candidate
|
||||||
|
# Prefer .html page over a same-named folder (/services → services.html)
|
||||||
|
if html_path.is_file() and (not file_path.exists() or file_path.is_dir()):
|
||||||
|
path = f"/{candidate}.html"
|
||||||
|
if parsed.query:
|
||||||
|
path += f"?{parsed.query}"
|
||||||
|
|
||||||
|
return super().translate_path(path)
|
||||||
|
|
||||||
|
def end_headers(self):
|
||||||
|
self.send_header("Cache-Control", "no-store")
|
||||||
|
super().end_headers()
|
||||||
|
|
||||||
|
|
||||||
|
class ReusableHTTPServer(ThreadingHTTPServer):
|
||||||
|
allow_reuse_address = True
|
||||||
|
|
||||||
|
|
||||||
|
def main() -> None:
|
||||||
|
parser = argparse.ArgumentParser(description="Serve Zettai Systems with clean URLs")
|
||||||
|
parser.add_argument("port", nargs="?", type=int, default=8080)
|
||||||
|
args = parser.parse_args()
|
||||||
|
|
||||||
|
os.chdir(ROOT)
|
||||||
|
mimetypes.add_type("text/css", ".css")
|
||||||
|
mimetypes.add_type("application/javascript", ".js")
|
||||||
|
|
||||||
|
try:
|
||||||
|
server = ReusableHTTPServer(("127.0.0.1", args.port), CleanURLHandler)
|
||||||
|
except OSError as exc:
|
||||||
|
if exc.errno == 48:
|
||||||
|
print(f"Port {args.port} is already in use.")
|
||||||
|
print(f"Stop the other server: lsof -ti:{args.port} | xargs kill -9")
|
||||||
|
print(f"Or use another port: python3 serve.py 8081")
|
||||||
|
raise SystemExit(1) from exc
|
||||||
|
raise
|
||||||
|
|
||||||
|
print(f"Serving {ROOT}")
|
||||||
|
print(f"Open http://127.0.0.1:{args.port}/services")
|
||||||
|
print("Press Ctrl+C to stop")
|
||||||
|
try:
|
||||||
|
server.serve_forever()
|
||||||
|
except KeyboardInterrupt:
|
||||||
|
print("\nStopped.")
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
main()
|
||||||
325
services.html
Normal file
325
services.html
Normal file
@ -0,0 +1,325 @@
|
|||||||
|
<!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>Services | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Explore Zettai Systems services: web and mobile development, custom software, cloud, analytics, IT consulting, cybersecurity, ERP, and e-commerce." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Services | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Explore Zettai Systems services: web and mobile development, custom software, cloud, analytics, IT consulting, cybersecurity, ERP, and e-commerce." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services" />
|
||||||
|
<meta property="og:image" content="/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" />
|
||||||
|
<link rel="stylesheet" href="/css/animations.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="services">
|
||||||
|
<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">Services</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Services</div>
|
||||||
|
<h1>AI Products & Foundational Engineering</h1>
|
||||||
|
<p>Track A: generative agents, domain RAG, AI APIs, and process automation. Track B: Flutter, full-stack web, and cloud/MLOps/QA. Every engagement starts with your workflows and ends with systems you can own.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- How we structure services -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">How We Engage</div>
|
||||||
|
<h2 class="section-title">Services That Follow Your Business Logic</h2>
|
||||||
|
<p class="section-lead">We don’t sell disconnected tools. We design connected platforms—so delivery, quality, and support stay aligned.</p>
|
||||||
|
</div>
|
||||||
|
<div class="svc-pillars">
|
||||||
|
<article class="svc-pillar" data-aos="fade-up">
|
||||||
|
<span class="svc-pillar-num">01</span>
|
||||||
|
<h3>Build</h3>
|
||||||
|
<p>Web applications, Flutter mobile, custom software, and API-backed platforms engineered for real operations.</p>
|
||||||
|
</article>
|
||||||
|
<article class="svc-pillar" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<span class="svc-pillar-num">02</span>
|
||||||
|
<h3>Connect</h3>
|
||||||
|
<p>Cloud integration, system interfaces, and enterprise automation that reduce manual handoffs.</p>
|
||||||
|
</article>
|
||||||
|
<article class="svc-pillar" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<span class="svc-pillar-num">03</span>
|
||||||
|
<h3>Protect</h3>
|
||||||
|
<p>Security-aware architecture, QA discipline, and consulting that strengthen what you ship.</p>
|
||||||
|
</article>
|
||||||
|
<article class="svc-pillar" data-aos="fade-up" data-aos-delay="240">
|
||||||
|
<span class="svc-pillar-num">04</span>
|
||||||
|
<h3>Grow</h3>
|
||||||
|
<p>Analytics, ERP, e-commerce, and continuous support as your roadmap expands.</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Service catalog -->
|
||||||
|
<section class="section bg-soft" id="catalog">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Service Catalog</div>
|
||||||
|
<h2 class="section-title">What We Deliver</h2>
|
||||||
|
<p class="section-lead">Explore each capability in detail—or tell us your goal and we’ll recommend the right mix.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-robot"></i></div><span class="svc-tag">AI</span></div>
|
||||||
|
<h3>Generative AI & Agentic Workflows</h3>
|
||||||
|
<p>Autonomous multi-agent orchestration, human-in-the-loop task routing, and custom tool calling.</p>
|
||||||
|
<ul class="svc-bullets"><li>Multi-agent orchestration</li><li>Human-in-the-loop gates</li><li>Custom tool calling</li></ul>
|
||||||
|
<a class="link-arrow" href="services/agentic-ai">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-database"></i></div><span class="svc-tag">AI</span></div>
|
||||||
|
<h3>Domain RAG & Enterprise Search</h3>
|
||||||
|
<p>Hybrid semantic and lexical vector search over proprietary documentation, PDFs, and relational stores.</p>
|
||||||
|
<ul class="svc-bullets"><li>Hybrid retrieval</li><li>Access-aware indexes</li><li>Cited responses</li></ul>
|
||||||
|
<a class="link-arrow" href="services/enterprise-rag">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-hdd-network"></i></div><span class="svc-tag">AI</span></div>
|
||||||
|
<h3>Custom AI Microservices & APIs</h3>
|
||||||
|
<p>Low-latency Python FastAPI and Node.js inference endpoints, model routing, and fallback cascades.</p>
|
||||||
|
<ul class="svc-bullets"><li>FastAPI / Node inference</li><li>Model routing</li><li>Fallback cascades</li></ul>
|
||||||
|
<a class="link-arrow" href="services/ai-microservices">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-gear-wide-connected"></i></div><span class="svc-tag">AI</span></div>
|
||||||
|
<h3>Intelligent Process Automation</h3>
|
||||||
|
<p>AI-assisted ERP workflows, automated document intelligence, and smart approval triage.</p>
|
||||||
|
<ul class="svc-bullets"><li>ERP-assisted workflows</li><li>Document intelligence</li><li>Approval triage</li></ul>
|
||||||
|
<a class="link-arrow" href="services/intelligent-process-automation">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><span class="svc-tag">AI</span></div>
|
||||||
|
<h3>AI Governance</h3>
|
||||||
|
<p>Guardrails, evaluation, and telemetry so AI features stay inspectable for enterprise policy and risk reviews.</p>
|
||||||
|
<ul class="svc-bullets"><li>Policy & prompt controls</li><li>Evaluation harnesses</li><li>Audit-ready logs</li></ul>
|
||||||
|
<a class="link-arrow" href="services/ai-governance">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-window-sidebar"></i></div><span class="svc-tag">Build</span></div>
|
||||||
|
<h3>Modern Full-Stack Web Platforms</h3>
|
||||||
|
<p>High-throughput web applications, enterprise dashboards, and customer self-service portals.</p>
|
||||||
|
<ul class="svc-bullets"><li>Portals & dashboards</li><li>CI4 / PHP & Node.js APIs</li><li>Workflow-driven UX</li></ul>
|
||||||
|
<a class="link-arrow" href="services/web-development">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-phone"></i></div><span class="svc-tag">Build</span></div>
|
||||||
|
<h3>High-Performance Mobile (Flutter)</h3>
|
||||||
|
<p>Cross-platform native-quality iOS and Android apps connected to AI services, with offline caching.</p>
|
||||||
|
<ul class="svc-bullets"><li>Cross-platform Flutter</li><li>AI service connectivity</li><li>Offline caching</li></ul>
|
||||||
|
<a class="link-arrow" href="services/mobile-development">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-code-slash"></i></div><span class="svc-tag">Build</span></div>
|
||||||
|
<h3>Custom Software Development</h3>
|
||||||
|
<p>Business-specific systems shaped for your processes—scalable architecture, clean code, and ownership your team can sustain.</p>
|
||||||
|
<ul class="svc-bullets"><li>Bespoke platforms</li><li>Process automation</li><li>Legacy modernization</li></ul>
|
||||||
|
<a class="link-arrow" href="services/custom-software">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-cloud"></i></div><span class="svc-tag">Connect</span></div>
|
||||||
|
<h3>Cloud, MLOps & QA Engineering</h3>
|
||||||
|
<p>AWS Bedrock, Azure OpenAI, and GCP Vertex integrations, Docker/Kubernetes delivery, and automated regression testing.</p>
|
||||||
|
<ul class="svc-bullets"><li>Cloud AI endpoints</li><li>Docker / Kubernetes</li><li>Regression automation</li></ul>
|
||||||
|
<a class="link-arrow" href="services/cloud-integration">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-bar-chart"></i></div><span class="svc-tag">Grow</span></div>
|
||||||
|
<h3>Data Analytics</h3>
|
||||||
|
<p>Dashboards, reporting pipelines, and analytics tools that turn operational data into clearer decisions.</p>
|
||||||
|
<ul class="svc-bullets"><li>Operational dashboards</li><li>Reporting pipelines</li><li>Insight-ready data flows</li></ul>
|
||||||
|
<a class="link-arrow" href="services/data-analytics">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-diagram-3"></i></div><span class="svc-tag">Protect</span></div>
|
||||||
|
<h3>IT Consulting</h3>
|
||||||
|
<p>Architecture planning, digital transformation guidance, and technology roadmaps grounded in how your business actually runs.</p>
|
||||||
|
<ul class="svc-bullets"><li>Architecture reviews</li><li>Stack recommendations</li><li>Transformation planning</li></ul>
|
||||||
|
<a class="link-arrow" href="services/it-consulting">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-shield-lock"></i></div><span class="svc-tag">Protect</span></div>
|
||||||
|
<h3>Cybersecurity</h3>
|
||||||
|
<p>Security-focused design and assessments to protect applications, infrastructure, and business data across the delivery lifecycle.</p>
|
||||||
|
<ul class="svc-bullets"><li>Secure architecture</li><li>Risk-aware delivery</li><li>Assessment support</li></ul>
|
||||||
|
<a class="link-arrow" href="services/cybersecurity">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="60">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-building"></i></div><span class="svc-tag">Grow</span></div>
|
||||||
|
<h3>ERP Solutions</h3>
|
||||||
|
<p>ERP implementation, customization, and integration for business automation across finance, inventory, and operations.</p>
|
||||||
|
<ul class="svc-bullets"><li>Implementation</li><li>Customization</li><li>API & process sync</li></ul>
|
||||||
|
<a class="link-arrow" href="services/erp">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="120">
|
||||||
|
<article class="svc-card">
|
||||||
|
<div class="svc-card-top"><div class="icon-badge"><i class="bi bi-cart3"></i></div><span class="svc-tag">Grow</span></div>
|
||||||
|
<h3>E-Commerce Solutions</h3>
|
||||||
|
<p>Scalable commerce platforms covering catalogs, checkout, inventory sync, and post-order operations.</p>
|
||||||
|
<ul class="svc-bullets"><li>Storefront platforms</li><li>Order workflows</li><li>Integrations</li></ul>
|
||||||
|
<a class="link-arrow" href="services/ecommerce">Learn More <span class="arrow">→</span></a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Delivery + QA highlight -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 g-lg-5 align-items-center">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Quality Built In</div>
|
||||||
|
<h2 class="section-title">Delivery With Structure—Not Guesswork</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Every service line follows a transparent path: discovery, architecture, development, dedicated QA, careful deployment, and ongoing support.</p>
|
||||||
|
<p class="text-muted-zs mb-4">Our QA practice spans manual and automated testing—including API checks—so releases are stable before they reach your users.</p>
|
||||||
|
<a class="btn-zs btn-zs-outline" href="about#process">See Our Process <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<div class="svc-flow">
|
||||||
|
<div class="svc-flow-item"><strong>01 Discover</strong><span>Goals, constraints, workflows</span></div>
|
||||||
|
<div class="svc-flow-item"><strong>02 Architect</strong><span>Stack, scope, sprint plan</span></div>
|
||||||
|
<div class="svc-flow-item"><strong>03 Build</strong><span>Agile delivery with visibility</span></div>
|
||||||
|
<div class="svc-flow-item"><strong>04 Test</strong><span>QA before every release</span></div>
|
||||||
|
<div class="svc-flow-item"><strong>05 Deploy</strong><span>Controlled go-live</span></div>
|
||||||
|
<div class="svc-flow-item"><strong>06 Support</strong><span>Improve continuously</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Stacks -->
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technology</div>
|
||||||
|
<h2 class="section-title">Stacks Behind Our Services</h2>
|
||||||
|
<p class="section-lead">We deliver with proven cores—CodeIgniter 4, Flutter, Node.js, and dedicated QA—plus cloud and enterprise platforms as your roadmap requires.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-3 g-md-4">
|
||||||
|
<div class="col-6 col-md-3" data-aos="fade-up"><div class="tech-group text-center"><h3>CI4 / PHP</h3><div class="tech-pills justify-content-center"><span class="tech-pill">MVC</span><span class="tech-pill">REST</span></div></div></div>
|
||||||
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="60"><div class="tech-group text-center"><h3>Flutter</h3><div class="tech-pills justify-content-center"><span class="tech-pill">iOS</span><span class="tech-pill">Android</span></div></div></div>
|
||||||
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="120"><div class="tech-group text-center"><h3>Node.js</h3><div class="tech-pills justify-content-center"><span class="tech-pill">APIs</span><span class="tech-pill">Real-time</span></div></div></div>
|
||||||
|
<div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="180"><div class="tech-group text-center"><h3>Cloud & QA</h3><div class="tech-pills justify-content-center"><span class="tech-pill">AWS</span><span class="tech-pill">CI/CD</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FAQ -->
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Questions About Our Services</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-9" data-aos="fade-up">
|
||||||
|
<div class="accordion accordion-zs" id="svcFaq">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#sf1">Can we combine multiple services in one project?</button></h3>
|
||||||
|
<div id="sf1" class="accordion-collapse collapse show" data-bs-parent="#svcFaq"><div class="accordion-body">Yes. Many engagements combine web or mobile delivery with APIs, cloud setup, QA, and post-launch support under one accountable team.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sf2">Do you take over or modernize existing systems?</button></h3>
|
||||||
|
<div id="sf2" class="accordion-collapse collapse" data-bs-parent="#svcFaq"><div class="accordion-body">We can assess existing platforms, reduce technical debt, and plan modernization or integration paths based on your constraints and priorities.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sf3">Is QA included in development work?</button></h3>
|
||||||
|
<div id="sf3" class="accordion-collapse collapse" data-bs-parent="#svcFaq"><div class="accordion-body">Quality is part of how we deliver. We run structured testing—manual and automated where appropriate—before releases go live.</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sf4">Do you provide support after launch?</button></h3>
|
||||||
|
<div id="sf4" class="accordion-collapse collapse" data-bs-parent="#svcFaq"><div class="accordion-body">Yes. Our approach emphasizes long-term partnership—monitoring, fixes, enhancements, and continuous improvement after go-live.</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Not sure which service fits?</h2>
|
||||||
|
<p class="mb-0">Tell us what you’re trying to achieve—we’ll help map the right approach.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="contact">Start a Conversation <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
219
services/agentic-ai.html
Normal file
219
services/agentic-ai.html
Normal file
@ -0,0 +1,219 @@
|
|||||||
|
<!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>Generative AI & Agentic Workflows | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Multi-agent orchestration, human-in-the-loop task routing, and custom tool calling for enterprise generative AI workflows." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/agentic-ai" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Generative AI & Agentic Workflows | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Multi-agent orchestration, human-in-the-loop task routing, and custom tool calling." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/agentic-ai" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Generative AI & Agentic Workflows</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track A · AI Products</div>
|
||||||
|
<h1>Generative AI & Agentic Workflows</h1>
|
||||||
|
<p>Autonomous multi-agent orchestration, human-in-the-loop task routing, and custom tool calling—scoped to your systems of record.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Agents that operate inside your workflows</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We build agent workflows around real tasks: retrieve a record, draft a response, file a ticket, or prepare a change. Tools are scoped to the APIs and data the job needs—not an open-ended bot with production credentials.</p>
|
||||||
|
<p class="text-muted-zs mb-0">High-impact steps stay behind human gates. Every tool call can be logged so operations and risk teams can see what ran, with which inputs, and who approved it.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-robot"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Repeatable back-office or support tasks that still need judgment</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Safe use of tools against ERP, CRM, or internal APIs</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A path from a prototype chatbot to a governed production agent</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What we implement</h2>
|
||||||
|
<p class="section-lead">Delivery-focused agent design—not unbounded autonomy.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-diagram-3"></i></div><h3>Multi-agent orchestration</h3><p>Coordinate specialist agents and tools with argument validation, timeouts, and a clear handoff graph.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-person-check"></i></div><h3>Human-in-the-loop</h3><p>Require approval before writes, payments, customer messages, or privileged lookups.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-journal-text"></i></div><h3>Step-level audit</h3><p>Persist prompts, tool results, and decisions so incidents can be reconstructed.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-link-45deg"></i></div><h3>System integration</h3><p>Connect agents to existing web, mobile, and ERP surfaces instead of a disconnected chat island.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield"></i></div><h3>Scope & identity</h3><p>Run tools under service identities with least privilege, not a shared superuser key.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-speedometer2"></i></div><h3>Evaluation loops</h3><p>Golden tasks and regression cases so agent changes are tested before they hit users.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Useful automation without giving a model the keys to the estate.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Clear boundary between draft work and production writes</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Operators can see and stop a runaway tool loop</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fits the Zettai Framework: lock scope before an agent is allowed to act</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A maintainable path after the first demo</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Task map</h3><p>Identify jobs that are tool-shaped, not open chat.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Tool contract</h3><p>Specify APIs, permissions, and approval gates.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Pilot</h3><p>Run on a bounded dataset with human review.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Harden</h3><p>Add logging, evals, and rate limits.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Operate</h3><p>Hand over runbooks and expansion backlog.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>Orchestration</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">LangChain</span><span class="tech-pill">LlamaIndex</span><span class="tech-pill">LiteLLM</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Models & cloud</h3><div class="tech-pills"><span class="tech-pill">Azure OpenAI</span><span class="tech-pill">AWS Bedrock</span><span class="tech-pill">Anthropic Claude API</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">Evaluation</span><span class="tech-pill">Audit logs</span><span class="tech-pill">Human gates</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-agentic">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-0" aria-expanded="true" aria-controls="faq-agentic-0">Do agents run unattended in production?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-agentic-0" class="accordion-collapse collapse show" data-bs-parent="#faq-agentic">
|
||||||
|
<div class="accordion-body">Read-only or low-risk steps can run automatically. Writes and customer-facing actions typically require a human gate until the task set is proven.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-1" aria-expanded="false" aria-controls="faq-agentic-1">Can this sit on our existing apps?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-agentic-1" class="accordion-collapse collapse" data-bs-parent="#faq-agentic">
|
||||||
|
<div class="accordion-body">Yes. We prefer agents as a layer on APIs you already own—web, mobile, ERP—rather than a standalone product that duplicates data.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-2" aria-expanded="false" aria-controls="faq-agentic-2">How does this relate to RAG?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-agentic-2" class="accordion-collapse collapse" data-bs-parent="#faq-agentic">
|
||||||
|
<div class="accordion-body">Many agents retrieve documents or records first. Enterprise RAG is the retrieval layer; agentic workflows add tools and actions on top.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Have a workflow that should not be a chatbot?</h2>
|
||||||
|
<p class="mb-0">We’ll help you decide which steps are tools, which need a person, and what to lock before build.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
219
services/ai-governance.html
Normal file
219
services/ai-governance.html
Normal file
@ -0,0 +1,219 @@
|
|||||||
|
<!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>AI Governance | Zettai Systems</title>
|
||||||
|
<meta name="description" content="AI guardrails, evaluation, and audit trails so enterprise AI features stay inspectable. Practices aligned with policy—not unverified certification claims." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/ai-governance" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="AI Governance | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Guardrails, evaluation, and telemetry for enterprise AI—inspectable by default." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/ai-governance" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">AI Governance</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>AI Governance</h1>
|
||||||
|
<p>Guardrails, evaluation, and audit trails so AI features stay inspectable in enterprise environments.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Controls you can show a reviewer</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We help teams put policy into the product: who may use which model, what data may enter a prompt, which tools an agent may call, and how outputs are logged. This is engineering work—prompts, gateways, evals, and runbooks—not a certificate on the wall.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Where regulations or internal standards apply (including conversations about EU AI Act-style risk classes), we map practices to your legal counsel’s guidance. We do not claim ISO, CMMI, or AI Act certification unless you already hold it.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-shield-check"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>An AI feature that must survive security and risk review</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Logs that explain what the model and tools did</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Evaluation before each prompt or model change</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What we implement</h2>
|
||||||
|
<p class="section-lead">The same pillars as the Zettai Framework, applied to AI delivery.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-file-earmark-lock"></i></div><h3>Scope lock</h3><p>Use cases, data classes, and allowed actions are written down before prompts hit production.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-sliders"></i></div><h3>Guardrails</h3><p>Prompt filters, tool allow-lists, PII handling, and human approval on high-impact actions.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-clipboard-check"></i></div><h3>Quality SOPs</h3><p>Change control for prompts and models, aligned with CMMI L2-style planned work and reviews.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-graph-up"></i></div><h3>Evaluation</h3><p>Offline test sets for groundedness, safety, and regression after every material change.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-activity"></i></div><h3>Telemetry</h3><p>Traces for prompts, retrieval hits, tool calls, and operator overrides.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Operating model</h3><p>RACI for product, security, and engineering so incidents have an owner.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Make AI shippable in organizations that already have controls.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Reviewers can inspect behavior instead of trusting a demo</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Prompt and model changes follow the same discipline as code</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Clear language with legal: practices and alignment, not invented certifications</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Works with Agentic AI and Enterprise RAG as the control plane</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Risk map</h3><p>Classify use cases and data sensitivity.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Controls</h3><p>Define gates, logs, and allow-lists.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Instrument</h3><p>Wire telemetry into the product path.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Evaluate</h3><p>Stand up regression suites and review cadence.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Hand over</h3><p>Runbooks for incident and change control.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>Control plane</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">LangChain</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Observability</h3><div class="tech-pills"><span class="tech-pill">Audit logs</span><span class="tech-pill">Evaluation</span><span class="tech-pill">CI/CD</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Cloud</h3><div class="tech-pills"><span class="tech-pill">Azure OpenAI</span><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-gov">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-gov-0" aria-expanded="true" aria-controls="faq-gov-0">Are you CMMI or ISO certified?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-gov-0" class="accordion-collapse collapse show" data-bs-parent="#faq-gov">
|
||||||
|
<div class="accordion-body">We describe delivery practices aligned with CMMI Level 2-style SOPs (planned work, tracked issues, reviews). We do not claim a CMMI or ISO certificate unless separately stated with evidence.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-gov-1" aria-expanded="false" aria-controls="faq-gov-1">Does this replace legal advice?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-gov-1" class="accordion-collapse collapse" data-bs-parent="#faq-gov">
|
||||||
|
<div class="accordion-body">No. We implement technical controls and operating practices. Regulatory interpretation stays with your counsel.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-gov-2" aria-expanded="false" aria-controls="faq-gov-2">Can governance land without a full AI platform rebuild?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-gov-2" class="accordion-collapse collapse" data-bs-parent="#faq-gov">
|
||||||
|
<div class="accordion-body">Often yes. We start with a gateway, logging, and evals around the feature you already have, then deepen controls as use cases expand.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Need AI that can survive a risk review?</h2>
|
||||||
|
<p class="mb-0">We’ll map use cases, gates, and telemetry before the next production prompt change.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
196
services/ai-microservices.html
Normal file
196
services/ai-microservices.html
Normal file
@ -0,0 +1,196 @@
|
|||||||
|
<!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>Custom AI Microservices & APIs | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Low-latency Python FastAPI and Node.js inference endpoints, model routing, and fallback cascades for enterprise AI." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/ai-microservices" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Custom AI Microservices & APIs | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="FastAPI and Node.js inference endpoints with model routing and fallback cascades." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/ai-microservices" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">AI Microservices & APIs</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track A · AI Products</div>
|
||||||
|
<h1>Custom AI Microservices & APIs</h1>
|
||||||
|
<p>Low-latency Python FastAPI and Node.js inference endpoints, with model routing and fallback cascades.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Inference as a product surface—not a notebook</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We wrap models behind authenticated APIs your web, mobile, and ERP systems can call with timeouts, quotas, and structured JSON. Routing can send cheap tasks to one model and high-stakes tasks to another, with a fallback if an upstream provider fails.</p>
|
||||||
|
<p class="text-muted-zs mb-0">These services sit next to Agentic AI and Domain RAG: agents and search call your APIs; the APIs own latency, keys, and logging.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-hdd-network"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A stable inference contract for multiple client apps</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Model routing without rewriting every product screen</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fallback when a vendor endpoint is slow or unavailable</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What we implement</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><div class="icon-badge"><i class="bi bi-lightning"></i></div><h3>FastAPI / Node endpoints</h3><p>Typed request/response schemas, auth, and p95 latency budgets you can measure.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><article class="card-zs"><div class="icon-badge"><i class="bi bi-signpost-split"></i></div><h3>Model routing</h3><p>Send traffic by task type, tenant, or cost—via LiteLLM-style gateways where they fit.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-repeat"></i></div><h3>Fallback cascades</h3><p>Retry and degrade to a secondary model or cached result instead of a hard fail.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><div class="icon-badge"><i class="bi bi-key"></i></div><h3>Key & tenancy isolation</h3><p>Service identities per environment—not a shared key in a mobile binary.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><article class="card-zs"><div class="icon-badge"><i class="bi bi-graph-up"></i></div><h3>Telemetry</h3><p>Token, latency, and error traces that feed evaluation and cost reviews.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><article class="card-zs"><div class="icon-badge"><i class="bi bi-box-seam"></i></div><h3>Container delivery</h3><p>Docker-friendly packaging that slots into your CI/CD and Kubernetes path.</p></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Product teams call one API instead of four vendors</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>You can swap models without rewriting Flutter or web clients</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Latency and cost become measurable SLOs</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fits the Zettai Framework: lock the contract before traffic grows</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Contract</h3><p>Define payloads, SLOs, and which models may be used.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Build</h3><p>Stand up FastAPI or Node routes with auth and logging.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Route</h3><p>Add routing, fallbacks, and rate limits.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Load test</h3><p>Prove p95 under a realistic mix of calls.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Operate</h3><p>Hand over runbooks and cost dashboards.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>APIs</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">FastAPI</span><span class="tech-pill">Node.js</span><span class="tech-pill">Express</span><span class="tech-pill">REST/GraphQL</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Routing</h3><div class="tech-pills"><span class="tech-pill">LiteLLM</span><span class="tech-pill">Azure OpenAI</span><span class="tech-pill">AWS Bedrock</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">Docker</span><span class="tech-pill">CI/CD</span><span class="tech-pill">Evaluation</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-ms">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ms-0" aria-expanded="true" aria-controls="faq-ms-0">Do you host GPUs for us?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ms-0" class="accordion-collapse collapse show" data-bs-parent="#faq-ms">
|
||||||
|
<div class="accordion-body">Often we front managed endpoints (Azure OpenAI, Bedrock, Vertex). Self-hosted vLLM or similar is scoped when you already have GPU capacity and ops ownership.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ms-1" aria-expanded="false" aria-controls="faq-ms-1">Can existing CodeIgniter or Node apps call this?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ms-1" class="accordion-collapse collapse" data-bs-parent="#faq-ms">
|
||||||
|
<div class="accordion-body">Yes. The point of the microservice is a stable HTTP contract those stacks already speak.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Need inference behind a real API?</h2>
|
||||||
|
<p class="mb-0">We’ll sketch the contract, routing, and latency budget before a line of production traffic.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/cloud-integration.html
Normal file
229
services/cloud-integration.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>Cloud, MLOps & QA Engineering | Zettai Systems</title>
|
||||||
|
<meta name="description" content="AWS Bedrock, Azure OpenAI, and GCP Vertex integrations, Docker/Kubernetes delivery, and automated regression testing from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/cloud-integration" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Cloud, MLOps & QA Engineering | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Cloud AI integrations, Docker/Kubernetes delivery, and automated regression testing." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/cloud-integration" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Cloud, MLOps & QA</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track B · Foundational Engineering</div>
|
||||||
|
<h1>Cloud, MLOps & QA Engineering</h1>
|
||||||
|
<p>AWS Bedrock, Azure OpenAI, and GCP Vertex integrations—plus Docker/Kubernetes delivery and automated regression testing.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Cloud that supports how you ship models and apps</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We help teams move workloads to the cloud, wire foundation-model APIs, and design infrastructure that matches how you release. The goal is dependable operations—for both conventional apps and AI inference paths.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Engagements may include migration, Docker/Kubernetes packaging, CI/CD, model-endpoint routing, and automated regression testing around the features you ship.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-cloud"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Migrating applications from on-prem or legacy hosting</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Connecting multiple systems through reliable integrations</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Improving deployment consistency with CI/CD</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Cloud, MLOps & QA Capabilities</h2>
|
||||||
|
<p class="section-lead">Migration, model endpoints, containers, and test automation across major clouds.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cloud-upload"></i></div><h3>Migration planning</h3><p>Assess workloads and plan cutovers with risk and rollback in mind.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cpu"></i></div><h3>Cloud AI endpoints</h3><p>Integrate Azure OpenAI, AWS Bedrock, or Vertex AI behind your own APIs and access rules.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-left-right"></i></div><h3>System integration</h3><p>APIs and connectors between cloud apps, data stores, and partners.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-git"></i></div><h3>CI/CD pipelines</h3><p>Automated build and deploy flows for more predictable releases.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-lock"></i></div><h3>Secure configuration</h3><p>Access patterns and baseline hardening appropriate to your stack.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-box"></i></div><h3>Containers & QA</h3><p>Docker/Kubernetes-friendly packaging plus automated regression around critical paths.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Clearer deployment paths and fewer manual release steps</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Scalable infrastructure aligned to application demand</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Better connectivity between tools and environments</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Documentation that helps your team operate day to day</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Assess</h3><p>Review current systems, dependencies, and goals.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Design</h3><p>Propose target architecture and migration phases.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Implement</h3><p>Stand up environments, pipelines, and integrations.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Migrate</h3><p>Move workloads carefully with validation checkpoints.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Stabilize</h3><p>Monitor, tune, and hand over operating guidance.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Cloud platforms</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">AWS Bedrock</span><span class="tech-pill">Azure</span><span class="tech-pill">Azure OpenAI</span><span class="tech-pill">GCP</span><span class="tech-pill">Vertex AI</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Application layer</h3><div class="tech-pills"><span class="tech-pill">Node.js</span><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">CI/CD</span><span class="tech-pill">Docker-friendly workflows</span><span class="tech-pill">QA Automation</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-cloud">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-cloud-0" aria-expanded="true" aria-controls="faq-cloud-0">Which cloud provider should we use?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-cloud-0" class="accordion-collapse collapse show" data-bs-parent="#faq-cloud">
|
||||||
|
<div class="accordion-body">We work with AWS, Azure, and GCP. Choice depends on your existing footprint, compliance needs, and team familiarity.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-cloud-1" aria-expanded="false" aria-controls="faq-cloud-1">Can you integrate cloud apps with on-prem systems?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-cloud-1" class="accordion-collapse collapse" data-bs-parent="#faq-cloud">
|
||||||
|
<div class="accordion-body">Yes. Hybrid integration is a common part of migration and modernization work.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-cloud-2" aria-expanded="false" aria-controls="faq-cloud-2">Do you manage cloud accounts for us?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-cloud-2" class="accordion-collapse collapse" data-bs-parent="#faq-cloud">
|
||||||
|
<div class="accordion-body">Account ownership typically stays with you. We help design, implement, and document the environments.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-cloud-3" aria-expanded="false" aria-controls="faq-cloud-3">Is FinOps included?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-cloud-3" class="accordion-collapse collapse" data-bs-parent="#faq-cloud">
|
||||||
|
<div class="accordion-body">We aim for sensible resource sizing and can discuss cost visibility practices, but we don’t invent savings guarantees.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Planning a cloud move or integration?</h2>
|
||||||
|
<p class="mb-0">Share your current setup—we’ll outline a practical next step.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/custom-software.html
Normal file
229
services/custom-software.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>Custom Software Development | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Custom software development for unique business processes—scalable systems designed and built by Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/custom-software" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Custom Software Development | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Custom software development for unique business processes—scalable systems designed and built by Zettai Systems." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/custom-software" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Custom Software</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>Custom Software Development</h1>
|
||||||
|
<p>Business-specific software solutions designed for scalability, performance, and long-term ownership.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Software shaped to your operations</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Off-the-shelf tools often stop short of how your teams actually work. We build custom software when your processes, integrations, or product vision need a tailored system—without unnecessary complexity.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Projects range from specialized line-of-business apps to platforms that become the operational backbone of a department or product line.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-code-slash"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Processes that don’t fit standard SaaS packages</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A product idea that needs a solid technical foundation</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Systems that must integrate deeply with existing tools</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Custom Delivery Areas</h2>
|
||||||
|
<p class="section-lead">Architecture, development, and support for software that is uniquely yours.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-diagram-3"></i></div><h3>Domain modeling</h3><p>Data and process models that reflect how your business truly operates.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-boxes"></i></div><h3>Modular systems</h3><p>Applications structured for iterative growth and clearer ownership.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-link-45deg"></i></div><h3>System integration</h3><p>Connectors and APIs that keep custom software part of a larger ecosystem.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Role-based access</h3><p>Permissions and audit-friendly patterns for multi-team use.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-clipboard-data"></i></div><h3>Reporting hooks</h3><p>Exports, dashboards, and operational visibility where needed.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-tools"></i></div><h3>Evolution support</h3><p>Enhancements and refactoring as requirements change.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Features prioritized around business value, not vendor roadmaps</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Architecture decisions documented for future maintainers</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fewer workarounds and less tool sprawl over time</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A partner who stays involved after the first release</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Understand constraints, stakeholders, and success metrics.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Plan</h3><p>Scope phases, risks, and architecture options.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Build</h3><p>Deliver in increments with reviewable progress.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Validate</h3><p>Test with real workflows and edge cases.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Handover & Support</h3><p>Deploy, document, and continue improvement.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Application</h3><div class="tech-pills"><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">Node.js</span><span class="tech-pill">Express</span><span class="tech-pill">JavaScript</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Data</h3><div class="tech-pills"><span class="tech-pill">MySQL</span><span class="tech-pill">PostgreSQL</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span><span class="tech-pill">CI/CD</span><span class="tech-pill">QA Automation</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-custom">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-custom-0" aria-expanded="true" aria-controls="faq-custom-0">When is custom software better than SaaS?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-custom-0" class="accordion-collapse collapse show" data-bs-parent="#faq-custom">
|
||||||
|
<div class="accordion-body">When your workflows, integrations, or competitive differentiation require control that packaged tools cannot provide economically.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-custom-1" aria-expanded="false" aria-controls="faq-custom-1">How do you control scope?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-custom-1" class="accordion-collapse collapse" data-bs-parent="#faq-custom">
|
||||||
|
<div class="accordion-body">Through phased delivery, clear acceptance criteria, and regular checkpoints so priorities stay visible.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-custom-2" aria-expanded="false" aria-controls="faq-custom-2">Will we own the code?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-custom-2" class="accordion-collapse collapse" data-bs-parent="#faq-custom">
|
||||||
|
<div class="accordion-body">Ownership terms are defined in the project agreement. We typically structure engagements so clients can own and operate what we build.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-custom-3" aria-expanded="false" aria-controls="faq-custom-3">Can you modernize legacy systems?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-custom-3" class="accordion-collapse collapse" data-bs-parent="#faq-custom">
|
||||||
|
<div class="accordion-body">Yes. We can plan migrations, rebuilds, or hybrid approaches depending on risk and business continuity needs.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Have a custom software challenge?</h2>
|
||||||
|
<p class="mb-0">Describe the problem space—we’ll help you decide what to build and what not to.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/cybersecurity.html
Normal file
229
services/cybersecurity.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>Cybersecurity | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Application and infrastructure security practices from Zettai Systems—protect systems, APIs, and data thoughtfully." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/cybersecurity" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Cybersecurity | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Application and infrastructure security practices from Zettai Systems—protect systems, APIs, and data thoughtfully." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/cybersecurity" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Cybersecurity</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>Cybersecurity</h1>
|
||||||
|
<p>Security-focused solutions to protect applications, infrastructure, and data throughout delivery and operations.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Security as part of how software is built</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We help teams strengthen application security, access control, and secure delivery practices. Our approach is practical: reduce realistic risk in the systems you run, without claiming certifications or guarantees we cannot substantiate.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Support may include secure design reviews, hardening recommendations, authentication patterns, and remediation guidance for findings from assessments you commission.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-shield-lock"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Applications handling sensitive business or customer data</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Teams preparing for security reviews before a major release</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Platforms that need stronger auth and access patterns</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Security Capabilities</h2>
|
||||||
|
<p class="section-lead">Practical controls across applications, APIs, and delivery.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><h3>Secure design reviews</h3><p>Review architecture and features for common risk areas early.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-key"></i></div><h3>Auth & access</h3><p>Improve authentication, authorization, and session handling patterns.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-bug"></i></div><h3>Remediation support</h3><p>Help fix issues identified in assessments or code reviews.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cloud-lock"></i></div><h3>Cloud hygiene</h3><p>Baseline configuration guidance for cloud-hosted applications.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-file-lock"></i></div><h3>Data handling</h3><p>Guidance on sensitive data flows, storage, and least-privilege access.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-journal-check"></i></div><h3>Secure SDLC habits</h3><p>Embed security checks into development and release practices.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fewer surprises late in delivery cycles</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Clearer ownership of access and sensitive data paths</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Security improvements that developers can maintain</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Better readiness for customer or partner security questionnaires</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Assess context</h3><p>Understand systems, data sensitivity, and threat priorities.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Review</h3><p>Inspect architecture, configs, and critical application flows.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Prioritize</h3><p>Rank findings by impact and effort.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Remediate</h3><p>Implement or guide fixes with engineering teams.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Resolutionsrce</h3><p>Document practices and follow-up checkpoints.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Application security</h3><div class="tech-pills"><span class="tech-pill">Secure coding practices</span><span class="tech-pill">REST API protection</span><span class="tech-pill">Auth patterns</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Platforms</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span><span class="tech-pill">Node.js</span><span class="tech-pill">PHP</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">CI/CD checks</span><span class="tech-pill">Code review</span><span class="tech-pill">QA focus</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-security">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-security-0" aria-expanded="true" aria-controls="faq-security-0">Do you provide penetration testing certifications?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-security-0" class="accordion-collapse collapse show" data-bs-parent="#faq-security">
|
||||||
|
<div class="accordion-body">We do not invent accredited testing claims. We can support remediation and secure development practices, and work alongside specialized testing partners when needed.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-security-1" aria-expanded="false" aria-controls="faq-security-1">Can you harden an existing app?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-security-1" class="accordion-collapse collapse" data-bs-parent="#faq-security">
|
||||||
|
<div class="accordion-body">Yes. We prioritize high-impact fixes and sustainable controls rather than one-off patches only.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-security-2" aria-expanded="false" aria-controls="faq-security-2">Is this compliance consulting (ISO/SOC)?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-security-2" class="accordion-collapse collapse" data-bs-parent="#faq-security">
|
||||||
|
<div class="accordion-body">We can help with technical controls relevant to compliance programs, but we do not claim to certify organizations.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-security-3" aria-expanded="false" aria-controls="faq-security-3">How early should security be involved?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-security-3" class="accordion-collapse collapse" data-bs-parent="#faq-security">
|
||||||
|
<div class="accordion-body">As early as possible—design and architecture stages prevent costly rework later.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Want a more secure delivery posture?</h2>
|
||||||
|
<p class="mb-0">Describe your systems and concerns—we’ll propose practical next steps.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/data-analytics.html
Normal file
229
services/data-analytics.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>Data Analytics | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Data analytics services from Zettai Systems—turn operational data into clear insights and better decisions." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/data-analytics" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Data Analytics | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Data analytics services from Zettai Systems—turn operational data into clear insights and better decisions." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/data-analytics" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Data Analytics</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>Data Analytics</h1>
|
||||||
|
<p>Turn business data into meaningful insights and better decisions with practical analytics foundations.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Insights grounded in reliable data</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Analytics only helps when the underlying data is trustworthy and accessible. We help you structure sources, build reporting layers, and present insights that operators and leaders can act on.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Work may include data pipelines, dashboards, operational reports, and integrations that reduce manual spreadsheet reconciliation.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-bar-chart"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Leaders who need clearer operational visibility</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Teams drowning in disconnected spreadsheets</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Products that need reporting built into the platform</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Analytics Capabilities</h2>
|
||||||
|
<p class="section-lead">From data foundations to decision-ready views.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-database"></i></div><h3>Data foundations</h3><p>Organize sources and schemas so reporting starts from cleaner inputs.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-repeat"></i></div><h3>ETL-style flows</h3><p>Move and transform data between systems on a reliable schedule.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-graph-up"></i></div><h3>Dashboards</h3><p>Visual views tailored to roles—operations, finance, or leadership.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-file-earmark-bar-graph"></i></div><h3>Operational reports</h3><p>Repeatable reports that replace ad-hoc spreadsheet assembly.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-link-45deg"></i></div><h3>Source integration</h3><p>Connect application databases and APIs into a usable analytics layer.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><h3>Access control</h3><p>Share insights with the right people without oversharing sensitive data.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Fewer manual reconciliations across tools</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Faster answers to recurring operational questions</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Reporting that matches how your teams actually decide</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A path to improve data quality over time</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Identify decisions, metrics, and current data pain points.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Map</h3><p>Catalog sources, quality issues, and ownership.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Build</h3><p>Implement pipelines, models, and reporting views.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Validate</h3><p>Check numbers with stakeholders against known truth.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Enable</h3><p>Train users and refine dashboards after adoption.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Data stores</h3><div class="tech-pills"><span class="tech-pill">MySQL</span><span class="tech-pill">PostgreSQL</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Application & APIs</h3><div class="tech-pills"><span class="tech-pill">Node.js</span><span class="tech-pill">PHP</span><span class="tech-pill">REST APIs</span><span class="tech-pill">API Integration</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Cloud</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-data">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-data-0" aria-expanded="true" aria-controls="faq-data-0">Do you build AI/ML models?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-data-0" class="accordion-collapse collapse show" data-bs-parent="#faq-data">
|
||||||
|
<div class="accordion-body">Our focus here is practical analytics—pipelines, reporting, and decision support. Advanced ML can be discussed separately if requirements are clear.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-data-1" aria-expanded="false" aria-controls="faq-data-1">Can you work with our existing databases?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-data-1" class="accordion-collapse collapse" data-bs-parent="#faq-data">
|
||||||
|
<div class="accordion-body">Yes. We commonly start from MySQL/PostgreSQL and application APIs already in place.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-data-2" aria-expanded="false" aria-controls="faq-data-2">Will this replace our BI tool?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-data-2" class="accordion-collapse collapse" data-bs-parent="#faq-data">
|
||||||
|
<div class="accordion-body">Sometimes we complement tools you already use; sometimes we build tailored reporting into your product. Discovery decides.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-data-3" aria-expanded="false" aria-controls="faq-data-3">How do you ensure accuracy?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-data-3" class="accordion-collapse collapse" data-bs-parent="#faq-data">
|
||||||
|
<div class="accordion-body">We validate metrics with business owners and document definitions so “revenue” or “active users” means one thing.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Need clearer visibility into your data?</h2>
|
||||||
|
<p class="mb-0">Tell us what decisions you’re trying to improve—we’ll propose a grounded analytics approach.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/ecommerce.html
Normal file
229
services/ecommerce.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>E-Commerce Solutions | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Scalable e-commerce platforms and digital commerce solutions from Zettai Systems—storefronts, checkout, and integrations." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/ecommerce" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="E-Commerce Solutions | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Scalable e-commerce platforms and digital commerce solutions from Zettai Systems—storefronts, checkout, and integrations." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/ecommerce" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">E-Commerce</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>E-Commerce Solutions</h1>
|
||||||
|
<p>Scalable e-commerce platforms and digital commerce solutions built for performance, operations, and growth.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Commerce systems that operations can run</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We build and integrate e-commerce experiences that go beyond a pretty storefront—catalog structure, checkout flows, order handling, and connections to inventory, payments, and fulfillment tools.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Whether you need a custom commerce platform or commerce features woven into a broader digital product, we focus on reliability and maintainability.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-cart3"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Brands needing a custom storefront or commerce workflow</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Teams integrating online orders with inventory and ERP</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Businesses growing beyond basic website shopping carts</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Commerce Capabilities</h2>
|
||||||
|
<p class="section-lead">Storefront to fulfillment—engineered as one system.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shop-window"></i></div><h3>Storefronts</h3><p>Product browsing experiences designed for clarity and conversion-friendly flows.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-bag-check"></i></div><h3>Checkout & orders</h3><p>Order capture, status tracking, and admin tools for operations teams.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-credit-card"></i></div><h3>Payments integration</h3><p>Connect payment providers appropriate to your market and model.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-box"></i></div><h3>Inventory sync</h3><p>Keep stock and catalog data aligned across channels where needed.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-phone"></i></div><h3>Mobile-ready commerce</h3><p>Responsive storefronts and optional Flutter companion experiences.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-building"></i></div><h3>ERP connection</h3><p>Integrate commerce with ERP or other back-office systems.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Commerce workflows your team can operate daily</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Integrations that reduce duplicate order entry</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Performance-minded storefront delivery</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Room to grow catalog size and order volume thoughtfully</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Define catalog, channels, and operational constraints.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Design</h3><p>Map customer journeys and admin workflows.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Build</h3><p>Implement storefront, APIs, and integrations.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Test</h3><p>Validate checkout, payments, and edge cases.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Launch & Optimize</h3><p>Go live with monitoring and iterative improvements.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Storefront & apps</h3><div class="tech-pills"><span class="tech-pill">HTML</span><span class="tech-pill">CSS</span><span class="tech-pill">JavaScript</span><span class="tech-pill">Flutter</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Backend</h3><div class="tech-pills"><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">Node.js</span><span class="tech-pill">Express</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Ops & ERP</h3><div class="tech-pills"><span class="tech-pill">ERP</span><span class="tech-pill">MySQL</span><span class="tech-pill">PostgreSQL</span><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-ecom">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ecom-0" aria-expanded="true" aria-controls="faq-ecom-0">Do you work with Shopify or Magento specifically?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ecom-0" class="accordion-collapse collapse show" data-bs-parent="#faq-ecom">
|
||||||
|
<div class="accordion-body">We focus on custom and integrated commerce solutions using our core stacks. If you already run a packaged platform, we can discuss integration and custom extensions.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ecom-1" aria-expanded="false" aria-controls="faq-ecom-1">Can you connect to ERP for orders and inventory?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ecom-1" class="accordion-collapse collapse" data-bs-parent="#faq-ecom">
|
||||||
|
<div class="accordion-body">Yes. ERP integration is a common pattern for businesses that want commerce tied to ERP.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ecom-2" aria-expanded="false" aria-controls="faq-ecom-2">Do you handle payment gateway setup?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ecom-2" class="accordion-collapse collapse" data-bs-parent="#faq-ecom">
|
||||||
|
<div class="accordion-body">We integrate payment providers and support technical setup. Merchant accounts and compliance ownership remain with you.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ecom-3" aria-expanded="false" aria-controls="faq-ecom-3">What about multi-vendor marketplaces?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ecom-3" class="accordion-collapse collapse" data-bs-parent="#faq-ecom">
|
||||||
|
<div class="accordion-body">Possible depending on scope. We clarify complexity early because marketplace models add significant workflow and trust requirements.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Building or upgrading commerce?</h2>
|
||||||
|
<p class="mb-0">Tell us about your catalog and operations—we’ll recommend a practical path.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
219
services/enterprise-rag.html
Normal file
219
services/enterprise-rag.html
Normal file
@ -0,0 +1,219 @@
|
|||||||
|
<!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>Domain RAG & Enterprise Search | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Hybrid semantic and lexical search over proprietary documentation, PDFs, and relational stores—with citations and access control." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/enterprise-rag" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Domain RAG & Enterprise Search | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Hybrid semantic and lexical search over documents, PDFs, and relational stores." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/enterprise-rag" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Domain RAG & Enterprise Search</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track A · AI Products</div>
|
||||||
|
<h1>Domain RAG & Enterprise Search</h1>
|
||||||
|
<p>Hybrid semantic and lexical vector search over proprietary documentation, PDFs, and relational stores.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Answers that can be traced to a source</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Enterprise RAG is not a generic chatbot over a public model. We index the corpora you designate—policies, product docs, tickets, structured records—then retrieve before generate so responses stay attached to evidence.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Access rules travel with retrieval. Users should not see chunks they could not open in the source system. When the corpus has no answer, the product should say so rather than invent one.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-database"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Internal Q&A over policies, SOPs, or product knowledge</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Cited answers for support, sales, or operations teams</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A retrieval layer that later feeds agentic tools</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What we implement</h2>
|
||||||
|
<p class="section-lead">Grounding first. Generation second.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-folder2-open"></i></div><h3>Ingestion pipelines</h3><p>Chunk and refresh PDFs, wikis, tickets, and database extracts on a schedule you control.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-search"></i></div><h3>Hybrid retrieval</h3><p>Keyword plus vector search, with filters for tenant, role, and document class.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-quote"></i></div><h3>Citations</h3><p>Show sources next to answers so reviewers can open the original passage.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lock"></i></div><h3>Access-aware indexes</h3><p>Respect existing permissions rather than flattening everything into one search space.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-clipboard-data"></i></div><h3>Evaluation</h3><p>Measure groundedness and refusal quality on a held-out question set before go-live.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-window-sidebar"></i></div><h3>Product surfaces</h3><p>Embed retrieval in portals and apps your teams already use—not only a standalone chat page.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes for knowledge that already lives in your estate.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Less hallucination pressure because retrieval is required</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Easier review for legal, QA, and operations stakeholders</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A corpus you can expand without redesigning the product</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Cleaner handoff into agentic workflows later</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Corpus map</h3><p>Decide what is in-scope and who may see it.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Index</h3><p>Ingest, chunk, and apply metadata filters.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Ground</h3><p>Tune retrieval and citation UX on real questions.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Evaluate</h3><p>Score groundedness, refusals, and latency.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Operate</h3><p>Refresh pipelines and monitor drift.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>Retrieval</h3><div class="tech-pills"><span class="tech-pill">pgvector</span><span class="tech-pill">Pinecone</span><span class="tech-pill">Qdrant</span><span class="tech-pill">ChromaDB</span><span class="tech-pill">Redis</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Models & cloud</h3><div class="tech-pills"><span class="tech-pill">LlamaIndex</span><span class="tech-pill">LangChain</span><span class="tech-pill">Azure OpenAI</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">REST APIs</span><span class="tech-pill">Evaluation</span><span class="tech-pill">Access filters</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-rag">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-rag-0" aria-expanded="true" aria-controls="faq-rag-0">Will this stop all hallucinations?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-rag-0" class="accordion-collapse collapse show" data-bs-parent="#faq-rag">
|
||||||
|
<div class="accordion-body">No system can guarantee that. RAG reduces unsupported answers by requiring retrieval and citations, plus evals and refusals when sources are weak.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-rag-1" aria-expanded="false" aria-controls="faq-rag-1">Do documents leave our network?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-rag-1" class="accordion-collapse collapse" data-bs-parent="#faq-rag">
|
||||||
|
<div class="accordion-body">Architecture is scoped with you—private indexes, chosen model endpoints, and data-handling rules before any corpus is ingested.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-rag-2" aria-expanded="false" aria-controls="faq-rag-2">Can we start with one team’s knowledge base?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-rag-2" class="accordion-collapse collapse" data-bs-parent="#faq-rag">
|
||||||
|
<div class="accordion-body">Yes. We prefer a bounded corpus and a question set you already ask, then expand once quality holds.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Need answers tied to your documents?</h2>
|
||||||
|
<p class="mb-0">Bring a corpus and a sample question list—we’ll outline a retrieval approach you can govern.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/erp.html
Normal file
229
services/erp.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>ERP Solutions | Zettai Systems</title>
|
||||||
|
<meta name="description" content="ERP implementation, customization, integration, and business automation services from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/erp" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="ERP Solutions | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="ERP implementation, customization, integration, and business automation services from Zettai Systems." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/erp" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">ERP</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>ERP Solutions</h1>
|
||||||
|
<p>ERP implementation, customization, integration, and business automation tailored to how your company operates.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">ERP that fits your workflows</h2>
|
||||||
|
<p class="text-muted-zs mb-3">An ERP can unify sales, inventory, accounting, HR, and operations—when it is configured and customized with care. We help you implement ERP modules that match real processes, integrate surrounding tools, and automate repetitive work.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Engagements may include discovery, module selection, customization, data migration, training support, and ongoing improvements.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-building"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Growing companies ready to consolidate fragmented tools</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Teams needing custom workflows beyond default ERP setup</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Operations that require integrations with existing systems</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">ERP Capabilities</h2>
|
||||||
|
<p class="section-lead">Implementation through automation—centered on adoption.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-box-seam"></i></div><h3>Module implementation</h3><p>Configure CRM, inventory, sales, accounting, and other modules you need.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-code-slash"></i></div><h3>Customization</h3><p>Extend the ERP with custom fields, views, and business logic where required.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-left-right"></i></div><h3>Integrations</h3><p>Connect the ERP to websites, payment tools, or other business systems.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-database"></i></div><h3>Data migration</h3><p>Plan and execute migrations from spreadsheets or legacy tools.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lightning"></i></div><h3>Automation</h3><p>Reduce manual steps with automated actions and approval flows.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Enablement</h3><p>Support training and handover so teams can operate confidently.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>One operational hub instead of disconnected tools</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Processes reflected in the system—not workarounds forever</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Automation that frees teams for higher-value work</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A partner who understands both ERP and custom software</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Map processes and define module scope.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Configure</h3><p>Set up the ERP to match agreed workflows.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Customize</h3><p>Build extensions only where configuration is not enough.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Migrate & Test</h3><p>Move data carefully and validate end-to-end flows.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Go-live & Support</h3><p>Launch with support and continuous improvement.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>ERP</h3><div class="tech-pills"><span class="tech-pill">ERP</span><span class="tech-pill">Business Automation</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Integration</h3><div class="tech-pills"><span class="tech-pill">REST APIs</span><span class="tech-pill">PHP</span><span class="tech-pill">Node.js</span><span class="tech-pill">PostgreSQL</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Cloud</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-erp">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-erp-0" aria-expanded="true" aria-controls="faq-erp-0">Which ERP edition or licensing model?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-erp-0" class="accordion-collapse collapse show" data-bs-parent="#faq-erp">
|
||||||
|
<div class="accordion-body">We help you choose based on modules, budget, and support needs. Licensing decisions remain yours.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-erp-1" aria-expanded="false" aria-controls="faq-erp-1">Can you customize beyond standard modules?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-erp-1" class="accordion-collapse collapse" data-bs-parent="#faq-erp">
|
||||||
|
<div class="accordion-body">Yes. We customize when configuration cannot meet a validated business requirement.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-erp-2" aria-expanded="false" aria-controls="faq-erp-2">Do you migrate from other ERPs?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-erp-2" class="accordion-collapse collapse" data-bs-parent="#faq-erp">
|
||||||
|
<div class="accordion-body">We can plan migrations from other systems or spreadsheets; complexity depends on data quality and scope.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-erp-3" aria-expanded="false" aria-controls="faq-erp-3">What about training?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-erp-3" class="accordion-collapse collapse" data-bs-parent="#faq-erp">
|
||||||
|
<div class="accordion-body">We include enablement support as part of delivery planning so adoption is not left to chance.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Considering an ERP for your operations?</h2>
|
||||||
|
<p class="mb-0">Share your current tools and pain points—we’ll outline a sensible implementation path.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
196
services/intelligent-process-automation.html
Normal file
196
services/intelligent-process-automation.html
Normal file
@ -0,0 +1,196 @@
|
|||||||
|
<!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>Intelligent Process Automation | Zettai Systems</title>
|
||||||
|
<meta name="description" content="AI-assisted ERP workflows, automated document intelligence, and smart approval triage from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/intelligent-process-automation" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Intelligent Process Automation | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="AI-assisted ERP workflows, document intelligence, and smart approval triage." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/intelligent-process-automation" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Intelligent Process Automation</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track A · AI Products</div>
|
||||||
|
<h1>Intelligent Process Automation (IPA)</h1>
|
||||||
|
<p>AI-assisted ERP workflows, automated document intelligence, and smart approval triage—with humans still owning the high-impact step.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Automation that sits on processes you already run</h2>
|
||||||
|
<p class="text-muted-zs mb-3">IPA here means extracting, classifying, and routing work that today sits in email, PDFs, and ERP queues—not a generic RPA bot farm. We connect document intelligence and agent tools to the same scope lock as the rest of the Zettai Framework.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Typical paths: invoice or claims packets into ERP, exception queues with suggested next actions, and approval triage that surfaces risk instead of auto-posting.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-gear-wide-connected"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>ERP steps that stall on unstructured documents</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Approval backlogs that need ranking, not rubber stamps</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A human gate before anything posts to finance or inventory</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What we implement</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><div class="icon-badge"><i class="bi bi-file-earmark-text"></i></div><h3>Document intelligence</h3><p>Classify and extract fields from PDFs and scans into structured payloads.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><article class="card-zs"><div class="icon-badge"><i class="bi bi-building"></i></div><h3>ERP-assisted workflows</h3><p>Draft ERP updates from extracted data; post only after review when the risk is high.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><article class="card-zs"><div class="icon-badge"><i class="bi bi-funnel"></i></div><h3>Smart approval triage</h3><p>Rank queues by exception, amount, or policy so people spend time where it matters.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><article class="card-zs"><div class="icon-badge"><i class="bi bi-robot"></i></div><h3>Agent handoffs</h3><p>Use agentic tools for lookup and draft; keep writes behind the same human gates.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><article class="card-zs"><div class="icon-badge"><i class="bi bi-journal-check"></i></div><h3>Audit trail</h3><p>Show what was extracted, suggested, and approved—so finance and QA can reconstruct a case.</p></article></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><article class="card-zs"><div class="icon-badge"><i class="bi bi-plug"></i></div><h3>System connectors</h3><p>REST into ERP, document stores, and your existing web or mobile work queues.</p></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Less re-keying from PDFs into ERP screens</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Approvers see exceptions first, not every routine item</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Automation does not silently post high-risk transactions</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Reuses RAG and agent layers instead of a parallel bot stack</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Map the queue</h3><p>Pick one process with volume and a clear exception path.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Extract</h3><p>Stand up document intelligence on a bounded sample.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Draft</h3><p>Write suggested ERP actions, never silent posts first.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Triage</h3><p>Score and route approvals with a human gate.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Expand</h3><p>Add the next document type once quality holds.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>AI layer</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">LangChain</span><span class="tech-pill">Azure OpenAI</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Systems</h3><div class="tech-pills"><span class="tech-pill">ERP</span><span class="tech-pill">REST APIs</span><span class="tech-pill">PostgreSQL</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">Human gates</span><span class="tech-pill">Audit logs</span><span class="tech-pill">QA Automation</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-ipa">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ipa-0" aria-expanded="true" aria-controls="faq-ipa-0">Is this RPA screen-scraping?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ipa-0" class="accordion-collapse collapse show" data-bs-parent="#faq-ipa">
|
||||||
|
<div class="accordion-body">We prefer APIs and document pipelines. UI automation is only used when a system has no integration path and the risk is understood.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-ipa-1" aria-expanded="false" aria-controls="faq-ipa-1">Will IPA post into live ERP automatically?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-ipa-1" class="accordion-collapse collapse" data-bs-parent="#faq-ipa">
|
||||||
|
<div class="accordion-body">Not as a default. High-impact posts stay behind human approval until the document class and exception rate are proven.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Have a queue that should not stay in email?</h2>
|
||||||
|
<p class="mb-0">Bring one process and a sample packet—we’ll outline extract, draft, and approval gates.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/it-consulting.html
Normal file
229
services/it-consulting.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>IT Consulting | Zettai Systems</title>
|
||||||
|
<meta name="description" content="IT consulting, architecture planning, and digital transformation guidance from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/it-consulting" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="IT Consulting | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="IT consulting, architecture planning, and digital transformation guidance from Zettai Systems." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/it-consulting" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">IT Consulting</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Service</div>
|
||||||
|
<h1>IT Consulting</h1>
|
||||||
|
<p>Technology consulting, architecture planning, and digital transformation guidance grounded in delivery reality.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Advice that connects to execution</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We help leadership and technical teams make clearer technology decisions—stack choices, architecture trade-offs, roadmap sequencing, and modernization priorities. Recommendations are shaped by what can actually be built and operated.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Consulting often leads into implementation with our engineering team, but it can also stand alone as architecture and planning support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-diagram-3"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A roadmap that needs prioritization and technical realism</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Legacy systems that require a modernization strategy</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Stakeholders who need an independent architecture review</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Consulting Focus Areas</h2>
|
||||||
|
<p class="section-lead">Strategy and architecture with a bias toward deliverable outcomes.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-compass"></i></div><h3>Technology roadmaps</h3><p>Sequence initiatives so value arrives early without uncontrolled risk.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-building"></i></div><h3>Architecture reviews</h3><p>Assess current systems for scalability, security, and maintainability gaps.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shuffle"></i></div><h3>Modernization planning</h3><p>Plan rewrites, migrations, or incremental refactors with clear phases.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Vendor & stack guidance</h3><p>Compare options against your team’s skills and ownership goals.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-clipboard-check"></i></div><h3>Delivery models</h3><p>Define how discovery, sprints, and acceptance should work.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield"></i></div><h3>Risk assessment</h3><p>Surface technical and operational risks before major investment.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Decisions documented with clear trade-offs</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Less wasted spend on poorly sequenced initiatives</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Alignment between business goals and technical plans</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A smoother path into implementation when you’re ready</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Listen</h3><p>Understand goals, constraints, and current state.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Analyze</h3><p>Review systems, processes, and delivery capacity.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Recommend</h3><p>Present options with trade-offs and priorities.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Plan</h3><p>Define phases, owners, and success criteria.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Support</h3><p>Optionally guide or execute the first delivery phase.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Architecture context</h3><div class="tech-pills"><span class="tech-pill">REST APIs</span><span class="tech-pill">Cloud (AWS / Azure / GCP)</span><span class="tech-pill">ERP</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Application stacks</h3><div class="tech-pills"><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">Node.js</span><span class="tech-pill">Flutter</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">Agile Sprints</span><span class="tech-pill">Architecture Review</span><span class="tech-pill">CI/CD</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-consulting">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-consulting-0" aria-expanded="true" aria-controls="faq-consulting-0">Is consulting only advisory?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-consulting-0" class="accordion-collapse collapse show" data-bs-parent="#faq-consulting">
|
||||||
|
<div class="accordion-body">It can be advisory-only, or it can transition into hands-on delivery with our team.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-consulting-1" aria-expanded="false" aria-controls="faq-consulting-1">How long do engagements take?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-consulting-1" class="accordion-collapse collapse" data-bs-parent="#faq-consulting">
|
||||||
|
<div class="accordion-body">Short assessments may take days to a few weeks. Larger transformation planning is phased and scoped up front.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-consulting-2" aria-expanded="false" aria-controls="faq-consulting-2">Do you work with our internal IT team?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-consulting-2" class="accordion-collapse collapse" data-bs-parent="#faq-consulting">
|
||||||
|
<div class="accordion-body">Yes. We prefer collaborative models that leave your team stronger, not dependent.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-consulting-3" aria-expanded="false" aria-controls="faq-consulting-3">Will you push a specific product?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-consulting-3" class="accordion-collapse collapse" data-bs-parent="#faq-consulting">
|
||||||
|
<div class="accordion-body">We recommend tools that fit the problem. ERP platforms and our core stacks appear when they are genuinely relevant.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Need a clearer technology plan?</h2>
|
||||||
|
<p class="mb-0">Book a conversation—we’ll help you frame the right questions and next steps.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/mobile-development.html
Normal file
229
services/mobile-development.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>High-Performance Mobile (Flutter) | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Cross-platform native-quality iOS and Android apps on Flutter, connected to AI services with offline caching." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/mobile-development" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="High-Performance Mobile (Flutter) | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Cross-platform native-quality iOS and Android apps connected to AI services with offline caching." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/mobile-development" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">High-Performance Mobile</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track B · Foundational Engineering</div>
|
||||||
|
<h1>High-Performance Mobile (Flutter)</h1>
|
||||||
|
<p>Cross-platform native-quality iOS and Android apps connected to AI services, with offline caching where the work happens in the field.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Mobile products that stay maintainable</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We build Flutter apps with native-quality UI from a single codebase, wired to REST or AI microservices. Offline caching keeps field and on-the-go workflows usable when connectivity drops. The focus is on performance, consistent UX, and apps your team can support after launch.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Whether you need a customer-facing product or an internal field app, we start with journeys and edge cases before writing screens.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-phone"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A cross-platform app without maintaining two separate native codebases</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Field or on-the-go workflows for staff and partners</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A mobile companion to an existing web platform</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">Mobile Capabilities</h2>
|
||||||
|
<p class="section-lead">From UX flows to store-ready releases and API integration.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-phone"></i></div><h3>Flutter apps</h3><p>Cross-platform Android and iOS applications with a shared codebase.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-ui-checks"></i></div><h3>UX & navigation</h3><p>Clear information architecture and interaction patterns users can trust.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-cloud-arrow-up"></i></div><h3>API integration</h3><p>Secure connections to backends, auth, and third-party services.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-bell"></i></div><h3>Push & notifications</h3><p>Engagement and operational alerts where they add real value.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-wifi-off"></i></div><h3>Offline-aware design</h3><p>Thoughtful handling of connectivity gaps for field scenarios.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shop"></i></div><h3>Release support</h3><p>Build pipelines and guidance for store submission workflows.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Faster shared delivery across Android and iOS with Flutter</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Consistent branding and UX across devices</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Backend alignment so mobile is not an isolated silo</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Post-launch iteration support for features and stability</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Define audiences, journeys, and platform constraints.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Prototype</h3><p>Validate key screens and flows early.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Develop</h3><p>Build Flutter UI and integrate APIs.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Test</h3><p>Device testing, QA, and release candidate checks.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Launch & Iterate</h3><p>Store release support and ongoing improvements.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Mobile</h3><div class="tech-pills"><span class="tech-pill">Flutter</span><span class="tech-pill">Dart</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Backend</h3><div class="tech-pills"><span class="tech-pill">Node.js</span><span class="tech-pill">Express</span><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Cloud</h3><div class="tech-pills"><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span><span class="tech-pill">CI/CD</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-mobile">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-mobile-0" aria-expanded="true" aria-controls="faq-mobile-0">Do you build native Swift or Kotlin apps?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-mobile-0" class="accordion-collapse collapse show" data-bs-parent="#faq-mobile">
|
||||||
|
<div class="accordion-body">Our primary mobile delivery stack is Flutter for cross-platform efficiency. If a project requires a different approach, we discuss trade-offs during discovery.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-mobile-1" aria-expanded="false" aria-controls="faq-mobile-1">Can the app work with our existing backend?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-mobile-1" class="accordion-collapse collapse" data-bs-parent="#faq-mobile">
|
||||||
|
<div class="accordion-body">Yes. We integrate with existing REST APIs or help design the API layer when needed.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-mobile-2" aria-expanded="false" aria-controls="faq-mobile-2">Do you handle App Store and Play Store submission?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-mobile-2" class="accordion-collapse collapse" data-bs-parent="#faq-mobile">
|
||||||
|
<div class="accordion-body">We support the release process and packaging. Account ownership and store policies remain with you.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-mobile-3" aria-expanded="false" aria-controls="faq-mobile-3">How do updates work after launch?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-mobile-3" class="accordion-collapse collapse" data-bs-parent="#faq-mobile">
|
||||||
|
<div class="accordion-body">We can plan iterative releases for features, fixes, and OS compatibility as part of ongoing support.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Ready to plan a mobile app?</h2>
|
||||||
|
<p class="mb-0">Share your product goals and we’ll recommend a sensible Flutter delivery path.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
229
services/web-development.html
Normal file
229
services/web-development.html
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
<!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>Modern Full-Stack Web Platforms | Zettai Systems</title>
|
||||||
|
<meta name="description" content="High-throughput web applications, enterprise dashboards, and customer self-service portals from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/services/web-development" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Modern Full-Stack Web Platforms | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="High-throughput web applications, enterprise dashboards, and customer self-service portals." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/services/web-development" />
|
||||||
|
<meta property="og:image" content="../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="service">
|
||||||
|
<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><a href="../services">Services</a></li>
|
||||||
|
<li class="sep" aria-hidden="true">›</li>
|
||||||
|
<li aria-current="page">Full-Stack Web Platforms</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Track B · Foundational Engineering</div>
|
||||||
|
<h1>Modern Full-Stack Web Platforms</h1>
|
||||||
|
<p>High-throughput web applications, enterprise dashboards, and customer self-service portals—built around your workflows.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-start">
|
||||||
|
<div class="col-lg-7" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Overview</div>
|
||||||
|
<h2 class="section-title">Web platforms that match how you work</h2>
|
||||||
|
<p class="text-muted-zs mb-3">We design and build web applications that support real operations—from internal tools and customer portals to multi-module business platforms. Architecture, UX, and data models are shaped by your processes, not generic templates.</p>
|
||||||
|
<p class="text-muted-zs mb-0">Engagements typically include discovery, UI design collaboration, API-backed development, testing, deployment, and post-launch support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-window-sidebar"></i></div>
|
||||||
|
<h3>Good fit when you need</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A customer or partner portal that needs reliable access control</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Internal tools to replace spreadsheets and fragmented apps</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A product-style web platform with clear growth plans</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Capabilities</div>
|
||||||
|
<h2 class="section-title">What We Build</h2>
|
||||||
|
<p class="section-lead">From portals to complex business applications—engineered for clarity and scale.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-layout-text-window"></i></div><h3>Business portals</h3><p>Secure portals for customers, partners, or staff with role-based access.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-gear"></i></div><h3>Workflow applications</h3><p>Applications that mirror approvals, tickets, and operational pipelines.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-plugin"></i></div><h3>API-first backends</h3><p>REST APIs and integrations that keep your web layer connected to other systems.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-phone"></i></div><h3>Responsive experiences</h3><p>Interfaces that stay usable across desktop and mobile browsers.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-speedometer2"></i></div><h3>Performance focus</h3><p>Thoughtful loading, caching strategies, and efficient data access patterns.</p></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-check"></i></div><h3>Security practices</h3><p>Authentication, authorization, and secure coding habits across the stack.</p></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-lg-5" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Benefits</div>
|
||||||
|
<h2 class="section-title">Why teams choose this path</h2>
|
||||||
|
<p class="text-muted-zs">Practical outcomes—not buzzwords.</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Software aligned to your processes instead of forcing workarounds</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Cleaner handoffs between frontend, APIs, and data layers</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>A foundation you can extend as features and teams grow</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Transparent delivery with visible sprint progress</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Process</div>
|
||||||
|
<h2 class="section-title">How We Deliver</h2>
|
||||||
|
<p class="section-lead">A structured path from discovery to support.</p>
|
||||||
|
</div>
|
||||||
|
<div class="process-track">
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="0"><div class="process-num">01</div><h3>Discover</h3><p>Map users, workflows, and success criteria.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Architect</h3><p>Define modules, data model, and integration points.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Design & Build</h3><p>Iterate UI and backend features in clear releases.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Test & Harden</h3><p>Validate flows, edge cases, and access controls.</p></div>
|
||||||
|
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Deploy & Support</h3><p>Launch, monitor, and improve after go-live.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Technologies</div>
|
||||||
|
<h2 class="section-title">Tools We Work With</h2>
|
||||||
|
<p class="section-lead">Stacks we use where they fit the problem—selected for maintainability and delivery clarity.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="0"><div class="tech-group"><h3>Frontend</h3><div class="tech-pills"><span class="tech-pill">HTML</span><span class="tech-pill">CSS</span><span class="tech-pill">JavaScript</span><span class="tech-pill">React</span><span class="tech-pill">Angular</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Backend</h3><div class="tech-pills"><span class="tech-pill">PHP</span><span class="tech-pill">CodeIgniter 4</span><span class="tech-pill">Node.js</span><span class="tech-pill">Express</span><span class="tech-pill">REST APIs</span></div></div></div>
|
||||||
|
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Data & Cloud</h3><div class="tech-pills"><span class="tech-pill">MySQL</span><span class="tech-pill">PostgreSQL</span><span class="tech-pill">AWS</span><span class="tech-pill">Azure</span><span class="tech-pill">GCP</span></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">FAQ</div>
|
||||||
|
<h2 class="section-title">Common Questions</h2>
|
||||||
|
</div>
|
||||||
|
<div class="accordion accordion-zs" id="faq-web">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-web-0" aria-expanded="true" aria-controls="faq-web-0">Do you rebuild existing web apps or only build new ones?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-web-0" class="accordion-collapse collapse show" data-bs-parent="#faq-web">
|
||||||
|
<div class="accordion-body">Both. We can modernize an existing application or design a new platform from discovery through launch.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-web-1" aria-expanded="false" aria-controls="faq-web-1">Which stacks do you recommend?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-web-1" class="accordion-collapse collapse" data-bs-parent="#faq-web">
|
||||||
|
<div class="accordion-body">We typically recommend stacks we actively deliver with—such as PHP/CodeIgniter 4 or Node.js backends with modern HTML/CSS/JavaScript frontends—based on your team’s ownership needs.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-web-2" aria-expanded="false" aria-controls="faq-web-2">Can you integrate with our existing systems?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-web-2" class="accordion-collapse collapse" data-bs-parent="#faq-web">
|
||||||
|
<div class="accordion-body">Yes. We plan API integrations and data exchanges as part of architecture, not as an afterthought.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h3 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-web-3" aria-expanded="false" aria-controls="faq-web-3">How do you handle hosting?</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faq-web-3" class="accordion-collapse collapse" data-bs-parent="#faq-web">
|
||||||
|
<div class="accordion-body">We can deploy to AWS, Azure, GCP, or environments you already operate, depending on your preferences and constraints.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Planning a web platform?</h2>
|
||||||
|
<p class="mb-0">Tell us about your users and workflows—we’ll outline a practical build approach.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="../contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
25
sitemap.xml
Normal file
25
sitemap.xml
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||||
|
<url><loc>https://zettaisystems.com/</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/about</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/solutions</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/industries</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/careers</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/contact</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/privacy-policy</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/terms</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/web-development</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/agentic-ai</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/enterprise-rag</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/ai-microservices</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/intelligent-process-automation</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/mobile-development</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/custom-software</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/cloud-integration</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/data-analytics</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/it-consulting</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/cybersecurity</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/erp</loc></url>
|
||||||
|
<url><loc>https://zettaisystems.com/services/ecommerce</loc></url>
|
||||||
|
</urlset>
|
||||||
223
solutions.html
Normal file
223
solutions.html
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
<!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>Solutions | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Digital transformation, business automation, enterprise solutions, and e-commerce platforms from Zettai Systems." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/solutions" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Solutions | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Digital transformation, business automation, enterprise solutions, and e-commerce platforms from Zettai Systems." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/solutions" />
|
||||||
|
<meta property="og:image" content="/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" />
|
||||||
|
<link rel="stylesheet" href="/css/animations.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="solutions">
|
||||||
|
<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">Solutions</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Solutions</div>
|
||||||
|
<h1>Business Outcomes, Engineered End to End</h1>
|
||||||
|
<p>We combine strategy, software, and integration to modernize how your teams work—without unnecessary complexity.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section" id="digital-transformation">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-lg-6" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Digital Transformation</div>
|
||||||
|
<h2 class="section-title">Modernize Processes With Purpose</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Digital transformation is not a rebrand of old tools. We help you identify where technology removes friction—across customer journeys, internal workflows, and data flows—then deliver platforms that teams actually use.</p>
|
||||||
|
<p class="text-muted-zs mb-4">Engagements typically include discovery workshops, architecture planning, phased delivery, and change-friendly rollout support.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Discuss Transformation <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><div class="icon-badge"><i class="bi bi-map"></i></div><h3>Roadmaps</h3><p>Prioritized initiatives tied to measurable business goals.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><div class="icon-badge"><i class="bi bi-layers"></i></div><h3>Platforms</h3><p>Web, mobile, and cloud systems that replace fragmented tooling.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Adoption</h3><p>Design and delivery that respect how people work day to day.</p></article></div>
|
||||||
|
<div class="col-sm-6"><article class="card-zs"><div class="icon-badge"><i class="bi bi-arrow-repeat"></i></div><h3>Iteration</h3><p>Phased releases so value arrives early and risk stays managed.</p></article></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft" id="business-automation">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-lg-6 order-lg-2" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Business Automation</div>
|
||||||
|
<h2 class="section-title">Reduce Manual Work Across Operations</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Repetitive handoffs, spreadsheet sprawl, and disconnected tools slow teams down. We design automation that connects systems, enforces rules, and keeps humans focused on judgment work.</p>
|
||||||
|
<p class="text-muted-zs mb-4">Approaches range from workflow automation and API integrations to ERP-driven process redesign with ERP.</p>
|
||||||
|
<div class="d-flex flex-wrap gap-2">
|
||||||
|
<a class="btn-zs btn-zs-primary" href="services/erp">Explore ERP <span class="arrow">→</span></a>
|
||||||
|
<a class="btn-zs btn-zs-outline" href="contact">Talk Automation <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 order-lg-1" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<ul class="benefit-list">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Automate approvals, notifications, and status updates across teams.</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Integrate CRM, ERP, finance, and operational tools into one flow.</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Reduce error-prone manual data entry with validated processes.</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Create visibility with dashboards that reflect live operational state.</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section" id="enterprise">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="section-header centered" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">Enterprise Solutions</div>
|
||||||
|
<h2 class="section-title">Secure, Scalable Systems for Growing Organizations</h2>
|
||||||
|
<p class="section-lead">Enterprise delivery means architecture discipline, access control, integration standards, and support models that match operational reality.</p>
|
||||||
|
</div>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-4" data-aos="fade-up">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-building"></i></div><h3>ERP & Core Systems</h3><p>ERP implementation and custom enterprise applications for finance, inventory, HR, and operations.</p><a class="link-arrow" href="services/erp">Learn more <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-hdd-network"></i></div><h3>Integration Layers</h3><p>APIs and middleware that keep departments and vendor systems aligned without brittle point-to-point glue.</p><a class="link-arrow" href="services/cloud-integration">Learn more <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4" data-aos="fade-up" data-aos-delay="160">
|
||||||
|
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield-lock"></i></div><h3>Security & Governance</h3><p>Security-conscious design, access patterns, and practices that protect sensitive business data.</p><a class="link-arrow" href="services/cybersecurity">Learn more <span class="arrow">→</span></a></article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mt-4" data-aos="fade-up">
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Plan an Enterprise Project <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section bg-soft" id="ecommerce">
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="row g-4 align-items-center">
|
||||||
|
<div class="col-lg-6" data-aos="fade-up">
|
||||||
|
<div class="eyebrow">E-Commerce</div>
|
||||||
|
<h2 class="section-title">Commerce Platforms Built to Scale</h2>
|
||||||
|
<p class="text-muted-zs mb-3">Whether you need a new storefront, custom checkout flows, or integrations with inventory and payments, we build commerce experiences that are fast, secure, and operable by your team.</p>
|
||||||
|
<p class="text-muted-zs mb-4">We focus on catalog structure, performance, order workflows, and the backend systems that keep fulfillment reliable.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="services/ecommerce">Explore E-Commerce Services <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="80">
|
||||||
|
<article class="card-zs">
|
||||||
|
<div class="icon-badge"><i class="bi bi-cart3"></i></div>
|
||||||
|
<h3>Typical engagement areas</h3>
|
||||||
|
<ul class="benefit-list mt-3">
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Custom storefronts and product experiences</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Payment, shipping, and inventory integrations</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Admin tools for catalog and order operations</span></li>
|
||||||
|
<li><i class="bi bi-check-circle-fill"></i><span>Performance and security hardening for growth</span></li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Mesh insight band -->
|
||||||
|
<section class="mesh-band" aria-label="Digital readiness">
|
||||||
|
<div class="mesh-band-canvas" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 1200 400" preserveAspectRatio="none">
|
||||||
|
<path class="mesh-wave w1" d="M0,220 C150,160 300,280 450,200 S750,140 900,210 1050,260 1200,190" />
|
||||||
|
<path class="mesh-wave w2" d="M0,260 C180,300 320,180 500,240 S820,300 980,220 1100,180 1200,230" />
|
||||||
|
<path class="mesh-wave w3" d="M0,180 C200,220 380,120 560,170 S880,210 1040,150 1140,170 1200,160" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="container-zs">
|
||||||
|
<div class="mesh-layout">
|
||||||
|
<div class="radar-frame" data-aos="fade-up">
|
||||||
|
<div class="radar-legend">
|
||||||
|
<span><i class="l1"></i> Current</span>
|
||||||
|
<span><i class="l2"></i> Target</span>
|
||||||
|
<span><i class="l3"></i> Baseline</span>
|
||||||
|
</div>
|
||||||
|
<svg class="radar-svg" viewBox="0 0 320 300" role="img" aria-label="Capability radar">
|
||||||
|
<g fill="none" stroke="rgba(255,255,255,0.18)" stroke-width="1">
|
||||||
|
<polygon points="160,40 260,110 260,210 160,280 60,210 60,110" />
|
||||||
|
<polygon points="160,70 230,120 230,200 160,250 90,200 90,120" />
|
||||||
|
<polygon points="160,100 200,130 200,190 160,220 120,190 120,130" />
|
||||||
|
<line x1="160" y1="40" x2="160" y2="280" />
|
||||||
|
<line x1="60" y1="110" x2="260" y2="210" />
|
||||||
|
<line x1="260" y1="110" x2="60" y2="210" />
|
||||||
|
</g>
|
||||||
|
<polygon class="radar-poly p2" points="160,90 210,130 200,190 150,230 100,185 115,125" fill="rgba(192,208,220,0.28)" stroke="#C0D0DC" stroke-width="2" />
|
||||||
|
<polygon class="radar-poly" points="160,110 195,140 185,185 155,210 120,175 130,135" fill="rgba(0,84,152,0.45)" stroke="#4BA3DC" stroke-width="2" />
|
||||||
|
<text x="160" y="28" text-anchor="middle" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Performance</text>
|
||||||
|
<text x="275" y="108" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Security</text>
|
||||||
|
<text x="275" y="220" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Scale</text>
|
||||||
|
<text x="160" y="296" text-anchor="middle" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Delivery</text>
|
||||||
|
<text x="40" y="220" text-anchor="end" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Quality</text>
|
||||||
|
<text x="40" y="108" text-anchor="end" fill="rgba(255,255,255,0.7)" font-size="11" font-family="Outfit,sans-serif">Cloud</text>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="mesh-copy" data-aos="fade-up" data-aos-delay="100">
|
||||||
|
<div class="eyebrow">Platform readiness</div>
|
||||||
|
<h2>How strong is your <em>digital foundation</em>?</h2>
|
||||||
|
<p>Whether you need a new platform, a modernization path, or tighter integration across systems—Zettai Systems helps you map gaps and build what matters next.</p>
|
||||||
|
<a class="btn-zs btn-zs-primary" href="contact">Start a Project <span class="arrow">→</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-sm">
|
||||||
|
<div class="container-zs" data-aos="zoom-in">
|
||||||
|
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||||||
|
<div>
|
||||||
|
<h2 class="mb-2">Let’s shape the right solution together</h2>
|
||||||
|
<p class="mb-0">Share your challenges—we’ll propose a practical path forward.</p>
|
||||||
|
</div>
|
||||||
|
<a class="btn-zs btn-zs-light" href="contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||||||
|
</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>
|
||||||
122
terms.html
Normal file
122
terms.html
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<!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>Terms & Conditions | Zettai Systems</title>
|
||||||
|
<meta name="description" content="Terms and conditions governing use of the Zettai Systems website and related online materials." />
|
||||||
|
<link rel="canonical" href="https://zettaisystems.com/terms" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Terms & Conditions | Zettai Systems" />
|
||||||
|
<meta property="og:description" content="Terms and conditions governing use of the Zettai Systems website and related online materials." />
|
||||||
|
<meta property="og:url" content="https://zettaisystems.com/terms" />
|
||||||
|
<meta property="og:image" content="/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="terms">
|
||||||
|
<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">Terms & Conditions</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<div class="eyebrow">Legal</div>
|
||||||
|
<h1>Terms & Conditions</h1>
|
||||||
|
<p>Please read these terms carefully before using the Zettai Systems website.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="container-zs" style="max-width:48rem">
|
||||||
|
<article class="card-zs" data-aos="fade-up">
|
||||||
|
<p class="text-muted-zs"><strong>Last updated:</strong> August 2026</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">1. Agreement to terms</h2>
|
||||||
|
<p class="text-muted-zs">By accessing or using zettaisystems.com (the “Site”), you agree to these Terms & Conditions. If you do not agree, please do not use the Site. Separate written agreements govern client projects, consulting engagements, and employment relationships.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">2. About Zettai Systems</h2>
|
||||||
|
<p class="text-muted-zs">Zettai Systems provides IT and digital solutions including software development, cloud integration, consulting, and related services. Contact details: email <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>; phone +91 807 299 8024; address No.10/21, 27th Street, Thillai Ganga Nagar, Nanganallur, Chennai – 600061, Tamil Nadu, India.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">3. Informational use of the Site</h2>
|
||||||
|
<p class="text-muted-zs">Content on this Site is provided for general information about our company and services. It does not constitute a binding offer, professional advice, or a guarantee of specific outcomes. Service descriptions may be updated without notice.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">4. Enquiries and forms</h2>
|
||||||
|
<p class="text-muted-zs">Submitting a contact or careers form does not create a client, employment, or contractor relationship. We will review submissions in good faith and respond when appropriate. You agree to provide accurate information and not to misuse our forms (including spam or malicious content).</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">5. Intellectual property</h2>
|
||||||
|
<p class="text-muted-zs">Unless otherwise stated, the Site’s text, design, logos, graphics, and other materials are owned by Zettai Systems or used with permission. You may not copy, modify, distribute, or commercially exploit Site content without prior written consent, except for personal, non-commercial viewing or fair use as allowed by law.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">6. Acceptable use</h2>
|
||||||
|
<p class="text-muted-zs">You agree not to:</p>
|
||||||
|
<ul class="text-muted-zs">
|
||||||
|
<li>Attempt to disrupt, probe, or compromise the Site or related systems</li>
|
||||||
|
<li>Use the Site for unlawful, harmful, or fraudulent purposes</li>
|
||||||
|
<li>Scrape or harvest data in a manner that overloads or misuses the Site</li>
|
||||||
|
<li>Misrepresent your identity or affiliation when contacting us</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">7. Third-party links</h2>
|
||||||
|
<p class="text-muted-zs">The Site may include links to external websites. We are not responsible for the content, availability, or practices of third-party sites.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">8. Disclaimer of warranties</h2>
|
||||||
|
<p class="text-muted-zs">The Site is provided on an “as is” and “as available” basis. To the fullest extent permitted by law, we disclaim warranties of merchantability, fitness for a particular purpose, and non-infringement regarding the Site and its content. We do not warrant that the Site will be uninterrupted, error-free, or free of harmful components.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">9. Limitation of liability</h2>
|
||||||
|
<p class="text-muted-zs">To the fullest extent permitted by law, Zettai Systems and its team shall not be liable for any indirect, incidental, consequential, special, or punitive damages arising from your use of—or inability to use—the Site. Our total liability related to Site use shall not exceed the amount you paid us (if any) specifically for Site access, or INR 1,000, whichever is greater. This limitation does not exclude liability that cannot be limited under applicable law.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">10. Project engagements</h2>
|
||||||
|
<p class="text-muted-zs">Commercial projects are governed by separate proposals, statements of work, or contracts that define scope, fees, timelines, intellectual property, confidentiality, and warranties. In case of conflict, the signed project agreement controls over these website terms.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">11. Privacy</h2>
|
||||||
|
<p class="text-muted-zs">Our handling of personal information is described in our <a href="privacy-policy">Privacy Policy</a>.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">12. Changes</h2>
|
||||||
|
<p class="text-muted-zs">We may revise these Terms & Conditions at any time by updating this page. The “Last updated” date indicates the latest version. Continued use of the Site after changes constitutes acceptance where permitted by law.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">13. Governing law</h2>
|
||||||
|
<p class="text-muted-zs">These terms are governed by the laws of India. Courts in Chennai, Tamil Nadu, shall have exclusive jurisdiction over disputes arising from use of the Site, subject to any mandatory consumer protections that apply.</p>
|
||||||
|
|
||||||
|
<h2 class="h4 mt-4">14. Contact</h2>
|
||||||
|
<p class="text-muted-zs mb-0">Questions about these terms? Email <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>, use the <a href="contact">contact form</a>, or call <a href="tel:+918072998024">+91 807 299 8024</a>.</p>
|
||||||
|
</article>
|
||||||
|
</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>
|
||||||
Loading…
Reference in New Issue
Block a user