quantum-website-2026/index.html
2026-04-05 20:29:43 +05:30

592 lines
29 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Tasks AI - AI & Task Automation Solutions</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Quantum Tasks AI - Advanced AI platform for automation and intelligent task management. Access powerful AI agents for your business needs.">
<meta name="keywords" content="AI, artificial intelligence, automation, task management, AI agents, quantum computing">
<meta name="author" content="Quantum Tasks AI">
<!-- Open Graph Meta Tags for Rich Link Previews -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="Quantum Tasks AI">
<meta property="og:title" content="Quantum Tasks AI - AI & Task Automation Solutions">
<meta property="og:description" content="Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.">
<meta property="og:url" content="https://quantumtaskai.com">
<meta property="og:image" content="https://quantumtaskai.com/img/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Quantum Tasks AI - AI Agent Marketplace">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@quantumtaskai">
<meta name="twitter:title" content="Quantum Tasks AI - AI & Task Automation Solutions">
<meta name="twitter:description" content="Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.">
<meta name="twitter:image" content="https://quantumtaskai.com/img/og-image.png">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<!-- Font Loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"></noscript>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css">
<!-- Styles -->
<link rel="stylesheet" href="css/style.css">
<!-- Icon Size Adjustments -->
<style>
.service-icon i, .choice-icon i { font-size: 2.5rem; }
.client-icon i { font-size: 2rem; }
.achievement-icon i { font-size: 1.75rem; }
.contact-icon i { font-size: 1.25rem; }
.trust-badge i { font-size: 1rem; }
.section-badge i { font-size: 1.1rem; }
.decorative-corner i { font-size: 2.5rem; }
.main-visual-icon i { font-size: 4rem; }
.floating-element i { font-size: 2rem; }
.company-badge i { font-size: 1rem; margin-right: 0.5rem; }
.footer-contact i { font-size: 0.9rem; margin-right: 0.35rem; }
.founder-avatar i { font-size: 2.5rem; }
</style>
</head>
<body>
<!-- Header -->
<header class="hdr">
<div class="hdr-inner">
<a href="index.html" class="hdr-logo">
<img src="img/logo.png" alt="Quantum Tasks AI">
</a>
<nav class="hdr-nav" id="hdr-nav" aria-label="Main navigation">
<a href="index.html" class="active">Home</a>
<a href="digital-branding.html">AI Digital Branding</a>
<a href="https://blog.quantumtaskai.com/">Blog</a>
<a href="https://ai-chat.quantumtaskai.com/">AI Chat</a>
<a href="https://ai.quantumtaskai.com/agents/">AI Marketplace</a>
</nav>
<button class="hdr-burger" id="hdr-burger" aria-label="Toggle navigation" aria-expanded="false" aria-controls="hdr-nav">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
<path d="M3 5h16M3 11h16M3 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
</button>
</div>
</header>
<!-- Main Content -->
<main>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="hero-container">
<!-- Trust Badge -->
<div class="trust-badge">
<i class="fas fa-star"></i>
<span>Trusted by Industry Leaders</span>
</div>
<h1 class="hero-title">
<span class="hero-title-gradient">
AI & Cybersecurity
</span>
<br />
<span class="hero-title-normal">
Solutions
</span>
</h1>
<p class="hero-description">
Secure your digital future with state-of-the-art AI solutions and expert cybersecurity strategies tailored for your business needs.
</p>
<!-- CTA Buttons -->
<div class="hero-buttons">
<a href="https://app.quantumtaskai.com/register" class="btn-primary">
Get Protected Now
</a>
<a href="https://app.quantumtaskai.com" class="btn-secondary">
Explore AI Hub
</a>
</div>
<!-- Trust Indicators -->
<div class="trust-indicators">
<div class="trust-card">
<div class="trust-number">
35+
</div>
<div class="trust-text">
Years Experience
</div>
</div>
<div class="trust-card">
<div class="trust-number">
24/7
</div>
<div class="trust-text">
Rapid Response
</div>
</div>
<div class="trust-card">
<div class="trust-number">
100%
</div>
<div class="trust-text">
Secure Solutions
</div>
</div>
</div>
</div>
</section>
<!-- Company Profile Section -->
<section id="about" class="company-profile">
<div class="company-container">
<!-- Section Header -->
<div class="section-header">
<div class="section-badge">
<i class="fas fa-building"></i>
<span class="section-badge-text">About Quantum Tasks AI</span>
</div>
<h2 class="section-title">
Your Trusted Digital Guardian
</h2>
<p class="section-subtitle">
Pioneering the future of Automation & Cybersecurity with AI-powered solutions
</p>
</div>
<div class="company-grid">
<!-- Content Side -->
<div>
<div class="company-content-card">
<!-- Decorative corner -->
<div class="decorative-corner">
<i class="fas fa-shield-halved"></i>
</div>
<h3 class="company-content-title">
Defending Digital Frontiers
</h3>
<p class="company-content-text">
At Quantum Tasks AI, we provide <strong>state-of-the-art AI & Cybersecurity solutions</strong> tailored to safeguard your business. From advanced AI Agents to robust defense strategies, we empower you to navigate the digital world with confidence.
</p>
<!-- Enhanced badges -->
<div class="company-badges">
<div class="company-badge company-badge-primary">
<i class="fas fa-calendar-check"></i>
35+ Years Experience
</div>
<div class="company-badge company-badge-purple">
<i class="fas fa-trophy"></i>
Top Certifications
</div>
</div>
<div class="company-badge company-badge-orange">
<i class="fas fa-award"></i>
Lean Six Sigma Black Belt
</div>
</div>
</div>
<!-- Visual Side -->
<div class="company-visual">
<!-- Main visual container -->
<div class="main-visual">
<!-- Main icon -->
<div class="main-visual-icon">
<i class="fas fa-shield-halved"></i>
</div>
</div>
<!-- Floating elements around the main visual -->
<div class="floating-element floating-element-1">
<i class="fas fa-lock"></i>
</div>
<div class="floating-element floating-element-2">
<i class="fas fa-robot"></i>
</div>
</div>
</div>
<!-- Bottom achievement strip -->
<div class="achievement-strip">
<div class="achievement-item">
<div class="achievement-icon"><i class="fas fa-bullseye"></i></div>
<div class="achievement-title">Mission Critical</div>
<div class="achievement-text">Zero Compromise</div>
</div>
<div class="achievement-item">
<div class="achievement-icon"><i class="fas fa-bolt"></i></div>
<div class="achievement-title">Rapid Response</div>
<div class="achievement-text">24/7 Protection</div>
</div>
<div class="achievement-item">
<div class="achievement-icon"><i class="fas fa-flask"></i></div>
<div class="achievement-title">Innovation</div>
<div class="achievement-text">Cutting Edge Tech</div>
</div>
<div class="achievement-item">
<div class="achievement-icon"><i class="fas fa-handshake"></i></div>
<div class="achievement-title">Trusted Partner</div>
<div class="achievement-text">Industry Leaders</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="services">
<div class="services-container">
<h2 class="services-title">
Our Services
</h2>
<p class="services-subtitle">
Tailored strategies for your business
</p>
<div class="services-grid">
<div class="service-card">
<div class="service-icon"><i class="fas fa-shield-halved"></i></div>
<h3 class="service-title">Cybersecurity Consultation</h3>
<p class="service-description">
Tailored strategies, advanced threat detection, and comprehensive security frameworks to protect your digital assets and business operations.
</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-robot"></i></div>
<h3 class="service-title">AI Based Automation</h3>
<p class="service-description">
Empower your Business with AI. Strategic AI adoption, machine learning solutions, and intelligent automation to transform your processes.
</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-bolt"></i></div>
<h3 class="service-title">Rapid Response Solutions</h3>
<p class="service-description">
Rapid response to minimize damage. Emergency incident response and real-time threat mitigation to protect your business.
</p>
</div>
</div>
</div>
</section>
<!-- Clients Section -->
<section class="clients">
<div class="clients-container">
<h2 class="clients-title">
Our Clients
</h2>
<div class="clients-grid">
<div class="client-card">
<div class="client-icon"><i class="fas fa-industry"></i></div>
<h3 class="client-name">MTSV Foods Industries Pvt Ltd</h3>
<p class="client-industry">Food & Beverage Industry</p>
</div>
<div class="client-card">
<div class="client-icon"><i class="fas fa-gears"></i></div>
<h3 class="client-name">Apple Tree Industries</h3>
<p class="client-industry">Manufacturing & Processing</p>
</div>
<div class="client-card">
<div class="client-icon"><i class="fas fa-laptop-code"></i></div>
<h3 class="client-name">TechStart Solutions</h3>
<p class="client-industry">Technology Consulting</p>
</div>
<div class="client-card">
<div class="client-icon"><i class="fas fa-truck-fast"></i></div>
<h3 class="client-name">Global Logistics Corp</h3>
<p class="client-industry">Supply Chain Management</p>
</div>
</div>
</div>
</section>
<!-- Founder Section -->
<section class="founder">
<div class="founder-container">
<h2 class="founder-title">
Our Founders
</h2>
<!-- J P Goenka -->
<div class="founder-grid">
<div class="founder-card-container">
<div class="founder-card">
<div class="founder-avatar">
<i class="fas fa-user-tie"></i>
</div>
<h3 class="founder-name">J P Goenka</h3>
<p class="founder-role">
Founder & Business Development Leader
</p>
<div class="founder-badges">
<div class="founder-badge">
International Trading Expert
</div>
<div class="founder-badge">
Dubai Business Leader
</div>
<div class="founder-badge">
Global Perspective
</div>
</div>
</div>
</div>
<div class="founder-content">
<p class="founder-text">
J P Goenka
With over 45 years of entrepreneurial and leadership experience, J P Goenka has built a distinguished career across a diverse range of industries, including food processing, printed circuit boards, plastics manufacturing, beans splitting units, and international trade (import & export).
</p>
<p class="founder-text">
Mr. Goenka brings deep global business insight, supported by an extensive international network and a strong understanding of various markets, products, and cultural dynamics. Recognizing the transformative impact of emerging technologies, he co-founded Quantum Task AI LLC FZ in partnership with Mr. Abhay Chauhan, focusing on advancing solutions in Artificial Intelligence and Cybersecurity—two key pillars shaping the future of global business.
</p>
</div>
</div>
<!-- Abhay Pal Chauhan -->
<div class="founder-grid" style="margin-top: 3rem;">
<div class="founder-card-container">
<div class="founder-card">
<div class="founder-avatar">
<i class="fas fa-user-tie"></i>
</div>
<h3 class="founder-name">Abhay Pal Chauhan</h3>
<p class="founder-role">
Founder & Principal Consultant
</p>
<div class="founder-badges">
<div class="founder-badge">
35+ Years Experience
</div>
<div class="founder-badge">
Cybersecurity Expert
</div>
<div class="founder-badge">
Six Sigma Black Belt
</div>
</div>
</div>
</div>
<div class="founder-content">
<p class="founder-text">
Our Founder leverages over <strong>35 years of expertise</strong> in cybersecurity and process automation and optimization, backed by top certifications in Cybersecurity and <strong>Black Belt in Lean Six Sigma</strong>.
</p>
<p class="founder-text">
His unique blend of technical knowledge and operational excellence ensures <strong>tailored, secure, and efficient solutions</strong> for our clients, driving business resilience and maximizing value in every engagement.
</p>
<div class="founder-quote">
<p class="founder-quote-text">
"Delivering top-tier solutions that combine cutting-edge technology with proven operational methodologies to secure and optimize your business operations."
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="contact-container">
<h2 class="contact-title">
Get In Touch
</h2>
<div class="contact-grid">
<!-- Contact Form -->
<form class="contact-form" method="post" action="#" id="contactForm">
<h3 class="form-title">Send us a Message</h3>
<!-- Form Messages -->
<div id="form-messages" class="form-messages" style="display: none;"></div>
<div class="form-group">
<label for="name" class="form-label">Full Name *</label>
<input
type="text"
id="name"
name="name"
required
class="form-input"
maxlength="100"
pattern="[a-zA-Z\s\-\.']+"
title="Please enter a valid name using only letters, spaces, hyphens, dots, and apostrophes"
/>
<div class="field-error" id="name-error"></div>
</div>
<div class="form-group">
<label for="email" class="form-label">Email Address *</label>
<input
type="email"
id="email"
name="email"
required
class="form-input"
maxlength="254"
/>
<div class="field-error" id="email-error"></div>
</div>
<div class="form-group">
<label for="company" class="form-label">Company</label>
<input
type="text"
id="company"
name="company"
class="form-input"
maxlength="100"
/>
<div class="field-error" id="company-error"></div>
</div>
<div class="form-group">
<label for="message" class="form-label">Message *</label>
<textarea
id="message"
name="message"
required
class="form-textarea"
maxlength="1000"
minlength="10"
placeholder="Please describe your inquiry (minimum 10 characters)..."
></textarea>
<div class="char-counter">
<span id="message-count">0</span>/1000 characters
</div>
<div class="field-error" id="message-error"></div>
</div>
<button type="submit" class="form-submit" id="submitBtn">
<span class="btn-text">Send Message</span>
<span class="btn-loading" style="display: none;">
<span class="spinner"></span> Sending...
</span>
</button>
</form>
<!-- Contact Information -->
<div class="contact-info">
<h3 class="contact-info-title">Contact Information</h3>
<!-- Mailing Address -->
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-location-dot"></i>
</div>
<div class="contact-details">
<h4>Mailing Address</h4>
<p>
Meydan Grandstand, 6th floor<br />
Meydan Road, Nad Al Sheba<br />
Dubai, U.A.E.
</p>
</div>
</div>
<!-- Email Address -->
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-details">
<h4>Email Address</h4>
<p>
<a href="mailto:abhay@quantumtaskai.com" class="contact-email">
abhay@quantumtaskai.com
</a>
</p>
</div>
</div>
<!-- Commitment Statement -->
<div class="commitment-statement">
<p class="commitment-text">
We are committed to deliver top-tier AI & Cybersecurity solutions for businesses of all sizes.
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="footer-container">
<!-- Main Footer Content -->
<div class="footer-main">
<!-- Company Info -->
<div class="footer-company">
<div class="footer-logo">
<img src="img/logo.png" alt="Quantum Tasks AI" class="footer-logo-img">
</div>
<p class="footer-description">
Leading cybersecurity consultancy providing comprehensive security solutions and AI-powered automation.
</p>
<div class="footer-contact">
<a href="mailto:abhay@quantumtaskai.com" class="footer-contact-item">
<i class="fas fa-envelope"></i> abhay@quantumtaskai.com
</a>
<span class="footer-contact-item">
<i class="fas fa-location-dot"></i> Dubai, UAE
</span>
</div>
</div>
<!-- Navigation Sections -->
<div class="footer-nav">
<!-- Services -->
<div class="footer-nav-section">
<h4 class="footer-nav-title">Services</h4>
<div class="footer-nav-links">
<a href="#services" class="footer-nav-link">Cybersecurity Consulting</a>
<a href="#services" class="footer-nav-link">AI Automation</a>
<a href="digital-branding.html" class="footer-nav-link">Digital Branding</a>
<a href="freight-flow.html" class="footer-nav-link">FreightFlow</a>
<a href="#services" class="footer-nav-link">Rapid Response</a>
</div>
</div>
<!-- Company -->
<div class="footer-nav-section">
<h4 class="footer-nav-title">Company</h4>
<div class="footer-nav-links">
<a href="#about" class="footer-nav-link">About Us</a>
<a href="#founder" class="footer-nav-link">Leadership</a>
<a href="#contact" class="footer-nav-link">Contact Us</a>
<a href="https://app.quantumtaskai.com" class="footer-nav-link">AI Marketplace</a>
</div>
</div>
</div>
</div>
<!-- Bottom Section -->
<div class="footer-bottom">
<p class="footer-copyright">
© 2025 Quantum Tasks AI. All rights reserved.
</p>
<div class="footer-legal">
<a href="#privacy" class="footer-legal-link">Privacy Policy</a>
<a href="#terms" class="footer-legal-link">Terms of Service</a>
<a href="#security" class="footer-legal-link">Security</a>
</div>
</div>
</div>
</footer>
<!-- JavaScript -->
<script src="js/script.js"></script>
</body>
</html>