Home

Tech Spartan – WhatsApp Business, Chatbots & Omnichannel :root{ --bg: #0b1020; --bg-soft: #0f1630; --card: #11193a; --card-2: #0e1838; --muted: #9fb0d1; --text: #eaf0ff; --brand: #66e0ff; --brand-2: #6ef3c5; --accent: #a3bffa; --ring: rgba(102, 224, 255, 0.35); --shadow: rgba(0,0,0,.4); --maxw: 1200px; --radius: 18px; } *{ box-sizing: border-box; } html,body{ height:100%; } body{ margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; color:var(--text); background: radial-gradient(1200px 600px at 80% -10%, #17315a55, transparent 60%), radial-gradient(1000px 500px at 10% -10%, #114d6a55, transparent 60%), var(--bg); line-height:1.5; } a{ color:inherit; text-decoration:none; } .container{ max-width:var(--maxw); margin-inline:auto; padding:0 20px; } .btn{ display:inline-flex; align-items:center; gap:.6rem; background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#08111a; font-weight:700; padding:.9rem 1.2rem; border-radius:14px; box-shadow:0 8px 20px -8px var(--ring); border:0; cursor:pointer; transition:transform .15s ease, box-shadow .2s ease; } .btn:hover{ transform: translateY(-1px); box-shadow:0 16px 30px -12px var(--ring); } .btn.outline{ background:transparent; color:var(--text); border:1px solid #2b3e74; } /* HEADER */ header{ position:sticky; top:0; z-index:50; backdrop-filter:saturate(120%) blur(8px); background:linear-gradient(180deg, rgba(11,16,32,.9), rgba(11,16,32,.65)); border-bottom:1px solid #1e2a52; } .nav{ display:flex; align-items:center; justify-content:space-between; padding:14px 0; } .brand{ display:flex; align-items:center; gap:.7rem; font-weight:800; letter-spacing:.4px; } .logo{ width:34px; height:34px; border-radius:10px; background:conic-gradient(from 210deg, var(--brand) 0 40%, var(--brand-2) 40% 80%, #8ea6ff 80% 100%); box-shadow:0 4px 14px -6px var(--ring); position:relative; } .logo::after{ content:""; position:absolute; inset:3px; border-radius:8px; background:#0a142b; } .brand span{ font-size:1.05rem; } nav ul{ list-style:none; display:flex; gap:22px; padding:0; margin:0; align-items:center; } nav a{ color:var(--muted); font-weight:600; opacity:.9; } nav a:hover{ color:var(--text); } .nav-cta{ display:flex; gap:10px; align-items:center; } .hamburger{ display:none; background:transparent; border:0; width:40px; height:40px; color:var(--text); } /* MOBILE NAV */ @media (max-width: 900px){ nav{ display:none; } .hamburger{ display:block; } } .mobile-menu{ position:fixed; inset:0; background:rgba(7,10,22,.7); backdrop-filter: blur(10px); display:none; } .mobile-sheet{ position:absolute; right:0; top:0; bottom:0; width:min(85%, 420px); background:var(--bg-soft); border-left:1px solid #1e2a52; padding:20px; overflow:auto; } .mobile-menu.open{ display:block; } .mobile-sheet a{ display:block; padding:14px 12px; border-radius:12px; color:var(--muted); } .mobile-sheet a:hover{ background:#121c3e; color:var(--text); } /* HERO */ .hero{ position:relative; padding:72px 0 64px; overflow:hidden; } .hero-grid{ display:grid; grid-template-columns: 1.1fr 1fr; gap:46px; align-items:center; } .eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-weight:700; color:#a8c2ff; background:#0f214a; border:1px solid #263a77; padding:6px 10px; border-radius:999px; } h1{ font-size: clamp(2rem, 2.5vw + 1rem, 3.25rem); line-height:1.07; margin:14px 0; letter-spacing:.2px; } .lead{ color:#c9d6ff; font-size:1.1rem; max-width: 56ch; } .hero-ctas{ display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; } .hero-card{ background:linear-gradient(180deg, #101a3e, #0b1431); border:1px solid #24356c; border-radius:var(--radius); padding:22px; box-shadow:0 16px 35px -20px var(--shadow); } .kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:22px; } .kpi{ background:#0c1434; border:1px solid #22305f; border-radius:14px; padding:16px; text-align:center; } .kpi strong{ font-size:1.3rem; } @media (max-width: 900px){ .hero{ padding:60px 0 36px; } .hero-grid{ grid-template-columns: 1fr; } .kpis{ grid-template-columns: repeat(3, minmax(0,1fr)); } } /* FEATURES GRID */ .section{ padding:70px 0; } .section h2{ font-size: clamp(1.6rem, 1.5vw + 1rem, 2.2rem); margin:0 0 8px; } .section p.section-lead{ color:var(--muted); max-width:70ch; } .features{ display:grid; grid-template-columns: repeat(3,1fr); gap:18px; margin-top:26px; } .card{ background:linear-gradient(180deg, var(--card), var(--card-2)); border:1px solid #23366e; border-radius:var(--radius); padding:22px; box-shadow: 0 18px 38px -24px var(--shadow); } .card h3{ margin:0 0 6px; font-size:1.1rem; } .card p{ margin:0; color:#c8d5ff; } .chip{ display:inline-flex; align-items:center; gap:.5rem; font-size:.8rem; color:#baceff; background:#0c1a44; border:1px solid #263d7b; padding:4px 8px; border-radius:999px; } .icon{ width:24px; height:24px; display:inline-grid; place-items:center; } @media (max-width: 1000px){ .features{ grid-template-columns: repeat(2,1fr);} } @media (max-width: 680px){ .features{ grid-template-columns: 1fr;} } /* SIDE BY SIDE */ .split{ display:grid; grid-template-columns: 1.15fr 1fr; gap:38px; align-items:center; } .mock{ aspect-ratio: 4/3; border-radius:16px; border:1px solid #263a77; background:radial-gradient(600px 300px at 70% -10%, #27448b55, transparent 60%), #0c1434; box-shadow: inset 0 0 0 1px #1b2e63, 0 30px 60px -30px var(--shadow); position:relative; overflow:hidden; } .mock::after{ content:""; position:absolute; inset:12px; border-radius:12px; border:1px dashed #2a3f7a; opacity:.6; } .mock .bubble{ position:absolute; background:#0f214a; border:1px solid #2c4a99; padding:10px 12px; border-radius:14px; left:14px; right:auto; top:14px; color:#cfe0ff; font-size:.92rem; } .mock .bubble2{ left:auto; right:14px; top:auto; bottom:14px; } @media (max-width: 900px){ .split{ grid-template-columns:1fr; } } /* FAQ */ .faq{ margin-top:24px; } .faq-item{ border:1px solid #263a77; border-radius:14px; background:#0d1736; margin-bottom:10px; overflow:hidden; } .faq-q{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; cursor:pointer; } .faq-a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease; } .faq-a>div{ overflow:hidden; } .faq-item.open .faq-a{ grid-template-rows:1fr; } .faq-item.open .faq-q svg{ transform:rotate(180deg); } /* CTA */ .cta{ text-align:center; background: radial-gradient(900px 400px at 50% -10%, #20427a66, transparent 60%), #0a122c; border:1px solid #1f2f63; border-radius:var(--radius); padding:38px 20px; box-shadow:0 28px 60px -28px var(--shadow); } /* FOOTER */ footer{ border-top:1px solid #1e2a52; padding:36px 0; color:#b7c6ee; } .footer-grid{ display:grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap:28px; } .footer-grid h4{ margin:0 0 6px; font-size:1rem; color:#e6ecff; } .footer-grid a{ display:block; padding:6px 0; color:#b7c6ee; } .small{ font-size:.88rem; color:#9ab0dc; } @media (max-width: 900px){ .footer-grid{ grid-template-columns:1fr 1fr; } } Tech Spartan Features Why Us Solutions FAQ Contact Request Demo Chat on WhatsApp Tech Spartan Features Why Us Solutions FAQ Contact Chat on WhatsApp ⚡ Official WhatsApp Business + AI Chatbots Connect, Convert, and Support — All Inside WhatsApp. Launch WhatsApp Business API with multi‑agent live chat, AI chatbots, rich campaigns, and seamless integrations. Tech Spartan gives you one powerful platform to acquire, sell, and support — at scale. Get Started Explore Features 24/7AI + Live Support 3xFaster Response 99.9%Uptime Platform 📱 WhatsApp Storefront Hi! 👋 Looking for product catalog? Yes! Show me latest offers. Click‑to‑WhatsApp Ads Rich Media & Buttons Payments & COD Order Updates Build, Automate & Scale — Without the Chaos Everything you need to turn WhatsApp into your most powerful sales and support channel. Multi‑Agent Inbox Collaborate across teams with assignments, tags, notes, and SLAs—on web or mobile. AI Chatbots Drag‑and‑drop flows, quick replies, FAQs, and handoff to human agents when needed. Click‑to‑WhatsApp Ads Turn ad clicks into conversations. Capture leads with auto‑greetings and forms. Campaigns & Broadcasts Send personalized promos, back‑in‑stock alerts, and reminders with templates. Integrations Connect CRM, ecommerce, and payment gateways to sync data and automate tasks. Analytics Track response times, CSAT, revenue attribution, and template performance. Why Choose Tech Spartan? A streamlined stack that helps you do more with less. Built for growth teams that value speed, clarity, and results. Tailored WorkflowsDesign flows that match your journey—from lead capture to repeat purchase. One PlatformCatalog, orders, support, and campaigns in a single, unified workspace. Scale with ConfidenceHigh throughput, template approvals, and multi‑number support when you grow. Secure by DefaultRole‑based access, audit logs, encryption in transit & at rest. Omnichannel Journeys Email ➝ WhatsApp ➝ Payment Cart Recovery ➝ Support Handoff Solutions That Fit Your Team Pick what you need now. Add more as you grow. Commerce on WhatsApp Showcase catalog, accept payments, handle COD, and send order updates automatically. Support Desk Smart routing, canned replies, CSAT surveys, and SLA timers to keep quality high. Lead Gen & Nurture Click‑to‑WhatsApp ads, welcome flows, and drip sequences that convert faster. Integrations Hub Connect Shopify, Woo, Magento, HubSpot, Zoho, Razorpay, and more via APIs. Template Engine Design and submit message templates for approvals with variables and media. Developer‑Friendly Webhooks, SDKs, sandbox environment, and detailed logs for rapid iteration. Ready to go Spartan? Book a quick walkthrough and see how WhatsApp can power acquisition, sales, and support from one clean dashboard. Book a Demo Talk on WhatsApp FAQ What’s the difference between WhatsApp Business App and API? The App is for single‑device usage. The API powers automation, multi‑agent inbox, integrations, and high‑volume messaging via approved templates. Do you help with onboarding and template approvals? Yes. We assist with BSP setup, number verification, template drafting, submission, and go‑live. Can I use multiple numbers and teams? Absolutely. Add multiple brands and teams with role‑based permissions and routing rules. Which CRMs and ecommerce platforms do you support? Popular options include Shopify, WooCommerce, Magento, HubSpot, Zoho, Salesforce, and custom via APIs/webhooks. Tech Spartan We build fast, reliable WhatsApp experiences that drive growth—from first click to loyal customer. Email Us WhatsApp Company About Careers Pricing Blog Resources FAQ Docs API Status Reach Us Mon–Sat • 10:00–19:00 IST +91‑XXXXXXXXXX Mumbai • Pune • Bengaluru © Tech Spartan. All rights reserved. Privacy • Terms • Security // Update year document.getElementById('year').textContent = new Date().getFullYear(); // Mobile menu logic const mobile = document.getElementById('mobile'); const menuBtn = document.getElementById('menuBtn'); const closeBtn = document.getElementById('closeBtn'); const openMenu = () => mobile.classList.add('open'); const closeMenu = () => mobile.classList.remove('open'); window.closeMenu = closeMenu; // for inline onclick menuBtn.addEventListener('click', openMenu); closeBtn.addEventListener('click', closeMenu); mobile.addEventListener('click', (e)=>{ if(e.target === mobile) closeMenu(); }); // FAQ accordion document.querySelectorAll('.faq-item').forEach((item)=>{ item.querySelector('.faq-q').addEventListener('click', ()=>{ item.classList.toggle('open'); }); }); // Smooth scroll for internal links document.querySelectorAll('a[href^="#"]').forEach(a=>{ a.addEventListener('click', (e)=>{ const id = a.getAttribute('href'); if(id.length > 1){ e.preventDefault(); document.querySelector(id).scrollIntoView({behavior:'smooth', block:'start'}); } }) }) Tech Spartan – WhatsApp Business, Chatbots & Omnichannel :root{ --bg: #0b1020; --bg-soft: #0f1630; --card: #11193a; --card-2: #0e1838; --muted: #9fb0d1; --text: #eaf0ff; --brand: #66e0ff; --brand-2: #6ef3c5; --accent: #a3bffa; --ring: rgba(102, 224, 255, 0.35); --shadow: rgba(0,0,0,.4); --maxw: 1200px; --radius: 18px; } *{ box-sizing: border-box; } html,body{ height:100%; } body{ margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; color:var(--text); background: radial-gradient(1200px 600px at 80% -10%, #17315a55, transparent 60%), radial-gradient(1000px 500px at 10% -10%, #114d6a55, transparent 60%), var(--bg); line-height:1.5; } a{ color:inherit; text-decoration:none; } .container{ max-width:var(--maxw); margin-inline:auto; padding:0 20px; } .btn{ display:inline-flex; align-items:center; gap:.6rem; background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#08111a; font-weight:700; padding:.9rem 1.2rem; border-radius:14px; box-shadow:0 8px 20px -8px var(--ring); border:0; cursor:pointer; transition:transform .15s ease, box-shadow .2s ease; } .btn:hover{ transform: translateY(-1px); box-shadow:0 16px 30px -12px var(--ring); } .btn.outline{ background:transparent; color:var(--text); border:1px solid #2b3e74; } /* HEADER */ header{ position:sticky; top:0; z-index:50; backdrop-filter:saturate(120%) blur(8px); background:linear-gradient(180deg, rgba(11,16,32,.9), rgba(11,16,32,.65)); border-bottom:1px solid #1e2a52; } .nav{ display:flex; align-items:center; justify-content:space-between; padding:14px 0; } .brand{ display:flex; align-items:center; gap:.7rem; font-weight:800; letter-spacing:.4px; } .logo{ width:34px; height:34px; border-radius:10px; background:conic-gradient(from 210deg, var(--brand) 0 40%, var(--brand-2) 40% 80%, #8ea6ff 80% 100%); box-shadow:0 4px 14px -6px var(--ring); position:relative; } .logo::after{ content:""; position:absolute; inset:3px; border-radius:8px; background:#0a142b; } .brand span{ font-size:1.05rem; } nav ul{ list-style:none; display:flex; gap:22px; padding:0; margin:0; align-items:center; } nav a{ color:var(--muted); font-weight:600; opacity:.9; } nav a:hover{ color:var(--text); } .nav-cta{ display:flex; gap:10px; align-items:center; } .hamburger{ display:none; background:transparent; border:0; width:40px; height:40px; color:var(--text); } /* MOBILE NAV */ @media (max-width: 900px){ nav{ display:none; } .hamburger{ display:block; } } .mobile-menu{ position:fixed; inset:0; background:rgba(7,10,22,.7); backdrop-filter: blur(10px); display:none; } .mobile-sheet{ position:absolute; right:0; top:0; bottom:0; width:min(85%, 420px); background:var(--bg-soft); border-left:1px solid #1e2a52; padding:20px; overflow:auto; } .mobile-menu.open{ display:block; } .mobile-sheet a{ display:block; padding:14px 12px; border-radius:12px; color:var(--muted); } .mobile-sheet a:hover{ background:#121c3e; color:var(--text); } /* HERO */ .hero{ position:relative; padding:72px 0 64px; overflow:hidden; } .hero-grid{ display:grid; grid-template-columns: 1.1fr 1fr; gap:46px; align-items:center; } .eyebrow{ display:inline-flex; align-items:center; gap:.5rem; font-weight:700; color:#a8c2ff; background:#0f214a; border:1px solid #263a77; padding:6px 10px; border-radius:999px; } h1{ font-size: clamp(2rem, 2.5vw + 1rem, 3.25rem); line-height:1.07; margin:14px 0; letter-spacing:.2px; } .lead{ color:#c9d6ff; font-size:1.1rem; max-width: 56ch; } .hero-ctas{ display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; } .hero-card{ background:linear-gradient(180deg, #101a3e, #0b1431); border:1px solid #24356c; border-radius:var(--radius); padding:22px; box-shadow:0 16px 35px -20px var(--shadow); } .kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:22px; } .kpi{ background:#0c1434; border:1px solid #22305f; border-radius:14px; padding:16px; text-align:center; } .kpi strong{ font-size:1.3rem; } @media (max-width: 900px){ .hero{ padding:60px 0 36px; } .hero-grid{ grid-template-columns: 1fr; } .kpis{ grid-template-columns: repeat(3, minmax(0,1fr)); } } /* FEATURES GRID */ .section{ padding:70px 0; } .section h2{ font-size: clamp(1.6rem, 1.5vw + 1rem, 2.2rem); margin:0 0 8px; } .section p.section-lead{ color:var(--muted); max-width:70ch; } .features{ display:grid; grid-template-columns: repeat(3,1fr); gap:18px; margin-top:26px; } .card{ background:linear-gradient(180deg, var(--card), var(--card-2)); border:1px solid #23366e; border-radius:var(--radius); padding:22px; box-shadow: 0 18px 38px -24px var(--shadow); } .card h3{ margin:0 0 6px; font-size:1.1rem; } .card p{ margin:0; color:#c8d5ff; } .chip{ display:inline-flex; align-items:center; gap:.5rem; font-size:.8rem; color:#baceff; background:#0c1a44; border:1px solid #263d7b; padding:4px 8px; border-radius:999px; } .icon{ width:24px; height:24px; display:inline-grid; place-items:center; } @media (max-width: 1000px){ .features{ grid-template-columns: repeat(2,1fr);} } @media (max-width: 680px){ .features{ grid-template-columns: 1fr;} } /* SIDE BY SIDE */ .split{ display:grid; grid-template-columns: 1.15fr 1fr; gap:38px; align-items:center; } .mock{ aspect-ratio: 4/3; border-radius:16px; border:1px solid #263a77; background:radial-gradient(600px 300px at 70% -10%, #27448b55, transparent 60%), #0c1434; box-shadow: inset 0 0 0 1px #1b2e63, 0 30px 60px -30px var(--shadow); position:relative; overflow:hidden; } .mock::after{ content:""; position:absolute; inset:12px; border-radius:12px; border:1px dashed #2a3f7a; opacity:.6; } .mock .bubble{ position:absolute; background:#0f214a; border:1px solid #2c4a99; padding:10px 12px; border-radius:14px; left:14px; right:auto; top:14px; color:#cfe0ff; font-size:.92rem; } .mock .bubble2{ left:auto; right:14px; top:auto; bottom:14px; } @media (max-width: 900px){ .split{ grid-template-columns:1fr; } } /* FAQ */ .faq{ margin-top:24px; } .faq-item{ border:1px solid #263a77; border-radius:14px; background:#0d1736; margin-bottom:10px; overflow:hidden; } .faq-q{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; cursor:pointer; } .faq-a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease; } .faq-a>div{ overflow:hidden; } .faq-item.open .faq-a{ grid-template-rows:1fr; } .faq-item.open .faq-q svg{ transform:rotate(180deg); } /* CTA */ .cta{ text-align:center; background: radial-gradient(900px 400px at 50% -10%, #20427a66, transparent 60%), #0a122c; border:1px solid #1f2f63; border-radius:var(--radius); padding:38px 20px; box-shadow:0 28px 60px -28px var(--shadow); } /* FOOTER */ footer{ border-top:1px solid #1e2a52; padding:36px 0; color:#b7c6ee; } .footer-grid{ display:grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap:28px; } .footer-grid h4{ margin:0 0 6px; font-size:1rem; color:#e6ecff; } .footer-grid a{ display:block; padding:6px 0; color:#b7c6ee; } .small{ font-size:.88rem; color:#9ab0dc; } @media (max-width: 900px){ .footer-grid{ grid-template-columns:1fr 1fr; } } Tech Spartan Features Why Us Solutions FAQ Contact Request Demo Chat on WhatsApp Tech Spartan Features Why Us Solutions FAQ Contact Chat on WhatsApp ⚡ Official WhatsApp Business + AI Chatbots Connect, Convert, and Support — All Inside WhatsApp. Launch WhatsApp Business API with multi‑agent live chat, AI chatbots, rich campaigns, and seamless integrations. Tech Spartan gives you one powerful platform to acquire, sell, and support — at scale. Get Started Explore Features 24/7AI + Live Support 3xFaster Response 99.9%Uptime Platform 📱 WhatsApp Storefront Hi! 👋 Looking for product catalog? Yes! Show me latest offers. Click‑to‑WhatsApp Ads Rich Media & Buttons Payments & COD Order Updates Build, Automate & Scale — Without the Chaos Everything you need to turn WhatsApp into your most powerful sales and support channel. Multi‑Agent Inbox Collaborate across teams with assignments, tags, notes, and SLAs—on web or mobile. AI Chatbots Drag‑and‑drop flows, quick replies, FAQs, and handoff to human agents when needed. Click‑to‑WhatsApp Ads Turn ad clicks into conversations. Capture leads with auto‑greetings and forms. Campaigns & Broadcasts Send personalized promos, back‑in‑stock alerts, and reminders with templates. Integrations Connect CRM, ecommerce, and payment gateways to sync data and automate tasks. Analytics Track response times, CSAT, revenue attribution, and template performance. Why Choose Tech Spartan? A streamlined stack that helps you do more with less. Built for growth teams that value speed, clarity, and results. Tailored WorkflowsDesign flows that match your journey—from lead capture to repeat purchase. One PlatformCatalog, orders, support, and campaigns in a single, unified workspace. Scale with ConfidenceHigh throughput, template approvals, and multi‑number support when you grow. Secure by DefaultRole‑based access, audit logs, encryption in transit & at rest. Omnichannel Journeys Email ➝ WhatsApp ➝ Payment Cart Recovery ➝ Support Handoff Solutions That Fit Your Team Pick what you need now. Add more as you grow. Commerce on WhatsApp Showcase catalog, accept payments, handle COD, and send order updates automatically. Support Desk Smart routing, canned replies, CSAT surveys, and SLA timers to keep quality high. Lead Gen & Nurture Click‑to‑WhatsApp ads, welcome flows, and drip sequences that convert faster. Integrations Hub Connect Shopify, Woo, Magento, HubSpot, Zoho, Razorpay, and more via APIs. Template Engine Design and submit message templates for approvals with variables and media. Developer‑Friendly Webhooks, SDKs, sandbox environment, and detailed logs for rapid iteration. Ready to go Spartan? Book a quick walkthrough and see how WhatsApp can power acquisition, sales, and support from one clean dashboard. Book a Demo Talk on WhatsApp FAQ What’s the difference between WhatsApp Business App and API? The App is for single‑device usage. The API powers automation, multi‑agent inbox, integrations, and high‑volume messaging via approved templates. Do you help with onboarding and template approvals? Yes. We assist with BSP setup, number verification, template drafting, submission, and go‑live. Can I use multiple numbers and teams? Absolutely. Add multiple brands and teams with role‑based permissions and routing rules. Which CRMs and ecommerce platforms do you support? Popular options include Shopify, WooCommerce, Magento, HubSpot, Zoho, Salesforce, and custom via APIs/webhooks. Tech Spartan We build fast, reliable WhatsApp experiences that drive growth—from first click to loyal customer. Email Us WhatsApp Company About Careers Pricing Blog Resources FAQ Docs API Status Reach Us Mon–Sat • 10:00–19:00 IST +91‑XXXXXXXXXX Mumbai • Pune • Bengaluru © Tech Spartan. All rights reserved. Privacy • Terms • Security // Update year document.getElementById('year').textContent = new Date().getFullYear(); // Mobile menu logic const mobile = document.getElementById('mobile'); const menuBtn = document.getElementById('menuBtn'); const closeBtn = document.getElementById('closeBtn'); const openMenu = () => mobile.classList.add('open'); const closeMenu = () => mobile.classList.remove('open'); window.closeMenu = closeMenu; // for inline onclick menuBtn.addEventListener('click', openMenu); closeBtn.addEventListener('click', closeMenu); mobile.addEventListener('click', (e)=>{ if(e.target === mobile) closeMenu(); }); // FAQ accordion document.querySelectorAll('.faq-item').forEach((item)=>{ item.querySelector('.faq-q').addEventListener('click', ()=>{ item.classList.toggle('open'); }); }); // Smooth scroll for internal links document.querySelectorAll('a[href^="#"]').forEach(a=>{ a.addEventListener('click', (e)=>{ const id = a.getAttribute('href'); if(id.length > 1){ e.preventDefault(); document.querySelector(id).scrollIntoView({behavior:'smooth', block:'start'}); } }) })