<!DOCTYPE html><html lang="en-IN" class="dark"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sparks AI — Ignite Your Future with AI | Build, Learn, Innovate</title><link rel="icon" type="image/png" href="/assets/images/iconlogo.png" sizes="32x32"><link rel="icon" type="image/png" href="/assets/images/iconlogo.png" sizes="16x16"><link rel="apple-touch-icon" href="/assets/images/iconlogo.png"><meta name="description" content="Sparks AI helps individuals and businesses harness AI, ML, and modern web/mobile technologies through intelligent products, courses, and consulting. Custom AI solutions, learning platform, and industry partnerships."><meta name="keywords" content="Sparks AI, AI development company India, ML consulting, AI automation solutions, AI courses India, machine learning bootcamp, web dev training, custom web app developers, mobile app company India, AI powered web development, Learn.SparksAI, Sparks AI Collaborate, AI solutions Chennai, web development company India, mobile app development, machine learning solutions, artificial intelligence services, custom software development, AI consulting, digital transformation, technology consulting, AI development company, web development services, mobile app developers, AI ML solutions, software development company, Sparks AI Chennai, SparksAI India, Sparksai company, affordable AI ML services for startups, learn AI in Tamil Nadu, online AI course for beginners, hire AI powered web development team"><meta name="author" content="Sparks AI"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><link rel="canonical" href="https://sparksai.in"><meta property="og:title" content="Sparks AI — Ignite Your Future with AI | Build, Learn, Innovate"><meta property="og:description" content="Sparks AI helps individuals and businesses harness AI, ML, and modern web/mobile technologies through intelligent products, courses, and consulting. Custom AI solutions, learning platform, and industry partnerships."><meta property="og:type" content="website"><meta property="og:url" content="https://sparksai.in"><meta property="og:site_name" content="Sparks AI"><meta property="og:image" content="https://sparksai.in/assets/images/logo.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Sparks AI - AI and Web Development Company"><meta property="og:locale" content="en_IN"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@SparksAI_"><meta name="twitter:creator" content="@SparksAI_"><meta name="twitter:title" content="Sparks AI — Ignite Your Future with AI | Build, Learn, Innovate"><meta name="twitter:description" content="Sparks AI helps individuals and businesses harness AI, ML, and modern web/mobile technologies through intelligent products, courses, and consulting. Custom AI solutions, learning platform, and industry partnerships."><meta name="twitter:image" content="https://sparksai.in/assets/images/logo.png"><meta name="twitter:image:alt" content="Sparks AI - AI and Web Development Company"><meta name="theme-color" content="#F59E0B"><meta name="msapplication-TileColor" content="#F59E0B"><meta name="geo.region" content="IN-TN"><meta name="geo.placename" content="Chennai, Tamil Nadu"><meta name="geo.position" content="12.9716;79.5946"><meta name="ICBM" content="12.9716, 79.5946"><meta name="DC.title" content="Sparks AI — AI, Web &amp; Mobile App Developers, Chennai"><meta name="DC.creator" content="Sparks AI"><meta name="DC.subject" content="AI Solutions, Web Development, Mobile Apps"><meta name="DC.description" content="AI, web and mobile app development in Chennai. Custom software and ML/AI solutions."><meta name="DC.publisher" content="Sparks AI"><meta name="DC.date" content="2025-01-27"><meta name="DC.type" content="Website"><meta name="DC.format" content="text/html"><meta name="DC.identifier" content="https://sparksai.in"><meta name="DC.language" content="en"><meta name="DC.coverage" content="India"><meta name="DC.rights" content="© 2025 Sparks AI. All rights reserved."><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&amp;family=Space+Grotesk:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"><link rel="preload" href="/assets/images/logo.png" as="image" type="image/png"><link rel="preload" href="/assets/images/iconlogo.png" as="image" type="image/png"><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-2X7P1T389Q"></script><script>window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-2X7P1T389Q');</script><meta name="format-detection" content="telephone=yes"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="Sparks AI"><meta name="application-name" content="Sparks AI"><meta name="msapplication-tooltip" content="Sparks AI - Leading AI &amp; Web Development Company"><meta name="msapplication-starturl" content="/"><script type="application/ld+json">{
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Sparks AI",
      "alternateName": ["SparksAI", "Sparksai", "sparksai.in"],
      "url": "https://sparksai.in",
      "logo": "https://sparksai.in/assets/images/logo.png",
      "description": "Sparks AI delivers innovative technology solutions including web applications, mobile apps, AI and ML to transform your business. Expert developers in Chennai, India specializing in React, Flutter, and cutting-edge AI solutions.",
      "foundingDate": "2025",
      "founder": {
        "@type": "Person",
        "name": "Ramachandraa PS"
      },
      "address": [
        {
          "@type": "PostalAddress",
          "streetAddress": "23/14 A, Ramalinganar 6th street",
          "addressLocality": "Tiruvannamalai",
          "addressRegion": "Tamil Nadu",
          "postalCode": "606601",
          "addressCountry": "IN",
          "addressType": "Head Office"
        },
        {
          "@type": "PostalAddress",
          "streetAddress": "StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering",
          "addressLocality": "Chennai",
          "addressRegion": "Tamil Nadu",
          "postalCode": "602105",
          "addressCountry": "IN",
          "addressType": "Workspace"
        }
      ],
      "contactPoint": [
        {
          "@type": "ContactPoint",
          "telephone": "+919345364408",
          "contactType": "customer service",
          "email": "contactsparksai@gmail.com",
          "availableLanguage": ["English", "Tamil"]
        }
      ],
      "sameAs": [
        "https://www.linkedin.com/company/sparksai/",
        "https://x.com/SparksAI_",
        "https://www.instagram.com/sparksai.in/"
      ],
      "areaServed": {
        "@type": "Country",
        "name": "India"
      },
      "serviceType": [
        "AI Development Services",
        "Web Development Solutions",
        "Mobile App Development", 
        "Machine Learning Solutions",
        "Custom Software Development",
        "Generative AI Integration",
        "Deep Learning Solutions",
        "AI Chatbot Development",
        "React Development",
        "Flutter App Development",
        "Digital Transformation",
        "Technology Consulting",
        "Software Product Development",
        "AI Consulting Services"
      ]
    }</script><script type="application/ld+json">{
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "Sparks AI",
      "alternateName": ["SparksAI", "Sparksai", "sparksai.in"],
      "description": "Sparks AI delivers innovative technology solutions including web applications, mobile apps, AI and ML to transform your business. Expert developers in Chennai, India specializing in React, Flutter, and cutting-edge AI solutions.",
      "url": "https://sparksai.in",
      "logo": "https://sparksai.in/assets/images/logo.png",
      "image": "https://sparksai.in/assets/images/logo.png",
      "telephone": "+919345364408",
      "email": "contactsparksai@gmail.com",
      "address": [
        {
          "@type": "PostalAddress",
          "streetAddress": "23/14 A, Ramalinganar 6th street",
          "addressLocality": "Tiruvannamalai",
          "addressRegion": "Tamil Nadu",
          "postalCode": "606601",
          "addressCountry": "IN",
          "geo": {
            "@type": "GeoCoordinates",
            "latitude": "12.2276",
            "longitude": "79.0626"
          }
        },
        {
          "@type": "PostalAddress",
          "streetAddress": "StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering",
          "addressLocality": "Chennai",
          "addressRegion": "Tamil Nadu",
          "postalCode": "602105",
          "addressCountry": "IN",
          "geo": {
            "@type": "GeoCoordinates",
            "latitude": "12.9716",
            "longitude": "79.5946"
          }
        }
      ],
      "openingHours": "Mo-Fr 09:00-18:00",
      "priceRange": "$$",
      "paymentAccepted": "Cash, Credit Card, Bank Transfer",
      "currenciesAccepted": "INR",
      "areaServed": [
        {
          "@type": "Country",
          "name": "India"
        },
        {
          "@type": "State",
          "name": "Tamil Nadu"
        },
        {
          "@type": "City",
          "name": "Chennai"
        },
        {
          "@type": "City", 
          "name": "Tiruvannamalai"
        }
      ],
      "sameAs": [
        "https://www.linkedin.com/company/sparksai/",
        "https://x.com/SparksAI_",
        "https://www.instagram.com/sparksai.in/"
      ]
    }</script><script type="application/ld+json">{
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What services does Sparks AI offer?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sparks AI offers comprehensive AI and web development services including custom software development, mobile app development, machine learning solutions, generative AI integration, React development, Flutter app development, AI chatbot development, and digital transformation consulting. We specialize in cutting-edge technology solutions for businesses in Chennai, India and across the country."
          }
        },
        {
          "@type": "Question",
          "name": "Where is Sparks AI located?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sparks AI is headquartered in Chennai, Tamil Nadu, India. We have our main office in Tiruvannamalai and a workspace at StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering in Chennai. We serve clients across India and globally."
          }
        },
        {
          "@type": "Question",
          "name": "What technologies does Sparks AI specialize in?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sparks AI specializes in modern technologies including React, Flutter, TypeScript, React Native, artificial intelligence, machine learning, deep learning, generative AI, custom software development, web applications, mobile applications, and AI-powered solutions. We stay updated with the latest tech trends to deliver cutting-edge solutions."
          }
        }
      ]
    }</script><script type="application/ld+json">{
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Sparks AI",
      "alternateName": ["SparksAI", "sparksai.in"],
      "url": "https://sparksai.in",
      "description": "AI, web and mobile app development in Chennai. Custom software, ML/AI solutions, and chatbots for Indian businesses.",
      "publisher": {
        "@type": "Organization",
        "name": "Sparks AI",
        "url": "https://sparksai.in"
      },
      "inLanguage": "en-IN",
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://sparksai.in/learn/{search_term_string}"
        },
        "query-input": "required name=search_term_string"
      }
    }</script><meta name="google-site-verification" content="RvvDi44AWms75jKviagJdgIuf45JGzOwuXgXQBCb-DI"><meta name="msvalidate.01" content="D966BF4AB3D923519C490CFB8AFB7D56"><script type="module" crossorigin="" src="/assets/index.CwmbYI1c.js"></script><link rel="stylesheet" crossorigin="" href="/assets/index.DDccpynr.css"><style type="text/css">:where([data-sonner-toaster][dir=ltr]),:where(html[dir=ltr]){--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}:where([data-sonner-toaster][dir=rtl]),:where(html[dir=rtl]){--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999}:where([data-sonner-toaster][data-x-position=right]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position=left]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position=center]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position=top]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position=bottom]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled=true]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position=top]){top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position=bottom]){bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise=true]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme=dark]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled=true]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping=true]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position=top][data-swiping=true]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position=bottom][data-swiping=true]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping=false][data-removed=true]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted=true]){--y:translateY(0);opacity:1}:where([data-sonner-toast][data-expanded=false][data-front=false]){--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded=false][data-front=false][data-styled=true])>*{opacity:0}:where([data-sonner-toast][data-visible=false]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted=true][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]){--y:translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]){--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed=true][data-front=false]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount,0));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;--mobile-offset:16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 91%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 91%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 91%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 100%, 12%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 12%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}</style></head><body><div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Sparks AI","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png","description":"Sparks AI is a leading AI & web development company in Chennai, India. We specialize in custom software solutions, mobile apps, machine learning, and generative AI. Transform your business with our cutting-edge technology expertise and innovative digital solutions.","foundingDate":"2025","founder":{"@type":"Person","name":"Ramachandraa PS"},"address":[{"@type":"PostalAddress","streetAddress":"23/14 A, Ramalinganar 6th street","addressLocality":"Tiruvannamalai","addressRegion":"Tamil Nadu","postalCode":"606601","addressCountry":"IN","addressType":"Head Office"},{"@type":"PostalAddress","streetAddress":"StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering","addressLocality":"Chennai","addressRegion":"Tamil Nadu","postalCode":"602105","addressCountry":"IN","addressType":"Workspace"}],"contactPoint":[{"@type":"ContactPoint","telephone":"+919345364408","contactType":"customer service","email":"contactsparksai@gmail.com","availableLanguage":["English","Tamil"]}],"sameAs":["https://www.linkedin.com/company/sparksai/","https://x.com/SparksAI_","https://www.instagram.com/sparksai.in/"],"areaServed":{"@type":"Country","name":"India"},"serviceType":["AI Development Services","Web Development Solutions","Mobile App Development","Machine Learning Solutions","Custom Software Development","Generative AI Integration","Deep Learning Solutions","AI Chatbot Development","React Development","Flutter App Development","Digital Transformation","Technology Consulting","Software Product Development","AI Consulting Services"],"knowsAbout":["Artificial Intelligence","Machine Learning","Web Development","Mobile Development","React Development","Flutter Development","AI Chatbots","Deep Learning","Generative AI","TypeScript","React Native","Custom Software Development","Product Development","Project Management","Digital Transformation","Technology Consulting","AI Solutions","Mobile App Development","Web Applications","Software Engineering","AI Development","Machine Learning Solutions","Tech Solutions Chennai","Software Company India"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"AI and Web Development Solutions","description":"Comprehensive technology solutions including web development, mobile apps, AI/ML, and custom software development.","provider":{"@type":"Organization","name":"Sparks AI","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png"},"serviceType":"Technology Solutions","areaServed":{"@type":"Country","name":"India"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Technology Services Portfolio","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Development","description":"Create responsive, scalable web applications with modern frameworks like React, Angular, and Node.js.","category":"Web Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile App Development","description":"Build native and cross-platform mobile applications using Flutter, React Native, and Swift.","category":"Mobile Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI/ML Solutions","description":"Leverage artificial intelligence and machine learning with TensorFlow, PyTorch, and custom ML models.","category":"Artificial Intelligence"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Generative AI Integration","description":"Integrate state-of-the-art generative AI models including OpenAI, Stable Diffusion, and LLMs.","category":"Generative AI"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Deep Learning Solutions","description":"Implement neural networks and deep learning algorithms for advanced pattern recognition and data analysis.","category":"Deep Learning"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Custom Software Development","description":"Develop tailored software solutions designed to meet specific business requirements and challenges.","category":"Custom Software"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Product Development","description":"Transform product ideas into market-ready solutions with end-to-end development services.","category":"Product Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Embedded Systems","description":"Design and develop embedded systems and IoT solutions for hardware-software integration projects.","category":"Embedded Systems"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"End-to-End Project Development","description":"Comprehensive project management and development from concept to deployment and maintenance.","category":"Project Management"}}]},"offers":{"@type":"Offer","description":"Professional technology solutions with transparent pricing and agile methodology","priceCurrency":"INR","availability":"https://schema.org/InStock"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Sparks AI","description":"Sparks AI is a leading AI & web development company in Chennai, India. We specialize in custom software solutions, mobile apps, machine learning, and generative AI. Transform your business with our cutting-edge technology expertise and innovative digital solutions.","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png","image":"https://sparksai.in/assets/images/logo.png","telephone":"+919345364408","email":"contactsparksai@gmail.com","address":[{"@type":"PostalAddress","streetAddress":"23/14 A, Ramalinganar 6th street","addressLocality":"Tiruvannamalai","addressRegion":"Tamil Nadu","postalCode":"606601","addressCountry":"IN","geo":{"@type":"GeoCoordinates","latitude":"12.2276","longitude":"79.0626"}},{"@type":"PostalAddress","streetAddress":"StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering","addressLocality":"Chennai","addressRegion":"Tamil Nadu","postalCode":"602105","addressCountry":"IN","geo":{"@type":"GeoCoordinates","latitude":"12.9716","longitude":"79.5946"}}],"openingHours":"Mo-Fr 09:00-18:00","priceRange":"$$","paymentAccepted":"Cash, Credit Card, Bank Transfer","currenciesAccepted":"INR","areaServed":[{"@type":"Country","name":"India"},{"@type":"State","name":"Tamil Nadu"},{"@type":"City","name":"Chennai"},{"@type":"City","name":"Tiruvannamalai"}],"serviceArea":{"@type":"GeoCircle","geoMidpoint":{"@type":"GeoCoordinates","latitude":"12.9716","longitude":"79.5946"},"geoRadius":"500000"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Technology Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Development","description":"Create responsive, scalable web applications with modern frameworks and cutting-edge technologies."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile App Development","description":"Build native and cross-platform mobile applications that deliver exceptional user experiences."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI/ML Solutions","description":"Leverage the power of artificial intelligence and machine learning to solve complex business problems."}}]},"sameAs":["https://www.linkedin.com/company/sparksai/","https://x.com/SparksAI_","https://www.instagram.com/sparksai.in/"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is AI-powered web development?","acceptedAnswer":{"@type":"Answer","text":"AI-powered web development integrates artificial intelligence technologies into web applications to enhance user experience, automate processes, and provide intelligent features. This includes chatbots, recommendation systems, predictive analytics, and personalized content delivery."}},{"@type":"Question","name":"How can businesses use AI automation?","acceptedAnswer":{"@type":"Answer","text":"Businesses can use AI automation to streamline operations, reduce manual work, and improve efficiency. Common applications include customer service chatbots, automated data analysis, inventory management, lead scoring, and personalized marketing campaigns."}},{"@type":"Question","name":"What AI courses does Sparks AI offer?","acceptedAnswer":{"@type":"Answer","text":"Sparks AI offers comprehensive AI and ML courses through Learn.SparksAI platform, including beginner to advanced machine learning, deep learning, web development with AI integration, and cloud computing courses tailored for Indian professionals."}},{"@type":"Question","name":"How can AI transform small businesses in India?","acceptedAnswer":{"@type":"Answer","text":"AI helps small businesses in India by automating repetitive tasks, personalizing customer experiences, analyzing data for better decision-making, and improving productivity. At Sparks AI, we develop ML-driven dashboards and chatbots tailored specifically for small businesses to improve efficiency and growth."}},{"@type":"Question","name":"What is the difference between AI, ML, and Deep Learning?","acceptedAnswer":{"@type":"Answer","text":"Artificial Intelligence (AI) is the broad concept of machines performing tasks that typically require human intelligence. Machine Learning (ML) is a subset of AI that enables machines to learn from data without explicit programming. Deep Learning is a subset of ML that uses neural networks with multiple layers to process complex patterns in data."}},{"@type":"Question","name":"How much does AI development cost for startups?","acceptedAnswer":{"@type":"Answer","text":"AI development costs for startups vary based on project complexity and requirements. Sparks AI offers affordable AI/ML services starting from basic automation solutions to advanced custom AI applications, with flexible pricing models designed specifically for startup budgets and growth stages."}},{"@type":"Question","name":"Can I learn AI without coding experience?","acceptedAnswer":{"@type":"Answer","text":"Yes! Sparks AI offers beginner-friendly courses that teach AI concepts and applications without requiring extensive coding knowledge. Our 'Build Your First AI App Without Coding' course is designed for non-technical professionals who want to understand and implement AI solutions in their work."}},{"@type":"Question","name":"What programming languages are best for AI development?","acceptedAnswer":{"@type":"Answer","text":"Python is the most popular language for AI development due to its extensive libraries like TensorFlow, PyTorch, and scikit-learn. Other important languages include R for statistical analysis, JavaScript for web-based AI applications, and C++ for performance-critical AI systems."}},{"@type":"Question","name":"How long does it take to develop a custom AI solution?","acceptedAnswer":{"@type":"Answer","text":"Development time varies based on complexity: simple chatbots (2-4 weeks), basic ML models (1-3 months), complex AI systems (3-6 months). Sparks AI follows agile methodology with regular updates and can provide accurate timelines after understanding your specific requirements."}},{"@type":"Question","name":"Does Sparks AI provide ongoing support for AI projects?","acceptedAnswer":{"@type":"Answer","text":"Yes, Sparks AI provides comprehensive ongoing support including model monitoring, performance optimization, updates, maintenance, and scaling. We offer different support packages to ensure your AI solutions continue to perform optimally as your business grows."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Course","name":"AI and Machine Learning Fundamentals","description":"Comprehensive course covering AI, ML, and web development fundamentals. Learn to build AI-powered applications from scratch.","provider":{"@type":"Organization","name":"Sparks Learn","url":"https://learn.sparksai.in","logo":"https://sparksai.in/assets/images/logo.png","sameAs":"https://sparksai.in"},"courseCode":"AI-ML-101","educationalLevel":"Beginner to Intermediate","inLanguage":["English","Tamil"],"teaches":["Artificial Intelligence Fundamentals","Machine Learning Algorithms","Python Programming for AI","Web Development with AI Integration","Deep Learning Basics","AI Project Development"],"coursePrerequisites":"Basic programming knowledge recommended but not required","educationalCredentialAwarded":"Certificate of Completion","timeRequired":"PT40H","courseMode":["Online","Self-paced"],"isAccessibleForFree":false,"offers":{"@type":"Offer","price":"4999","priceCurrency":"INR","availability":"https://schema.org/InStock","validFrom":"2025-01-27","url":"https://learn.sparksai.in/courses/ai-ml-fundamentals"},"syllabusSections":[{"@type":"Syllabus","name":"Introduction to AI and ML","description":"Understanding the basics of artificial intelligence and machine learning"},{"@type":"Syllabus","name":"Python for AI Development","description":"Learning Python programming specifically for AI and ML applications"},{"@type":"Syllabus","name":"Machine Learning Algorithms","description":"Supervised, unsupervised, and reinforcement learning algorithms"},{"@type":"Syllabus","name":"Building AI Applications","description":"Hands-on projects to build real-world AI applications"}],"hasCourseInstance":{"@type":"CourseInstance","courseMode":"Online","instructor":{"@type":"Person","name":"Sparks AI Team","jobTitle":"AI/ML Instructors"}}}</script><main class="relative min-h-screen bg-[#121212] text-foreground"><canvas class="absolute inset-0 z-0 opacity-70" aria-hidden="true" role="presentation" width="480" height="850"></canvas><header class="fixed top-0 left-0 w-full z-50 transition-all duration-300 bg-transparent py-3"><div class="container flex justify-between items-center"><a class="z-10 flex items-center group" href="/"><div class="relative flex items-center transition-all duration-300"><img src="/assets/images/logo.png" alt="Spark Forge Dynamics" class="transition-all duration-300 h-9 md:h-12" style="object-fit:contain;max-width:240px;object-position:left center"></div></a><div class="md:hidden"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground text-white hover:bg-white/10 h-8 w-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div><nav class="hidden md:flex items-center justify-center absolute left-0 right-0 mx-auto"><div class="flex items-center space-x-8"><a class="font-medium text-white/90 hover:text-amber-400 transition text-sm" href="/">Home</a><a href="#services" class="font-medium text-white/90 hover:text-amber-400 transition text-sm">Services</a><a class="font-medium text-white/90 hover:text-amber-400 transition text-sm" href="/projects">Projects</a><a class="font-medium text-white/90 hover:text-amber-400 transition text-sm" href="/blog">Blog</a><div class="relative"><button class="font-medium text-white/90 hover:text-amber-400 transition text-sm flex items-center gap-1">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3 w-3 transition-transform"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></nav><div class="hidden md:block"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-amber-500 text-black hover:bg-amber-400 h-8 text-sm px-4 py-0">Get Started</button></div></div><div class="md:hidden transition-all duration-300 ease-in-out overflow-hidden max-h-0 opacity-0"><div class="container flex flex-col space-y-3"><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/">Home</a><a href="#services" class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm">Services</a><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/projects">Projects</a><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/blog">Blog</a><div class="border-t border-amber-500/10 pt-2 mt-1"><span class="text-xs text-amber-400/60 uppercase tracking-wider">Resources</span></div><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/learn">Glossary</a><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/best">Best Tools</a><a class="font-medium text-white/90 hover:text-amber-400 transition py-1 text-sm" href="/examples">Examples</a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 px-4 py-2 bg-amber-500 text-black hover:bg-amber-400 h-8 text-sm w-full">Get Started</button></div></div></header><section class="relative min-h-screen flex items-center pt-20 overflow-hidden bg-[#121212]" role="banner" aria-label="Hero section"><div class="container mx-auto px-4 py-16 relative z-10"><div class="max-w-4xl mx-auto text-center"><div class="animate-fade-in [animation-delay:0.2s] opacity-0"><h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight text-amber-50">Leading AI &amp; Web Development Company - <span class="text-gradient-professional relative inline-block">Sparks AI<div class="absolute -bottom-1 left-0 w-full h-0.5 bg-gradient-to-r from-transparent via-amber-500 to-transparent"></div></span></h1></div><div class="animate-fade-in [animation-delay:0.3s] opacity-0"><h2 class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-6 text-amber-200">Ignite your future with AI. Build, Learn, and Innovate with Sparks AI.</h2></div><div class="animate-fade-in [animation-delay:0.4s] opacity-0"></div><div class="animate-fade-in [animation-delay:0.5s] opacity-0 mb-10"><div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto"><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-6 h-full flex flex-col"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br from-amber-500/20 to-amber-600/10 rounded-lg w-12 h-12 flex items-center justify-center shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu h-6 w-6 text-amber-400"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><h3 class="text-lg font-semibold text-amber-200">Sparks AI Solutions</h3></div><p class="text-amber-100/70 text-sm">Custom AI, ML, Web &amp; Mobile solutions</p></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent opacity-40 group-hover:opacity-100 transition-opacity duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-6 h-full flex flex-col"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br from-amber-500/20 to-amber-600/10 rounded-lg w-12 h-12 flex items-center justify-center shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-6 w-6 text-amber-400"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="text-lg font-semibold text-amber-200">Sparks Learn</h3></div><p class="text-amber-100/70 text-sm">Upskilling platform for AI, ML, Web Dev &amp; Cloud</p></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent opacity-40 group-hover:opacity-100 transition-opacity duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-6 h-full flex flex-col"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br from-amber-500/20 to-amber-600/10 rounded-lg w-12 h-12 flex items-center justify-center shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-6 w-6 text-amber-400"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="text-lg font-semibold text-amber-200">Spark Labs</h3></div><p class="text-amber-100/70 text-sm">AI agents for business automation.</p></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent opacity-40 group-hover:opacity-100 transition-opacity duration-500"></div></div></div></div><div class="flex flex-col sm:flex-row justify-center items-center gap-4 animate-fade-in [animation-delay:0.6s] opacity-0"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-11 rounded-md group bg-amber-600 hover:bg-amber-700 text-amber-50 px-8 py-6 text-lg relative overflow-hidden" aria-label="Get started with Sparks AI services"><span class="relative z-10">Get Started</span><span class="absolute inset-0 w-0 bg-gradient-to-r from-amber-600 to-amber-800 group-hover:w-full transition-all duration-500"></span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:text-accent-foreground h-11 rounded-md group border-amber-500 text-amber-100 hover:bg-amber-900/20 px-8 py-6 text-lg" aria-label="View our services">Our Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-5 w-5 transform transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="hidden md:flex justify-center mt-20 animate-fade-in [animation-delay:0.8s] opacity-0" role="complementary" aria-label="Technology expertise showcase"><div class="grid grid-cols-4 gap-6"><div class="flex flex-col items-center animate-float tech-icon-float" style="animation-delay:0s"><div class="p-4 bg-gradient-to-br from-[#1A1812]/80 to-[#1A1812]/40 rounded-full shadow-lg backdrop-blur-sm transform transition-all duration-300 group-hover:shadow-amber-500/20 border border-amber-500/10 glow-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-laptop h-8 w-8 text-amber-400"><path d="M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16"></path></svg></div><span class="mt-2 text-sm font-medium text-amber-100/80">Web Dev</span></div><div class="flex flex-col items-center animate-float tech-icon-float" style="animation-delay:.3s"><div class="p-4 bg-gradient-to-br from-[#1A1812]/80 to-[#1A1812]/40 rounded-full shadow-lg backdrop-blur-sm transform transition-all duration-300 group-hover:shadow-amber-500/20 border border-amber-500/10 glow-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-8 w-8 text-amber-400"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><span class="mt-2 text-sm font-medium text-amber-100/80">Mobile Apps</span></div><div class="flex flex-col items-center animate-float tech-icon-float" style="animation-delay:.6s"><div class="p-4 bg-gradient-to-br from-[#1A1812]/80 to-[#1A1812]/40 rounded-full shadow-lg backdrop-blur-sm transform transition-all duration-300 group-hover:shadow-amber-500/20 border border-amber-500/10 glow-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu h-8 w-8 text-amber-400"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="mt-2 text-sm font-medium text-amber-100/80">AI Solutions</span></div><div class="flex flex-col items-center animate-float tech-icon-float" style="animation-delay:.9s"><div class="p-4 bg-gradient-to-br from-[#1A1812]/80 to-[#1A1812]/40 rounded-full shadow-lg backdrop-blur-sm transform transition-all duration-300 group-hover:shadow-amber-500/20 border border-amber-500/10 glow-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code h-8 w-8 text-amber-400"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><span class="mt-2 text-sm font-medium text-amber-100/80">UI/UX</span></div></div></div></div><div class="absolute top-0 left-0 right-0 bottom-0 bg-[#121212] z-0"></div><div class="absolute inset-0 z-0"><div id="network-animation"></div></div><div class="absolute top-1/3 right-1/4 w-64 h-64 rounded-full bg-amber-500/5 blur-3xl"></div><div class="absolute bottom-1/4 left-1/3 w-64 h-64 rounded-full bg-amber-600/5 blur-3xl"></div></section><section id="services"><section id="services" class="py-20 relative overflow-hidden bg-[#121212]/95"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"AI and Web Development Solutions","description":"Comprehensive technology solutions including web development, mobile apps, AI/ML, and custom software development.","provider":{"@type":"Organization","name":"Sparks AI","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png"},"serviceType":"Technology Solutions","areaServed":{"@type":"Country","name":"India"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Technology Services Portfolio","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Development","description":"Create responsive, scalable web applications with modern frameworks like React, Angular, and Node.js.","category":"Web Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile App Development","description":"Build native and cross-platform mobile applications using Flutter, React Native, and Swift.","category":"Mobile Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI/ML Solutions","description":"Leverage artificial intelligence and machine learning with TensorFlow, PyTorch, and custom ML models.","category":"Artificial Intelligence"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Generative AI Integration","description":"Integrate state-of-the-art generative AI models including OpenAI, Stable Diffusion, and LLMs.","category":"Generative AI"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Deep Learning Solutions","description":"Implement neural networks and deep learning algorithms for advanced pattern recognition and data analysis.","category":"Deep Learning"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Custom Software Development","description":"Develop tailored software solutions designed to meet specific business requirements and challenges.","category":"Custom Software"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Product Development","description":"Transform product ideas into market-ready solutions with end-to-end development services.","category":"Product Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Embedded Systems","description":"Design and develop embedded systems and IoT solutions for hardware-software integration projects.","category":"Embedded Systems"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"End-to-End Project Development","description":"Comprehensive project management and development from concept to deployment and maintenance.","category":"Project Management"}}]},"offers":{"@type":"Offer","description":"Professional technology solutions with transparent pricing and agile methodology","priceCurrency":"INR","availability":"https://schema.org/InStock"}}</script><div class="absolute inset-0 z-0"><div class="grid-animation"></div></div><div class="container mx-auto px-4 relative z-10"><div class="text-center mb-16"><h2 class="text-3xl md:text-5xl font-bold mb-4">Expertise <span class="text-gradient-professional">Services</span></h2><p class="text-xl text-amber-100/80 max-w-2xl mx-auto">We deliver comprehensive technology solutions tailored to your unique business challenges.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.15s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code h-7 w-7 text-amber-400"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h3 class="text-xl font-bold text-amber-50">Web Development</h3></div><p class="text-amber-100/70 text-sm mb-4">Create responsive, scalable web applications with modern frameworks and cutting-edge technologies.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">React</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Angular</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Node.js</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">Our expert web developers create responsive, user-friendly websites and web applications using the latest technologies. From simple landing pages to complex enterprise solutions, we deliver high-quality web experiences that engage users and drive business growth.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.25s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-7 w-7 text-amber-400"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><h3 class="text-xl font-bold text-amber-50">Mobile App Development</h3></div><p class="text-amber-100/70 text-sm mb-4">Build native and cross-platform mobile applications that deliver exceptional user experiences.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Flutter</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">React Native</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Swift</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">We build custom mobile applications for iOS and Android that provide seamless experiences across devices. Our mobile development team focuses on intuitive interfaces, optimal performance, and innovative features to help your business reach customers on their preferred devices.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.35s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database h-7 w-7 text-amber-400"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="text-xl font-bold text-amber-50">AI/ML Solutions</h3></div><p class="text-amber-100/70 text-sm mb-4">Leverage the power of artificial intelligence and machine learning to solve complex business problems.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">TensorFlow</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">PyTorch</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">NLP</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">Harness the power of artificial intelligence and machine learning to gain insights from your data. Our data scientists develop custom ML models that automate processes, predict trends, and enhance decision-making. We specialize in computer vision, natural language processing, and predictive analytics.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.45s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-7 w-7 text-amber-400"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="text-xl font-bold text-amber-50">Generative AI Integration</h3></div><p class="text-amber-100/70 text-sm mb-4">Integrate state-of-the-art generative AI models to create content, designs, and innovative solutions.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">OpenAI</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Stable Diffusion</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">LLMs</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">Our experts implement cutting-edge generative AI technologies to automate content creation, personalize user experiences, and solve complex business challenges. We specialize in integrating large language models, image generation, and other generative AI capabilities into your existing workflows and applications.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.55s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-braces h-7 w-7 text-amber-400"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path></svg></div><h3 class="text-xl font-bold text-amber-50">Deep Learning Solutions</h3></div><p class="text-amber-100/70 text-sm mb-4">Implement neural networks and deep learning algorithms for advanced pattern recognition and data analysis.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">CNN</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">RNN</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Transformers</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">Our team designs and implements sophisticated deep learning architectures to solve complex problems requiring advanced pattern recognition, computer vision, and natural language understanding. We optimize neural networks for performance and accuracy to deliver breakthrough solutions for your business challenges.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.65s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool h-7 w-7 text-amber-400"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div><h3 class="text-xl font-bold text-amber-50">Custom Software Development</h3></div><p class="text-amber-100/70 text-sm mb-4">Develop tailored software solutions designed to meet your specific business requirements and challenges.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Enterprise Apps</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">SaaS</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Cloud Solutions</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">We create custom software applications tailored to your unique business requirements. Our team follows agile development methodologies to ensure high-quality, scalable, and maintainable solutions that align perfectly with your business objectives and provide competitive advantages.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.75s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch h-7 w-7 text-amber-400"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></div><h3 class="text-xl font-bold text-amber-50">Product Development</h3></div><p class="text-amber-100/70 text-sm mb-4">Transform your product ideas into market-ready solutions with our end-to-end development services.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">MVP</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Prototyping</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Scale-up</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">We provide comprehensive product development services from concept to market-ready solutions. Our team assists with market research, prototyping, development, testing, and deployment to help you create successful digital products that users love and that drive business growth.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.85s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu h-7 w-7 text-amber-400"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><h3 class="text-xl font-bold text-amber-50">Embedded Systems</h3></div><p class="text-amber-100/70 text-sm mb-4">Design and develop embedded systems and IoT solutions for hardware-software integration projects.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">IoT</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Firmware</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">RTOS</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">Our embedded systems engineers develop reliable software for microcontrollers and IoT devices. We specialize in real-time operating systems, firmware development, and integrating hardware with cloud solutions to create connected, intelligent products for various industries.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div><div class="relative rounded-lg transition-all duration-500 ease-out overflow-hidden group bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/10 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30 animate-fade-in opacity-0" style="animation-delay:.95s;height:auto;min-height:280px"><div class="p-6 h-full flex flex-col relative z-10 transition-all duration-300"><div class="flex items-center gap-3 mb-2"><div class="p-3 bg-gradient-to-br rounded-lg w-12 h-12 flex items-center justify-center from-amber-500/20 to-amber-600/10 shadow-inner shadow-amber-600/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-7 w-7 text-amber-400"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="text-xl font-bold text-amber-50">End-to-End Project Development</h3></div><p class="text-amber-100/70 text-sm mb-4">Comprehensive project management and development from concept to deployment and maintenance.</p><div class="mt-6"><div class="h-px w-full bg-gradient-to-r from-amber-500/0 via-amber-500/30 to-amber-500/0 my-3"></div><h4 class="font-medium text-xs text-amber-400 mb-2">KEY TECHNOLOGIES</h4><div class="flex flex-wrap gap-2 mb-4"><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">Agile</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">DevOps</span><span class="text-xs px-2 py-1 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-300">CI/CD</span></div><div class="transition-all duration-500 max-h-0 opacity-0 mt-0 overflow-hidden"><p class="text-xs text-amber-100/70 leading-relaxed">We provide complete project management and development services that take your ideas from initial concept through planning, design, development, testing, deployment, and ongoing maintenance. Our structured approach ensures successful delivery while minimizing risks and maximizing business value.</p></div></div></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48ZyBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9Ik0xMCAxMGgxMHYxMEgxMHoiLz48cGF0aCBkPSJNMzAgMTBIMjBWMzBoMTB2MTBoLTIwdjEwaDMwVjQwaDEwVjIwSDQwVjEweiIvPjxwYXRoIGQ9Ik01MCAxMGgxMHY0MGgtMTB2LTEwaDEwVjMwaC0xMFYyMGgxMFYxMHoiLz48L2c+PC9zdmc+')] bg-center opacity-0 transition-opacity duration-500"></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-amber-500/10 to-transparent transform origin-top-right transition-all duration-500 opacity-50 scale-100"></div><div class="absolute bottom-0 left-0 right-0 h-1.5 bg-gradient-to-r from-transparent via-amber-500/60 to-transparent transform transition-all duration-500 opacity-30"></div><div class="absolute inset-0 border-2 border-amber-500/0 rounded-lg transition-all duration-500"></div></div></div></div><div class="absolute top-10 left-10 w-64 h-64 rounded-full bg-amber-500/5 blur-3xl"></div><div class="absolute bottom-10 right-10 w-64 h-64 rounded-full bg-amber-500/5 blur-3xl"></div></section></section><section id="process" class="py-20 bg-[#121212]"><div class="container mx-auto px-4"><div class="text-center mb-16"><h2 class="text-3xl md:text-5xl font-bold mb-4">Our <span class="text-gradient-professional">Process</span></h2><p class="text-xl text-amber-100/80 max-w-2xl mx-auto">We follow a structured and collaborative approach to turn your ideas into reality.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 relative"><div class="hidden lg:block absolute inset-0 pointer-events-none"><div class="absolute top-1/2 -translate-y-1/2 left-[calc(25%-1rem)] translate-x-1/2"><div class="flex items-center justify-center w-8 h-8 group"><div class="flex items-center"><div class="h-0.5 w-3 bg-gradient-to-r from-amber-500/30 to-amber-500/60"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-amber-500/70 h-4 w-4 mx-1 transition-all duration-300 group-hover:text-amber-400 group-hover:scale-110"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="h-0.5 w-3 bg-gradient-to-l from-amber-500/60 to-amber-500/30"></div></div></div></div><div class="absolute top-1/2 -translate-y-1/2 left-[calc(50%-1rem)] translate-x-1/2"><div class="flex items-center justify-center w-8 h-8 group"><div class="flex items-center"><div class="h-0.5 w-3 bg-gradient-to-r from-amber-500/30 to-amber-500/60"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-amber-500/70 h-4 w-4 mx-1 transition-all duration-300 group-hover:text-amber-400 group-hover:scale-110"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="h-0.5 w-3 bg-gradient-to-l from-amber-500/60 to-amber-500/30"></div></div></div></div><div class="absolute top-1/2 -translate-y-1/2 left-[calc(75%-1rem)] translate-x-1/2"><div class="flex items-center justify-center w-8 h-8 group"><div class="flex items-center"><div class="h-0.5 w-3 bg-gradient-to-r from-amber-500/30 to-amber-500/60"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-amber-500/70 h-4 w-4 mx-1 transition-all duration-300 group-hover:text-amber-400 group-hover:scale-110"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="h-0.5 w-3 bg-gradient-to-l from-amber-500/60 to-amber-500/30"></div></div></div></div></div><div class="hidden md:block lg:hidden absolute inset-0 pointer-events-none"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 translate-y-4"><div class="flex flex-col items-center justify-center w-8 h-8 group"><div class="flex flex-col items-center"><div class="w-0.5 h-3 bg-gradient-to-b from-amber-500/30 to-amber-500/60"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-amber-500/70 h-4 w-4 my-1 rotate-90 transition-all duration-300 group-hover:text-amber-400 group-hover:scale-110"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="w-0.5 h-3 bg-gradient-to-t from-amber-500/60 to-amber-500/30"></div></div></div></div></div><div class="relative"><div class="animate-fade-in opacity-0" style="animation-delay:.2s"><div class="flex flex-col items-center text-center bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/20 rounded-lg p-6 transition-all duration-300 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-3 rounded-full bg-gradient-to-r from-amber-500 to-amber-400 mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-6 w-6 text-amber-50"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><h3 class="text-xl font-bold mb-3 text-amber-50">Discovery</h3><p class="text-amber-100/70">We start by understanding your business goals, challenges, and vision to define the project scope.</p><div class="w-12 h-0.5 bg-gradient-to-r from-transparent via-amber-500/30 to-transparent mt-4"></div><div class="text-amber-500 font-bold text-sm mt-3">01</div></div></div></div><div class="relative"><div class="animate-fade-in opacity-0" style="animation-delay:.3s"><div class="flex flex-col items-center text-center bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/20 rounded-lg p-6 transition-all duration-300 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-3 rounded-full bg-gradient-to-r from-amber-600 to-amber-500 mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-6 w-6 text-amber-50"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h3 class="text-xl font-bold mb-3 text-amber-50">Design</h3><p class="text-amber-100/70">Our team creates innovative and intuitive designs focusing on user experience and your brand identity.</p><div class="w-12 h-0.5 bg-gradient-to-r from-transparent via-amber-500/30 to-transparent mt-4"></div><div class="text-amber-500 font-bold text-sm mt-3">02</div></div></div></div><div class="relative"><div class="animate-fade-in opacity-0" style="animation-delay:.4s"><div class="flex flex-col items-center text-center bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/20 rounded-lg p-6 transition-all duration-300 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-3 rounded-full bg-gradient-to-r from-amber-700 to-amber-600 mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code h-6 w-6 text-amber-50"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h3 class="text-xl font-bold mb-3 text-amber-50">Development</h3><p class="text-amber-100/70">We build your solution using the latest technologies and best practices to ensure quality and performance.</p><div class="w-12 h-0.5 bg-gradient-to-r from-transparent via-amber-500/30 to-transparent mt-4"></div><div class="text-amber-500 font-bold text-sm mt-3">03</div></div></div></div><div class="relative"><div class="animate-fade-in opacity-0" style="animation-delay:.5s"><div class="flex flex-col items-center text-center bg-[#1A1812]/70 backdrop-blur-sm border border-amber-500/20 rounded-lg p-6 transition-all duration-300 hover:shadow-lg hover:shadow-amber-500/10 hover:border-amber-500/30"><div class="p-3 rounded-full bg-gradient-to-r from-amber-800 to-amber-700 mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-6 text-amber-50"><path d="M20 6 9 17l-5-5"></path></svg></div><h3 class="text-xl font-bold mb-3 text-amber-50">Delivery</h3><p class="text-amber-100/70">After thorough testing and your approval, we deploy your solution with ongoing support and maintenance.</p><div class="w-12 h-0.5 bg-gradient-to-r from-transparent via-amber-500/30 to-transparent mt-4"></div><div class="text-amber-500 font-bold text-sm mt-3">04</div></div></div></div></div></div></section><section id="about" class="py-20" role="region" aria-label="About Sparks AI"><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Sparks AI","description":"Sparks AI is a leading AI & web development company in Chennai, India. We specialize in custom software solutions, mobile apps, machine learning, and generative AI. Transform your business with our cutting-edge technology expertise and innovative digital solutions.","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png","image":"https://sparksai.in/assets/images/logo.png","telephone":"+919345364408","email":"contactsparksai@gmail.com","address":[{"@type":"PostalAddress","streetAddress":"23/14 A, Ramalinganar 6th street","addressLocality":"Tiruvannamalai","addressRegion":"Tamil Nadu","postalCode":"606601","addressCountry":"IN","geo":{"@type":"GeoCoordinates","latitude":"12.2276","longitude":"79.0626"}},{"@type":"PostalAddress","streetAddress":"StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering","addressLocality":"Chennai","addressRegion":"Tamil Nadu","postalCode":"602105","addressCountry":"IN","geo":{"@type":"GeoCoordinates","latitude":"12.9716","longitude":"79.5946"}}],"openingHours":"Mo-Fr 09:00-18:00","priceRange":"$$","paymentAccepted":"Cash, Credit Card, Bank Transfer","currenciesAccepted":"INR","areaServed":[{"@type":"Country","name":"India"},{"@type":"State","name":"Tamil Nadu"},{"@type":"City","name":"Chennai"},{"@type":"City","name":"Tiruvannamalai"}],"serviceArea":{"@type":"GeoCircle","geoMidpoint":{"@type":"GeoCoordinates","latitude":"12.9716","longitude":"79.5946"},"geoRadius":"500000"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Technology Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Web Development","description":"Create responsive, scalable web applications with modern frameworks and cutting-edge technologies."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile App Development","description":"Build native and cross-platform mobile applications that deliver exceptional user experiences."}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"AI/ML Solutions","description":"Leverage the power of artificial intelligence and machine learning to solve complex business problems."}}]},"sameAs":["https://www.linkedin.com/company/sparksai/","https://x.com/SparksAI_","https://www.instagram.com/sparksai.in/"]}</script><div class="container mx-auto px-4"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><article><h2 class="text-3xl md:text-4xl font-bold mb-6">About <span class="text-gradient">Sparks AI</span></h2><p class="text-lg text-muted-foreground mb-6">Sparks AI (also known as SparksAI, Sparksai, and sparksai.in) is a forward-thinking technology solutions provider dedicated to helping businesses navigate the digital landscape. We combine technical expertise with creative innovation to deliver solutions that drive real business value.</p><p class="text-lg text-muted-foreground mb-8">Our team of experienced developers, designers, and strategists work closely with clients to understand their unique challenges and create tailored solutions that exceed expectations.</p><ul class="space-y-3" role="list" aria-label="Company benefits"><li class="flex items-start space-x-3 animate-fade-in opacity-0" style="animation-delay:.2s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-spark-purple flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Innovative tech solutions customized to your needs</span></li><li class="flex items-start space-x-3 animate-fade-in opacity-0" style="animation-delay:.3s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-spark-purple flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Expert team with diverse technical expertise</span></li><li class="flex items-start space-x-3 animate-fade-in opacity-0" style="animation-delay:.4s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-spark-purple flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Transparent communication throughout the project</span></li><li class="flex items-start space-x-3 animate-fade-in opacity-0" style="animation-delay:.5s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-spark-purple flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Agile methodology for efficient delivery</span></li><li class="flex items-start space-x-3 animate-fade-in opacity-0" style="animation-delay:.6s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-spark-purple flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span>Ongoing support and maintenance</span></li></ul></article><aside class="space-y-8" role="complementary" aria-label="Company mission and contact"><div class="rounded-2xl overflow-hidden shadow-xl"><div class="aspect-w-16 aspect-h-9 bg-[#121212] animate-gradient-flow rounded-2xl h-[300px] flex items-center justify-center relative"><div class="absolute inset-0 bg-black/5 backdrop-blur-sm rounded-2xl"></div><div class="relative z-10 h-full flex flex-col justify-center"><div class="max-w-3xl mx-auto bg-[#1A1812]/50 backdrop-blur-md p-8 rounded-2xl border border-amber-500/20 glass-card"><h3 class="text-2xl font-bold mb-4 text-white">Our <span class="text-gradient-professional">Mission</span></h3><p class="text-amber-100/80">To empower businesses with innovative technology solutions that drive growth, enhance efficiency, and create exceptional digital experiences.</p></div></div><div class="absolute top-4 right-[20%] w-24 h-24 rounded-full bg-gradient-to-br from-amber-500/10 to-amber-700/5 blur-xl"></div><div class="absolute bottom-4 left-[30%] w-32 h-32 rounded-full bg-gradient-to-tl from-amber-700/10 to-amber-500/5 blur-xl"></div><div class="absolute inset-0 opacity-5 z-0"><svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><pattern id="circuit-small" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M10,10 L90,10 L90,90 L10,90 Z" fill="none" stroke="currentColor" stroke-width="0.5"></path><circle cx="50" cy="50" r="10" fill="none" stroke="currentColor" stroke-width="0.5"></circle><path d="M10,50 L40,50 M60,50 L90,50 M50,10 L50,40 M50,60 L50,90" stroke="currentColor" stroke-width="0.5"></path><circle cx="10" cy="10" r="2" fill="currentColor"></circle><circle cx="90" cy="10" r="2" fill="currentColor"></circle><circle cx="10" cy="90" r="2" fill="currentColor"></circle><circle cx="90" cy="90" r="2" fill="currentColor"></circle></pattern><rect width="100%" height="100%" fill="url(#circuit-small)"></rect></svg></div></div></div><div class="rounded-2xl overflow-hidden shadow-xl"><div class="aspect-w-16 aspect-h-9 bg-[#121212] animate-gradient-flow rounded-2xl h-[600px] flex items-center justify-center relative"><div class="absolute inset-0 bg-black/5 backdrop-blur-sm rounded-2xl"></div><div class="relative z-10 h-full flex flex-col justify-center w-full"><div class="max-w-3xl mx-auto bg-[#1A1812]/50 backdrop-blur-md p-10 rounded-2xl border border-amber-500/20 glass-card w-full"><h3 class="text-2xl font-bold mb-6 text-white">Contact <span class="text-gradient-professional">Us</span></h3><form class="space-y-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div><label for="name" class="block text-sm font-medium mb-3 text-amber-100/80">Name</label><input class="flex w-full rounded-md border text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-white/10 border-amber-500/20 text-white placeholder-amber-100/60 focus:border-amber-500/40 px-4 py-4 h-12" id="name" name="name" placeholder="Your Name" required=""></div><div><label for="email" class="block text-sm font-medium mb-3 text-amber-100/80">Email</label><input type="email" class="flex w-full rounded-md border text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-white/10 border-amber-500/20 text-white placeholder-amber-100/60 focus:border-amber-500/40 px-4 py-4 h-12" id="email" name="email" placeholder="Your Email" required=""></div></div><div><label for="phone" class="block text-sm font-medium mb-3 text-amber-100/80">Phone Number</label><input type="tel" class="flex w-full rounded-md border text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-white/10 border-amber-500/20 text-white placeholder-amber-100/60 focus:border-amber-500/40 px-4 py-4 h-12" id="phone" name="phone" placeholder="Your Phone Number" required=""></div><div><label for="message" class="block text-sm font-medium mb-3 text-amber-100/80">Message</label><textarea class="flex w-full rounded-md border text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 min-h-[140px] bg-white/10 border-amber-500/20 text-white placeholder-amber-100/60 focus:border-amber-500/40 px-4 py-4" id="message" name="message" placeholder="Your Message" required=""></textarea></div><div class="flex justify-end pt-2"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary hover:bg-primary/90 bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-600 hover:to-amber-700 text-white font-medium px-10 py-4 rounded-lg shadow-lg h-12 disabled:opacity-60" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send mr-2 h-4 w-4"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Submit</button></div></form></div></div><div class="absolute top-4 right-[20%] w-24 h-24 rounded-full bg-gradient-to-br from-amber-500/10 to-amber-700/5 blur-xl"></div><div class="absolute bottom-4 left-[30%] w-32 h-32 rounded-full bg-gradient-to-tl from-amber-700/10 to-amber-500/5 blur-xl"></div><div class="absolute inset-0 opacity-5 z-0"><svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><pattern id="circuit-contact" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M10,10 L90,10 L90,90 L10,90 Z" fill="none" stroke="currentColor" stroke-width="0.5"></path><circle cx="50" cy="50" r="10" fill="none" stroke="currentColor" stroke-width="0.5"></circle><path d="M10,50 L40,50 M60,50 L90,50 M50,10 L50,40 M50,60 L50,90" stroke="currentColor" stroke-width="0.5"></path><circle cx="10" cy="10" r="2" fill="currentColor"></circle><circle cx="90" cy="10" r="2" fill="currentColor"></circle><circle cx="10" cy="90" r="2" fill="currentColor"></circle><circle cx="90" cy="90" r="2" fill="currentColor"></circle></pattern><rect width="100%" height="100%" fill="url(#circuit-contact)"></rect></svg></div></div></div></aside><div class="absolute -bottom-6 -right-6 w-24 h-24 bg-spark-purple/20 rounded-full blur-xl"></div><div class="absolute -top-6 -left-6 w-32 h-32 bg-spark-blue/20 rounded-full blur-xl"></div></div></div></section><section class="py-20 bg-gradient-to-b from-[#121212] to-[#0a0a0a]" id="faq"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto"><div class="text-center mb-16"><h2 class="text-4xl md:text-5xl font-bold mb-6 text-amber-50">Frequently Asked Questions</h2><p class="text-xl text-amber-100/80 max-w-2xl mx-auto">Get answers to common questions about AI, our services, and learning opportunities</p></div><div class="space-y-4"><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">What is AI-powered web development?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">AI-powered web development integrates artificial intelligence technologies into web applications to enhance user experience, automate processes, and provide intelligent features. This includes chatbots, recommendation systems, predictive analytics, and personalized content delivery.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">How can businesses use AI automation?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">Businesses can use AI automation to streamline operations, reduce manual work, and improve efficiency. Common applications include customer service chatbots, automated data analysis, inventory management, lead scoring, and personalized marketing campaigns.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">What AI courses does Sparks AI offer?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">Sparks AI offers comprehensive AI and ML courses through Learn.SparksAI platform, including beginner to advanced machine learning, deep learning, web development with AI integration, and cloud computing courses tailored for Indian professionals.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">How can AI transform small businesses in India?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">AI helps small businesses in India by automating repetitive tasks, personalizing customer experiences, analyzing data for better decision-making, and improving productivity. At Sparks AI, we develop ML-driven dashboards and chatbots tailored specifically for small businesses to improve efficiency and growth.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">What is the difference between AI, ML, and Deep Learning?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">Artificial Intelligence (AI) is the broad concept of machines performing tasks that typically require human intelligence. Machine Learning (ML) is a subset of AI that enables machines to learn from data without explicit programming. Deep Learning is a subset of ML that uses neural networks with multiple layers to process complex patterns in data.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">How much does AI development cost for startups?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">AI development costs for startups vary based on project complexity and requirements. Sparks AI offers affordable AI/ML services starting from basic automation solutions to advanced custom AI applications, with flexible pricing models designed specifically for startup budgets and growth stages.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">Can I learn AI without coding experience?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">Yes! Sparks AI offers beginner-friendly courses that teach AI concepts and applications without requiring extensive coding knowledge. Our 'Build Your First AI App Without Coding' course is designed for non-technical professionals who want to understand and implement AI solutions in their work.</p></div></div></div></div><div class="bg-gradient-to-r from-amber-500/5 to-amber-600/5 rounded-lg border border-amber-500/20 overflow-hidden hover-lift transition-smooth"><button class="w-full px-6 py-6 text-left flex justify-between items-center hover:bg-amber-500/10 transition-colors duration-200" aria-expanded="false"><h3 class="text-lg font-semibold text-amber-100 pr-4">What programming languages are best for AI development?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-5 w-5 text-amber-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="px-6 pb-6"><p class="text-amber-100/80 leading-relaxed">Python is the most popular language for AI development due to its extensive libraries like TensorFlow, PyTorch, and scikit-learn. Other important languages include R for statistical analysis, JavaScript for web-based AI applications, and C++ for performance-critical AI systems.</p></div></div></div></div></div><div class="text-center mt-12"><p class="text-amber-100/70 mb-6">Still have questions? We're here to help!</p><a href="mailto:contactsparksai@gmail.com" class="inline-flex items-center px-8 py-4 bg-amber-600 hover:bg-amber-700 text-amber-50 font-semibold rounded-lg transition-colors duration-200">Contact Us</a></div></div></div></section><section class="py-20 bg-gradient-to-b from-[#0a0a0a] to-[#121212]"><div class="container mx-auto px-4"><div class="bg-gradient-to-r from-amber-500/10 to-amber-600/10 rounded-2xl p-8 border border-amber-500/20"><div class="text-center mb-6"><div class="w-16 h-16 bg-amber-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-8 w-8 text-amber-400"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><h3 class="text-2xl font-bold text-amber-100 mb-2">Stay Updated with AI Insights</h3><p class="text-amber-100/70 max-w-2xl mx-auto">Get the latest AI trends, web development tips, and exclusive tutorials delivered to your inbox. Join our community of developers and business leaders.</p></div><form class="max-w-md mx-auto"><div class="flex flex-col sm:flex-row gap-4 mb-4"><input type="email" class="flex h-10 w-full rounded-md border px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm flex-1 bg-[#1a1a1a] border-amber-500/30 text-amber-100 placeholder-amber-400/50 focus:border-amber-500 focus:ring-amber-500/20" placeholder="Enter your email address" value=""><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-10 px-6 py-3 bg-amber-600 hover:bg-amber-700 text-amber-50 font-semibold transition-colors duration-200 disabled:opacity-50" type="submit">Subscribe</button></div><p class="text-xs text-amber-200/60 text-center mt-4">We respect your privacy. Unsubscribe at any time.</p></form><div class="mt-6 text-center"><p class="text-sm text-amber-100/60 mb-3">Join 5,000+ professionals already learning with us</p><div class="flex justify-center gap-4 text-xs text-amber-200/70"><span class="bg-amber-500/10 px-3 py-1 rounded-full">AI Weekly</span><span class="bg-amber-500/10 px-3 py-1 rounded-full">Web Dev Tips</span><span class="bg-amber-500/10 px-3 py-1 rounded-full">Industry News</span></div></div></div></div></section><footer class="bg-[#121212] text-amber-100 py-14 border-t border-amber-500/10 relative overflow-hidden"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Sparks AI","url":"https://sparksai.in","logo":"https://sparksai.in/assets/images/logo.png","description":"Sparks AI is a leading AI & web development company in Chennai, India. We specialize in custom software solutions, mobile apps, machine learning, and generative AI. Transform your business with our cutting-edge technology expertise and innovative digital solutions.","foundingDate":"2025","founder":{"@type":"Person","name":"Ramachandraa PS"},"address":[{"@type":"PostalAddress","streetAddress":"23/14 A, Ramalinganar 6th street","addressLocality":"Tiruvannamalai","addressRegion":"Tamil Nadu","postalCode":"606601","addressCountry":"IN","addressType":"Head Office"},{"@type":"PostalAddress","streetAddress":"StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering","addressLocality":"Chennai","addressRegion":"Tamil Nadu","postalCode":"602105","addressCountry":"IN","addressType":"Workspace"}],"contactPoint":[{"@type":"ContactPoint","telephone":"+919345364408","contactType":"customer service","email":"contactsparksai@gmail.com","availableLanguage":["English","Tamil"]}],"sameAs":["https://www.linkedin.com/company/sparksai/","https://x.com/SparksAI_","https://www.instagram.com/sparksai.in/"],"areaServed":{"@type":"Country","name":"India"},"serviceType":["AI Development Services","Web Development Solutions","Mobile App Development","Machine Learning Solutions","Custom Software Development","Generative AI Integration","Deep Learning Solutions","AI Chatbot Development","React Development","Flutter App Development","Digital Transformation","Technology Consulting","Software Product Development","AI Consulting Services"],"knowsAbout":["Artificial Intelligence","Machine Learning","Web Development","Mobile Development","React Development","Flutter Development","AI Chatbots","Deep Learning","Generative AI","TypeScript","React Native","Custom Software Development","Product Development","Project Management","Digital Transformation","Technology Consulting","AI Solutions","Mobile App Development","Web Applications","Software Engineering","AI Development","Machine Learning Solutions","Tech Solutions Chennai","Software Company India"]}</script><div class="absolute inset-0 opacity-5"><svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><pattern id="circuit" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M10,10 L90,10 L90,90 L10,90 Z" fill="none" stroke="currentColor" stroke-width="0.5"></path><circle cx="50" cy="50" r="10" fill="none" stroke="currentColor" stroke-width="0.5"></circle><path d="M10,50 L40,50 M60,50 L90,50 M50,10 L50,40 M50,60 L50,90" stroke="currentColor" stroke-width="0.5"></path><circle cx="10" cy="10" r="2" fill="currentColor"></circle><circle cx="90" cy="10" r="2" fill="currentColor"></circle><circle cx="10" cy="90" r="2" fill="currentColor"></circle><circle cx="90" cy="90" r="2" fill="currentColor"></circle></pattern><rect width="100%" height="100%" fill="url(#circuit)"></rect></svg></div><div class="container mx-auto px-4 relative z-10"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-10"><div class="md:col-span-2"><div class="flex items-center mb-4"><a class="flex items-center" aria-label="Sparks AI homepage" href="/"><img src="/assets/images/logo.png" alt="Sparks AI - AI and Web Development Company Logo" class="h-10 mr-3" width="40" height="40" loading="eager" style="object-fit:contain"></a></div><p class="text-amber-300/70 max-w-md">Sparks AI (SparksAI, Sparksai, sparksai.in) delivers innovative technology solutions that transform businesses and drive growth.</p><div class="mt-6 flex space-x-4"><a href="https://x.com/SparksAI_" target="_blank" rel="noopener noreferrer" class="text-amber-300/70 hover:text-amber-400 transition-colors" aria-label="Follow Sparks AI on X (Twitter)"><span class="sr-only">X (Twitter)</span><svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.instagram.com/sparksai.in/" target="_blank" rel="noopener noreferrer" class="text-amber-300/70 hover:text-amber-400 transition-colors" aria-label="Follow Sparks AI on Instagram"><span class="sr-only">Instagram</span><svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.5A4.25 4.25 0 0 0 3.5 7.75v8.5A4.25 4.25 0 0 0 7.75 20.5h8.5a4.25 4.25 0 0 0 4.25-4.25v-8.5A4.25 4.25 0 0 0 16.25 3.5zm4.75 2.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75zM12 7.25A4.75 4.75 0 1 1 7.25 12 4.75 4.75 0 0 1 12 7.25zm0 1.5A3.25 3.25 0 1 0 15.25 12 3.25 3.25 0 0 0 12 8.75z"></path></svg></a><a href="https://www.linkedin.com/company/sparksai/" target="_blank" rel="noopener noreferrer" class="text-amber-300/70 hover:text-amber-400 transition-colors" aria-label="Connect with Sparks AI on LinkedIn"><span class="sr-only">LinkedIn</span><svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" clip-rule="evenodd"></path></svg></a></div></div><div><h3 class="text-lg font-semibold mb-4 text-amber-200">Quick Links</h3><ul class="space-y-3"><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/">Home</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/#services">Services</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/projects">Projects</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/blog">Blog</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4 text-amber-200">Industries</h3><ul class="space-y-3"><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/healthcare">Healthcare</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/fintech">Fintech</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/education">Education</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/startups">Startups</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/retail">Retail</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/industries/small-business">Small Business</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4 text-amber-200">Resources</h3><ul class="space-y-3"><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/learn">Glossary</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/best">Best Tools</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/examples">Examples</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/locations/chennai">Chennai</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/locations/bangalore">Bangalore</a></li><li><a class="text-amber-300/70 hover:text-amber-400 transition-colors" href="/locations/hyderabad">Hyderabad</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4 text-amber-200">Contact</h3><ul class="space-y-3"><li class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5 text-amber-400 mr-2 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><a href="mailto:contactsparksai@gmail.com" class="text-amber-300/70 hover:text-amber-400 transition-colors">contactsparksai@gmail.com</a></li><li class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-5 w-5 text-amber-400 mr-2 flex-shrink-0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><a href="tel:+919345364408" class="text-amber-300/70 hover:text-amber-400 transition-colors">+91 9345364408</a></li><li><div class="flex items-start mt-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-5 w-5 text-amber-400 mr-2 flex-shrink-0 mt-0.5"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><div><h4 class="text-amber-200 text-sm font-medium mb-1">Head Office:</h4><p class="text-amber-300/70 text-sm">23/14 A, Ramalinganar 6th street, Tiruvannamalai, 606601</p></div></div></li><li><div class="flex items-start mt-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building h-5 w-5 text-amber-400 mr-2 flex-shrink-0 mt-0.5"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg><div><h4 class="text-amber-200 text-sm font-medium mb-1">Workspace:</h4><p class="text-amber-300/70 text-sm">StepUP Incubation Cell, Saveetha Incubation Foundation, SIMATS Engineering, Chennai - 602105</p></div></div></li></ul></div></div><div class="sr-only"><p>Sparks AI, SparksAI, Sparksai, sparksai.in - Leading AI and web development company in Chennai, India. We provide custom software solutions, mobile app development, machine learning, and artificial intelligence services. Contact Sparks AI for React development, Flutter apps, AI chatbots, and digital transformation solutions.</p></div><div class="border-t border-amber-500/20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"><p class="text-amber-300/70">© 2026 <span class="text-amber-400">Sparks AI</span>. All rights reserved.</p><div class="mt-4 md:mt-0"><ul class="flex space-x-8"><li><a href="#" class="text-amber-300/70 hover:text-amber-400 text-sm transition-colors">Privacy Policy</a></li><li><a href="#" class="text-amber-300/70 hover:text-amber-400 text-sm transition-colors">Terms of Service</a></li></ul></div></div></div></footer></main></div></body></html>