Add 404, privacy, terms pages; fix footer contrast; add skip-to-content link

This commit is contained in:
Amit Rana 2026-04-15 11:03:43 +05:30
parent 49f16e837b
commit ddbfef1692
7 changed files with 394 additions and 11 deletions

81
404.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page Not Found — Quantum Tasks AI</title>
<meta name="robots" content="noindex" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Inter', system-ui, sans-serif;
background: #0a0f1e; color: #fff;
min-height: 100vh; display: flex; flex-direction: column;
-webkit-font-smoothing: antialiased;
}
.page {
flex: 1; display: flex; align-items: center; justify-content: center;
text-align: center; padding: 40px 24px;
position: relative; overflow: hidden;
}
.page::before {
content: ''; position: absolute; inset: 0;
background:
radial-gradient(ellipse at 30% 40%, rgba(99,102,241,0.2) 0%, transparent 60%),
radial-gradient(ellipse at 70% 60%, rgba(249,115,22,0.12) 0%, transparent 60%);
}
.inner { position: relative; z-index: 1; max-width: 520px; }
.num {
font-size: clamp(96px, 20vw, 160px);
font-weight: 900; line-height: 1;
letter-spacing: -0.05em;
background: linear-gradient(135deg, #818cf8, #c084fc, #fb923c);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text; margin-bottom: 16px;
}
h1 { font-size: clamp(22px, 3vw, 30px); font-weight: 800; margin-bottom: 14px; }
p { font-size: 16px; color: rgba(255,255,255,0.55); line-height: 1.7; margin-bottom: 36px; }
.btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.btn {
display: inline-flex; align-items: center; gap: 8px;
font-family: inherit; font-size: 15px; font-weight: 700;
padding: 13px 26px; border-radius: 10px; cursor: pointer;
border: none; text-decoration: none; transition: all .2s;
}
.btn-primary {
background: linear-gradient(135deg, #f97316, #ef4444);
color: #fff; box-shadow: 0 4px 20px rgba(249,115,22,0.4);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(249,115,22,0.5); }
.btn-ghost {
background: rgba(255,255,255,0.08); color: #fff;
border: 1px solid rgba(255,255,255,0.18);
}
.btn-ghost:hover { background: rgba(255,255,255,0.14); transform: translateY(-2px); }
footer {
text-align: center; padding: 20px;
font-size: 13px; color: rgba(255,255,255,0.3);
border-top: 1px solid rgba(255,255,255,0.06);
}
</style>
</head>
<body>
<script src="/header.js"></script>
<div class="page">
<div class="inner">
<div class="num">404</div>
<h1>Page not found</h1>
<p>The page you're looking for doesn't exist or has been moved. Let's get you back on track.</p>
<div class="btns">
<a href="/" class="btn btn-primary">Back to Home →</a>
<a href="https://audit.quantumtaskai.com" class="btn btn-ghost">Run a Free Audit</a>
</div>
</div>
</div>
<footer>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</footer>
</body>
</html>

View File

@ -310,7 +310,7 @@
letter-spacing: -.03em; color: var(--white); line-height: 1; letter-spacing: -.03em; color: var(--white); line-height: 1;
margin-bottom: 4px; margin-bottom: 4px;
} }
.hero-stat-label { font-size: 13px; color: rgba(255,255,255,.45); font-weight: 500; } .hero-stat-label { font-size: 13px; color: rgba(255,255,255,0.65); font-weight: 500; }
/* ════════════════════════════════ MARQUEE */ /* ════════════════════════════════ MARQUEE */
.marquee-strip { .marquee-strip {
@ -577,7 +577,7 @@
height: 40px; width: auto; margin-bottom: 18px; height: 40px; width: auto; margin-bottom: 18px;
filter: brightness(0) invert(1); opacity: .8; filter: brightness(0) invert(1); opacity: .8;
} }
.footer-desc { font-size: 14px; color: rgba(255,255,255,.45); line-height: 1.7; margin-bottom: 24px; } .footer-desc { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 24px; }
.footer-contact-link { .footer-contact-link {
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
font-size: 13px; color: rgba(255,255,255,.4); font-size: 13px; color: rgba(255,255,255,.4);
@ -589,7 +589,7 @@
letter-spacing: .1em; color: var(--white); margin-bottom: 20px; letter-spacing: .1em; color: var(--white); margin-bottom: 20px;
} }
.footer-links { display: flex; flex-direction: column; gap: 10px; } .footer-links { display: flex; flex-direction: column; gap: 10px; }
.footer-link { font-size: 14px; color: rgba(255,255,255,.45); transition: color .15s; } .footer-link { font-size: 14px; color: rgba(255,255,255,0.65); transition: color .15s; }
.footer-link:hover { color: var(--white); } .footer-link:hover { color: var(--white); }
.footer-bottom { .footer-bottom {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
@ -682,7 +682,7 @@
<script src="/header.js"></script> <script src="/header.js"></script>
<main> <main id="main-content">
<!-- ═══════════════════════════════════════════ HERO --> <!-- ═══════════════════════════════════════════ HERO -->
<section class="hero"> <section class="hero">
@ -1150,8 +1150,8 @@
<div class="footer-bottom"> <div class="footer-bottom">
<span>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</span> <span>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</span>
<div class="footer-bottom-links"> <div class="footer-bottom-links">
<a href="#" class="footer-link">Privacy</a> <a href="privacy.html" class="footer-link">Privacy Policy</a>
<a href="#" class="footer-link">Terms</a> <a href="terms.html" class="footer-link">Terms of Service</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -23,6 +23,23 @@
// ─── Styles (matches static site css/style.css header) ────────── // ─── Styles (matches static site css/style.css header) ──────────
var css = ` var css = `
.sh-skip {
position: absolute;
top: -100px;
left: 16px;
background: #6366f1;
color: #ffffff;
font-family: 'Inter', Arial, sans-serif;
font-size: 14px;
font-weight: 700;
padding: 10px 20px;
border-radius: 6px;
z-index: 9999;
transition: top .15s;
text-decoration: none;
}
.sh-skip:focus { top: 16px; }
#sh-header { #sh-header {
background: #ffffff; background: #ffffff;
border-bottom: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb;
@ -189,6 +206,7 @@
// ─── Build HTML ────────────────────────────────────────────────── // ─── Build HTML ──────────────────────────────────────────────────
var headerHTML = var headerHTML =
'<a href="#main-content" class="sh-skip">Skip to content</a>' +
'<header id="sh-header">' + '<header id="sh-header">' +
'<div class="sh-inner">' + '<div class="sh-inner">' +
'<a href="' + HOME_URL + '" class="sh-logo">' + '<a href="' + HOME_URL + '" class="sh-logo">' +

View File

@ -766,7 +766,7 @@
filter: brightness(0) invert(1); opacity: 0.8; filter: brightness(0) invert(1); opacity: 0.8;
} }
.footer-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.7; margin-bottom: 24px; } .footer-desc { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 24px; }
.footer-contact-link { .footer-contact-link {
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
@ -780,7 +780,7 @@
letter-spacing: .1em; color: var(--white); margin-bottom: 20px; letter-spacing: .1em; color: var(--white); margin-bottom: 20px;
} }
.footer-links { display: flex; flex-direction: column; gap: 10px; } .footer-links { display: flex; flex-direction: column; gap: 10px; }
.footer-link { font-size: 14px; color: rgba(255,255,255,0.45); transition: color .15s; } .footer-link { font-size: 14px; color: rgba(255,255,255,0.65); transition: color .15s; }
.footer-link:hover { color: var(--white); } .footer-link:hover { color: var(--white); }
.footer-bottom { .footer-bottom {
@ -892,7 +892,7 @@
<script src="/header.js"></script> <script src="/header.js"></script>
<main> <main id="main-content">
<!-- ══════════════════════════════════════════ HERO --> <!-- ══════════════════════════════════════════ HERO -->
<section class="hero"> <section class="hero">
@ -1388,8 +1388,8 @@
<div class="footer-bottom"> <div class="footer-bottom">
<span>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</span> <span>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</span>
<div class="footer-bottom-links"> <div class="footer-bottom-links">
<a href="#" class="footer-link">Privacy</a> <a href="privacy.html" class="footer-link">Privacy Policy</a>
<a href="#" class="footer-link">Terms</a> <a href="terms.html" class="footer-link">Terms of Service</a>
</div> </div>
</div> </div>
</div> </div>

135
privacy.html Normal file
View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy Policy — Quantum Tasks AI</title>
<meta name="description" content="Privacy Policy for Quantum Tasks AI. How we collect, use, and protect your information." />
<link rel="canonical" href="https://quantumtaskai.com/privacy.html" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #0a0f1e; --indigo: #6366f1;
--gray50: #f8fafc; --gray100: #f1f5f9;
--gray500: #64748b; --gray700: #334155; --text: #0f172a;
}
body { font-family: 'Inter', system-ui, sans-serif; color: var(--text); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: var(--indigo); text-decoration: none; }
a:hover { text-decoration: underline; }
.page-hero {
background: var(--navy); padding: 72px 0 56px;
position: relative; overflow: hidden;
}
.page-hero::before {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(99,102,241,0.18) 0%, transparent 60%);
}
.page-hero .inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 0 24px; }
.page-label {
font-size: 12px; font-weight: 700; letter-spacing: .12em;
text-transform: uppercase; color: #818cf8; margin-bottom: 14px;
}
.page-title { font-size: clamp(28px, 4vw, 44px); font-weight: 900; color: #fff; letter-spacing: -.025em; margin-bottom: 12px; }
.page-sub { font-size: 16px; color: rgba(255,255,255,0.55); }
.content { max-width: 760px; margin: 0 auto; padding: 64px 24px; }
h2 { font-size: 20px; font-weight: 800; color: var(--text); margin: 40px 0 12px; }
h2:first-child { margin-top: 0; }
p { font-size: 16px; color: var(--gray700); line-height: 1.8; margin-bottom: 14px; }
ul { padding-left: 20px; margin-bottom: 14px; }
li { font-size: 16px; color: var(--gray700); line-height: 1.8; margin-bottom: 6px; }
.last-updated {
display: inline-block; font-size: 13px; font-weight: 600;
color: var(--gray500); background: var(--gray100);
padding: 6px 14px; border-radius: 999px; margin-bottom: 40px;
}
footer {
background: var(--navy); padding: 32px 24px;
text-align: center; font-size: 13px; color: rgba(255,255,255,0.4);
}
footer a { color: rgba(255,255,255,0.65); }
footer a:hover { color: #fff; }
.footer-links { display: flex; gap: 20px; justify-content: center; margin-top: 10px; }
</style>
</head>
<body>
<script src="/header.js"></script>
<div class="page-hero">
<div class="inner">
<div class="page-label">Legal</div>
<h1 class="page-title">Privacy Policy</h1>
<p class="page-sub">How we collect, use, and protect your information.</p>
</div>
</div>
<main id="main-content" class="content">
<span class="last-updated">Last updated: April 15, 2025</span>
<h2>1. Who We Are</h2>
<p>Quantum Task AI LLC FZ ("we", "us", "our") is a company registered in Dubai, UAE, operating from Meydan Grandstand, 6th floor, Meydan Road, Nad Al Sheba, Dubai, U.A.E. We provide AI automation, cybersecurity consulting, and digital branding services.</p>
<p>For privacy-related questions, contact us at <a href="mailto:abhay@quantumtaskai.com">abhay@quantumtaskai.com</a>.</p>
<h2>2. Information We Collect</h2>
<p>We collect information you voluntarily provide when you:</p>
<ul>
<li>Submit our contact form (name, email address, company, message)</li>
<li>Request a site audit at <a href="https://audit.quantumtaskai.com">audit.quantumtaskai.com</a> (website URL, email)</li>
<li>Complete our Digital Brand Strategy Assessment via JotForm</li>
<li>Send us an email directly</li>
</ul>
<p>We do not automatically collect personal data through cookies or tracking technologies on this website beyond standard web server logs (IP address, browser type, pages visited).</p>
<h2>3. How We Use Your Information</h2>
<p>We use the information you provide to:</p>
<ul>
<li>Respond to your enquiries and provide the services you request</li>
<li>Deliver your audit report or brand strategy assessment</li>
<li>Send you relevant follow-up communications about our services</li>
<li>Improve our website and services</li>
</ul>
<p>We do not sell, rent, or share your personal information with third parties for marketing purposes.</p>
<h2>4. Data Retention</h2>
<p>We retain your contact information for as long as necessary to provide our services and fulfil any legal obligations. You may request deletion of your data at any time by emailing <a href="mailto:abhay@quantumtaskai.com">abhay@quantumtaskai.com</a>.</p>
<h2>5. Third-Party Services</h2>
<p>Our website uses the following third-party services which may process data according to their own privacy policies:</p>
<ul>
<li><strong>Google Fonts</strong> — font delivery (Google Privacy Policy applies)</li>
<li><strong>JotForm</strong> — contact and assessment forms (JotForm Privacy Policy applies)</li>
</ul>
<h2>6. Security</h2>
<p>We take reasonable technical and organisational measures to protect your information. Our cybersecurity expertise means data security is taken seriously at every level of our operations. However, no internet transmission is completely secure.</p>
<h2>7. Your Rights</h2>
<p>You have the right to access, correct, or request deletion of any personal data we hold about you. To exercise these rights, email <a href="mailto:abhay@quantumtaskai.com">abhay@quantumtaskai.com</a> and we will respond within 30 days.</p>
<h2>8. Changes to This Policy</h2>
<p>We may update this policy from time to time. The "Last updated" date at the top of this page reflects when changes were last made. Continued use of our website constitutes acceptance of any updated policy.</p>
<h2>9. Contact</h2>
<p>For any privacy-related concerns: <a href="mailto:abhay@quantumtaskai.com">abhay@quantumtaskai.com</a><br>
Quantum Task AI LLC FZ, Meydan Grandstand, 6th floor, Dubai, UAE.</p>
</main>
<footer>
<div>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</div>
<div class="footer-links">
<a href="/">Home</a>
<a href="privacy.html">Privacy Policy</a>
<a href="terms.html">Terms of Service</a>
<a href="index.html#contact">Contact</a>
</div>
</footer>
</body>
</html>

View File

@ -15,4 +15,18 @@
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<url>
<loc>https://quantumtaskai.com/privacy.html</loc>
<lastmod>2025-04-15</lastmod>
<changefreq>yearly</changefreq>
<priority>0.3</priority>
</url>
<url>
<loc>https://quantumtaskai.com/terms.html</loc>
<lastmod>2025-04-15</lastmod>
<changefreq>yearly</changefreq>
<priority>0.3</priority>
</url>
</urlset> </urlset>

135
terms.html Normal file
View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Terms of Service — Quantum Tasks AI</title>
<meta name="description" content="Terms of Service for Quantum Tasks AI. Rules and conditions for using our website and services." />
<link rel="canonical" href="https://quantumtaskai.com/terms.html" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #0a0f1e; --indigo: #6366f1;
--gray50: #f8fafc; --gray100: #f1f5f9;
--gray500: #64748b; --gray700: #334155; --text: #0f172a;
}
body { font-family: 'Inter', system-ui, sans-serif; color: var(--text); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: var(--indigo); text-decoration: none; }
a:hover { text-decoration: underline; }
.page-hero {
background: var(--navy); padding: 72px 0 56px;
position: relative; overflow: hidden;
}
.page-hero::before {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse at 70% 50%, rgba(249,115,22,0.15) 0%, transparent 60%);
}
.page-hero .inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 0 24px; }
.page-label {
font-size: 12px; font-weight: 700; letter-spacing: .12em;
text-transform: uppercase; color: #fb923c; margin-bottom: 14px;
}
.page-title { font-size: clamp(28px, 4vw, 44px); font-weight: 900; color: #fff; letter-spacing: -.025em; margin-bottom: 12px; }
.page-sub { font-size: 16px; color: rgba(255,255,255,0.55); }
.content { max-width: 760px; margin: 0 auto; padding: 64px 24px; }
h2 { font-size: 20px; font-weight: 800; color: var(--text); margin: 40px 0 12px; }
h2:first-child { margin-top: 0; }
p { font-size: 16px; color: var(--gray700); line-height: 1.8; margin-bottom: 14px; }
ul { padding-left: 20px; margin-bottom: 14px; }
li { font-size: 16px; color: var(--gray700); line-height: 1.8; margin-bottom: 6px; }
.last-updated {
display: inline-block; font-size: 13px; font-weight: 600;
color: var(--gray500); background: var(--gray100);
padding: 6px 14px; border-radius: 999px; margin-bottom: 40px;
}
footer {
background: var(--navy); padding: 32px 24px;
text-align: center; font-size: 13px; color: rgba(255,255,255,0.4);
}
footer a { color: rgba(255,255,255,0.65); }
footer a:hover { color: #fff; }
.footer-links { display: flex; gap: 20px; justify-content: center; margin-top: 10px; }
</style>
</head>
<body>
<script src="/header.js"></script>
<div class="page-hero">
<div class="inner">
<div class="page-label">Legal</div>
<h1 class="page-title">Terms of Service</h1>
<p class="page-sub">Rules and conditions for using our website and services.</p>
</div>
</div>
<main id="main-content" class="content">
<span class="last-updated">Last updated: April 15, 2025</span>
<h2>1. Acceptance of Terms</h2>
<p>By accessing or using the Quantum Tasks AI website (quantumtaskai.com) and any associated subdomains or services, you agree to be bound by these Terms of Service. If you do not agree, please do not use our website or services.</p>
<h2>2. Services Provided</h2>
<p>Quantum Task AI LLC FZ provides:</p>
<ul>
<li>Cybersecurity consulting and advisory services</li>
<li>AI automation strategy and implementation</li>
<li>AI-powered digital branding services</li>
<li>Site audit tools at audit.quantumtaskai.com</li>
<li>AI-generated content and blog services</li>
</ul>
<p>Service availability, scope, and pricing are subject to change at our discretion. Specific engagements are governed by separate service agreements.</p>
<h2>3. Use of the Website</h2>
<p>You agree to use this website only for lawful purposes. You must not:</p>
<ul>
<li>Attempt to gain unauthorised access to any part of our systems</li>
<li>Use automated tools to scrape or harvest content without permission</li>
<li>Transmit any malicious code, spam, or harmful content</li>
<li>Misrepresent your identity or affiliation when contacting us</li>
</ul>
<h2>4. Intellectual Property</h2>
<p>All content on this website — including text, graphics, logos, and code — is the property of Quantum Task AI LLC FZ or its licensors and is protected by applicable intellectual property laws.</p>
<p>You may not reproduce, distribute, or create derivative works without our express written permission.</p>
<h2>5. Free Audit Tool</h2>
<p>The AI Site Auditor at audit.quantumtaskai.com is provided as a free tool for informational purposes. Results are generated automatically and should be treated as guidance, not professional advice. We make no guarantees regarding the accuracy or completeness of audit results.</p>
<h2>6. Limitation of Liability</h2>
<p>To the maximum extent permitted by UAE law, Quantum Task AI LLC FZ shall not be liable for any indirect, incidental, or consequential damages arising from your use of our website or services.</p>
<p>Our total liability for any claim arising from these terms shall not exceed the amount you paid us in the 12 months preceding the claim.</p>
<h2>7. External Links</h2>
<p>Our website contains links to third-party websites (including blog.quantumtaskai.com, audit.quantumtaskai.com, and form.jotform.com). We are not responsible for the content or privacy practices of these external sites.</p>
<h2>8. Governing Law</h2>
<p>These terms are governed by the laws of the United Arab Emirates. Any disputes shall be subject to the exclusive jurisdiction of the courts of Dubai, UAE.</p>
<h2>9. Changes to Terms</h2>
<p>We may update these terms at any time. The "Last updated" date reflects the most recent revision. Continued use of our website after changes constitutes your acceptance of the revised terms.</p>
<h2>10. Contact</h2>
<p>Questions about these terms: <a href="mailto:abhay@quantumtaskai.com">abhay@quantumtaskai.com</a><br>
Quantum Task AI LLC FZ, Meydan Grandstand, 6th floor, Dubai, UAE.</p>
</main>
<footer>
<div>© 2025 Quantum Task AI LLC FZ · Dubai, UAE</div>
<div class="footer-links">
<a href="/">Home</a>
<a href="privacy.html">Privacy Policy</a>
<a href="terms.html">Terms of Service</a>
<a href="index.html#contact">Contact</a>
</div>
</footer>
</body>
</html>