<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
        <loc>https://somskilltech.in/training/summer-cs-it</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/summer-ec</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/summer-ee</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/summer-me</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/summer-cyber-security</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/digital-marketing</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/seo</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/autocad</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/data-analytics</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/ai-training</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
    <url>
        <loc>https://somskilltech.in/training/apprenticeship</loc>
        <changefreq>weekly</changefreq>
        <priority>0.9</priority>
    </url>
<!DOCTYPE html>
<html lang="en-IN" class="dark">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MLW9DNJP');</script>
    <!-- End Google Tag Manager -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JJYYCLGF9S"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-JJYYCLGF9S');
    </script>
    <!-- End Google tag -->
    <meta charset="UTF-8">
        <meta name="geo.region" content="IN">
    <meta name="geo.placename" content="India">
    <meta name="geo.position" content="20.5937;78.9629">
    <meta name="ICBM" content="20.5937, 78.9629">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "SomSkillTech",
      "alternateName": ["Top Indian Software Development Company", "Best IT Training Institute India", "SomSkillTech Mathura"],
      "description": "SomSkillTech is a top Indian software development company and best IT training institute founded in 2015 by Om Pandey in Mathura, Uttar Pradesh, India. ISO 9001:2015 certified. 500+ projects delivered, 5,000+ students trained.",
      "url": "https://somskilltech.in",
      "telephone": "+919236207394"
    }
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="color-scheme" content="dark">
    <meta name="theme-color" content="#1a1a2e">

    
    <link rel="manifest" href="/manifest.json">
    <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="SomSkillTech">

    
    
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
<link rel="preconnect"   href="https://www.googletagmanager.com" crossorigin>
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<link rel="preconnect"   href="https://www.google-analytics.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.bunny.net">
<link rel="preconnect"   href="https://fonts.bunny.net" crossorigin>
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="preconnect"   href="https://maps.googleapis.com" crossorigin>

    <title>Best Software &amp; IT Solutions in India (2026) | SomSkillTech</title>
    <meta name="title" content="Best Software &amp; IT Solutions in India (2026) | SomSkillTech">
    <meta name="description" content="Looking for professional Software &amp; IT Solutions in India? SomSkillTech provides custom software engineering, web &amp; mobile app development with 24/7 support. Get a free quote!">
    <meta name="keywords" content="Software Development, MLM Software, Crypto Token Development, ERP Software, App Development, Web Development Company, Cyber Security, IT Services Delhi, Enterprise Solutions, logistics management platform, lms, ecommerce app development, custom software development for startups, it companies erp software, erp software providers, real estate software, erp software company, erp software companies, token development, support crm software development company, inventory management software development, sales crm software development, hospital software development company, stock management software, property management software, media planning software, erp solution providers, lab management software development, mlm app development company, cloud kitchen, android game development, pos software, nashik food delivery, ott platform application development, online grocery app, loyalty software development company, college erp software development, pg management software, erp software for engineering companies, best web development company, best mlm software development, secure learning management system, best seo service company, e-learning software company, software companies, mlm software development company, transport software development, payroll software, website designing, enterprise software solutions, warehouse management software development, telemedicine software, logistics software solution provider, school erp development company, best erp for schools, taxi booking system, it erp software, logistics automation platform, enterprise software development india, mumbai seo and smo service, mlm software development">
    <meta name="author" content="SomSkillTech">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <link rel="canonical" href="https://somskilltech.in/sitemap-ai.xml">
        <meta name="google-site-verification" content="4S0sAVLXbwIEgP3hMZ45avvjUjpKnl51ddhpFJHcGkA" />

    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://somskilltech.in/sitemap-ai.xml">
    <meta property="og:title" content="Best Software &amp; IT Solutions in India (2026) | SomSkillTech">
    <meta property="og:description" content="Looking for professional Software &amp; IT Solutions in India? SomSkillTech provides custom software engineering, web &amp; mobile app development with 24/7 support. Get a free quote!">
    <meta property="og:image" content="https://somskilltech.in/images/og-banner.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="SomSkillTech">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@somskilltech">
    <meta name="twitter:url" content="https://somskilltech.in/sitemap-ai.xml">
    <meta name="twitter:title" content="Best Software &amp; IT Solutions in India (2026) | SomSkillTech">
    <meta name="twitter:description" content="Looking for professional Software &amp; IT Solutions in India? SomSkillTech provides custom software engineering, web &amp; mobile app development with 24/7 support. Get a free quote!">
    <meta name="twitter:image" content="https://somskilltech.in/images/og-banner.png">

    <meta name="csrf-token" content="2dNkJYyfb1lKB7KgMD0si70f5IAQmbWizL28bRO3">

    
    <link rel="icon" type="image/png" href="https://somskilltech.in/public/images/logo-transparent.png">
    <link rel="shortcut icon" type="image/png" href="https://somskilltech.in/public/images/logo-transparent.png">

    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "SomSkillTech",
      "image": "https://somskilltech.in/public/images/logo.png",
      "@id": "https://somskilltech.in",
      "url": "https://somskilltech.in",
      "telephone": "+919236207394",
      "email": "support@somskilltech.in",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Barsana",
        "addressLocality": "Mathura",
        "postalCode": "281405",
        "addressCountry": "IN"
      },
      "priceRange": "$$",
      "sameAs": [
        "https://somskilltech.in",
        "https://linkedin.com/company/somskilltech",
        "https://twitter.com/somskilltech",
        "https://www.instagram.com/official_somskilltech"
      ]
    }
    </script>

    

    
    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>

    
    <link rel="dns-prefetch" href="https://fonts.bunny.net">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">

    
    
    <link rel="preload" as="font" type="font/woff2"
          href="https://fonts.bunny.net/instrument-sans/files/instrument-sans-latin-400-normal.woff2"
          crossorigin="anonymous">
    <link rel="preload" as="style"
          href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600,700&display=swap"
          onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet"
              href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600,700&display=swap">
    </noscript>

    
    <link rel="preload" as="image" href="https://somskilltech.in/public/images/logo-transparent.png">

    
    <link rel="preload" as="style" href="https://somskilltech.in/public/build/assets/app-Ckz8ol_q.css" /><link rel="stylesheet" href="https://somskilltech.in/public/build/assets/app-Ckz8ol_q.css" />
    
    <link rel="canonical" href="https://somskilltech.in/it-services-in-india">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Best Software &amp; IT Solutions in India | SomSkillTech">
<meta property="og:description" content="Professional Software &amp; IT Solutions in India delivered by SomSkillTech. Free consultation & fast delivery.">
<meta property="og:url" content="https://somskilltech.in/it-services-in-india">

    
    <style>
        /* Reserve space for nav to prevent CLS */
        body { margin: 0; }
        .navbar-placeholder { height: 64px; }
        /* Prevent image CLS — always set width/height on images */
        img { max-width: 100%; }
        /* Prevent font flash CLS */
        html { font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif; }
        /* Hide Alpine x-cloak elements until Alpine initializes — prevents FOUC on mobile nav */
        [x-cloak] { display: none !important; }
    </style>
</head>
<body x-data class="bg-gray-950 text-white font-sans overflow-x-hidden">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLW9DNJP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="fast-track-announcement-bar"
     x-data="{ showBar: !sessionStorage.getItem('dismiss_fast_bar') }"
     x-show="showBar"
     x-transition:leave="transition ease-in duration-200"
     x-transition:leave-start="opacity-100 max-h-12"
     x-transition:leave-end="opacity-0 max-h-0"
     class="relative z-[9998] bg-gradient-to-r from-blue-900 via-indigo-950 to-purple-950 border-b border-purple-500/30 text-white text-xs py-1.5 px-4 shadow-md">
    <div class="max-w-7xl mx-auto flex items-center justify-between gap-3">
        <div class="flex-1 flex items-center justify-center gap-2 text-center flex-wrap">
            <span class="inline-flex items-center gap-1.5 font-extrabold text-amber-300 uppercase tracking-wider text-[11px] bg-amber-400/10 border border-amber-400/20 px-2 py-0.5 rounded-full">
                <span class="relative flex h-1.5 w-1.5">
                    <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75"></span>
                    <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-amber-400"></span>
                </span>
                ⚡ Fast Development Program
            </span>
            <span class="text-gray-200 font-medium">
                Launch Your Custom ERP, CRM, Web or Mobile App in <strong class="text-white">7–30 Days</strong> with Our Pre-Built Enterprise Frameworks.
            </span>
            <a href="https://somskilltech.in/rapid-software-delivery#rapid-quote"
               class="inline-flex items-center gap-1 font-bold text-blue-300 hover:text-white underline underline-offset-2 decoration-blue-400 transition ml-1">
                Start Fast Track Project →
            </a>
        </div>

        <button type="button"
                @click="showBar = false; sessionStorage.setItem('dismiss_fast_bar', '1')"
                class="text-gray-400 hover:text-white p-0.5 rounded transition"
                aria-label="Dismiss announcement">
            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
            </svg>
        </button>
    </div>
</div>
    <style>
#topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #111827;
    border-bottom: 1px solid #374151;
    color: #9ca3af;
    font-size: 11px;
}

/* Mobile: 2-row compact layout */
#topbar .topbar-mobile {
    display: flex;
    flex-direction: column;
    padding: 4px 12px;
    gap: 3px;
}
#topbar .topbar-mobile .tb-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Desktop: single row layout */
#topbar .topbar-desktop {
    display: none;
    width: 100%;
    padding: 0 24px;
    align-items: center;
    justify-content: space-between;
    height: 36px;
}

#topbar a {
    color: #9ca3af;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s;
    white-space: nowrap;
}
#topbar a:hover { color: #ffffff; }
#topbar .tb-btn {
    border: 1px solid #4b5563;
    border-radius: 9999px;
    padding: 2px 8px;
    font-size: 10px;
}
#topbar .tb-btn:hover { border-color: #9ca3af; color: #fff; }

@media (min-width: 768px) {
    #topbar {
        height: 36px;
    }
    #topbar .topbar-mobile {
        display: none;
    }
    #topbar .topbar-desktop {
        display: flex;
    }
}
</style>

<div id="topbar">

    
    <div class="topbar-mobile">
        
        <div class="tb-row">
            <a href="tel:+919236207394">
                <svg width="11" height="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.948V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                +91 92362 07394
            </a>
            <a href="mailto:support@somskilltech.in">
                <svg width="11" height="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                support@somskilltech.in
            </a>
        </div>
        
        <div class="tb-row">
            <a href="https://www.instagram.com/official_somskilltech?igsh=MXJ1ZWh3dXg1MDR6bQ==" target="_blank" rel="noopener noreferrer">
                <svg width="11" height="11" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
                Instagram
            </a>
            <a href="https://forms.gle/W4d7DAu6Ec3Dgyxb8" target="_blank" rel="noopener noreferrer" class="tb-btn">
                <svg width="10" height="10" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                Register
            </a>
            <a href="https://somskilltech.in/verify-certificate" class="tb-btn">
                <svg width="10" height="10" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                Verify Certificate
            </a>
        </div>
    </div>

    
    <div class="topbar-desktop">
        
        <div style="display:flex; align-items:center; gap:20px; flex-shrink:0;">
            <a href="tel:+919236207394">
                <svg width="13" height="13" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.948V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                +91 92362 07394
            </a>
            <a href="mailto:support@somskilltech.in">
                <svg width="13" height="13" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                support@somskilltech.in
            </a>
            <a href="https://www.instagram.com/official_somskilltech?igsh=MXJ1ZWh3dXg1MDR6bQ==" target="_blank" rel="noopener noreferrer" title="Instagram">
                <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
                Instagram
            </a>
        </div>
        
        <div style="display:flex; align-items:center; gap:8px;">
            <a href="https://forms.gle/W4d7DAu6Ec3Dgyxb8" target="_blank" rel="noopener noreferrer" class="tb-btn">
                <svg width="11" height="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                Register
            </a>
            <a href="https://somskilltech.in/software-development" class="tb-btn">
                <svg width="11" height="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                Software Development
            </a>
            <a href="https://somskilltech.in/verify-certificate" class="tb-btn">
                <svg width="11" height="11" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                Verify Certificate
            </a>
        </div>
    </div>

</div>

<script>
// Adjust nav top position based on topbar height
(function() {
    function adjustNav() {
        var nav = document.querySelector('nav[aria-label="Main navigation"]');
        var topbar = document.getElementById('topbar');
        if (!nav || !topbar) return;
        nav.style.top = topbar.offsetHeight + 'px';
    }
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', adjustNav);
    } else {
        adjustNav();
    }
    window.addEventListener('resize', adjustNav);
})();
</script>
    <nav
    x-data="{ open: false }"
    class="fixed top-0 left-0 right-0 z-50 bg-gray-900 border-b border-gray-800 isolate"
    style="will-change: transform;"
    aria-label="Main navigation"
>
<style>
.training-flyout-row { position: relative; }
.training-flyout-row:hover .training-flyout { display: block !important; opacity: 1; visibility: visible; }
.training-flyout {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 4px;
    min-width: 15rem;
    z-index: 9999;
}
</style>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between h-16">

            
            <a href="/#hero" class="flex items-center gap-2 focus:outline-none rounded group flex-shrink-0" aria-label="SomSkillTech — Home">
                <!-- Logo Image -->
                <img src="https://somskilltech.in/public/images/logo.png" alt="SomSkillTech Logo" width="36" height="36" class="h-8 lg:h-9 w-auto flex-shrink-0 object-contain transform group-hover:scale-105 transition-transform duration-300">

                <!-- Logo Text -->
                <div class="flex flex-col justify-center">
                    <span class="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent drop-shadow-sm">SomSkillTech</span>
                </div>
            </a>

            
            <div class="hidden md:flex items-center space-x-6">
                <a href="/#hero" class="text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1">Home</a>

                
                <div class="relative" x-data="{ servicesOpen: false }" @click.outside="servicesOpen = false">
                    <button @click="servicesOpen = !servicesOpen" type="button" class="flex items-center text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1 py-2">
                        Services
                        <svg class="w-4 h-4 ml-1 transform transition-transform duration-200" :class="{'rotate-180': servicesOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>
                    <div x-show="servicesOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-end="opacity-0 -translate-y-1" class="absolute left-0 top-full pt-1 z-50" style="display:none;">
                        <div class="rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">
                            <a href="https://somskilltech.in/services"              @click="servicesOpen=false" class="block px-4 py-2 text-sm text-blue-400 font-semibold hover:bg-gray-700 hover:text-blue-300 border-b border-gray-700 whitespace-nowrap">All Services</a>
                            <a href="https://somskilltech.in/software-development"  @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Custom Software Development</a>
                            <a href="https://somskilltech.in/erp-crm-development"   @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">ERP &amp; CRM Development</a>
                            <a href="https://somskilltech.in/website-development"   @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Website Development</a>
                            <a href="https://somskilltech.in/mobile-app-development" @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Mobile App Development</a>
                            <a href="https://somskilltech.in/digital-marketing"     @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Digital Marketing &amp; SEO</a>
                            <a href="https://somskilltech.in/products"              @click="servicesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Software Products</a>
                        </div>
                    </div>
                </div>

                <a href="/products" class="text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1">Products</a>
                <a href="https://somskilltech.in/blog" class="text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1">Blog</a>

                
                <div class="relative group" x-data="{ careerOpen: false }" @click.outside="careerOpen = false">
                    <button @click="careerOpen = !careerOpen"
                       class="flex items-center text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1 py-2">
                        Career
                        <svg class="w-4 h-4 ml-1 transform transition-transform duration-200" :class="{'rotate-180': careerOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>
                    <div x-show="careerOpen"
                         x-cloak
                         x-transition:enter="transition ease-out duration-150"
                         x-transition:enter-start="opacity-0 -translate-y-1"
                         x-transition:enter-end="opacity-100 translate-y-0"
                         x-transition:leave="transition ease-in duration-100"
                         x-transition:leave-start="opacity-100 translate-y-0"
                         x-transition:leave-end="opacity-0 -translate-y-1"
                         class="absolute left-0 top-full pt-1 w-48 z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200"
                         style="display:none;">
                        <div class="rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">
                            <a href="/career" @click="careerOpen = false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Career</a>
                            <a href="https://somskilltech.in/career/joining" @click="careerOpen = false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Joining</a>
                            <a href="https://somskilltech.in/career/partner" @click="careerOpen = false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Partner</a>
                        </div>
                    </div>
                </div>

                
                <div class="relative" x-data="{ trainingOpen: false }" @click.outside="trainingOpen = false">
                    <button @click="trainingOpen = !trainingOpen" type="button" class="flex items-center text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1 py-2">
                        Training
                        <svg class="w-4 h-4 ml-1 transform transition-transform duration-200" :class="{'rotate-180': trainingOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>
                    <div x-show="trainingOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-end="opacity-0 -translate-y-1" class="absolute left-0 top-full pt-1 w-72 z-50" style="display:none;">
                        <div class="relative rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">

                            
                            <div class="training-flyout-row">
                                <button type="button" class="flex items-center justify-between w-full px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white text-left whitespace-nowrap">
                                    Summer Training
                                    <svg class="w-3 h-3 ml-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                                </button>
                                <div class="training-flyout rounded-md shadow-xl bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">
                                    <a href="https://somskilltech.in/training/summer/cs-it" @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">CS/IT</a>
                                    <a href="https://somskilltech.in/training/summer/ec"    @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Electronics (EC)</a>
                                    <a href="https://somskilltech.in/training/summer/ee"    @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Electrical (EE)</a>
                                    <a href="https://somskilltech.in/training/summer/me"    @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Mechanical (ME)</a>
                                    <a href="https://somskilltech.in/training/summer/cyber-security" @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Cyber Security</a>
                                    <div class="border-t border-gray-700 my-1"></div>
                                    <a href="https://somskilltech.in/training/autocad"          @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">AutoCAD Training</a>
                                </div>
                            </div>

                            
                            <div class="training-flyout-row">
                                <button type="button" class="flex items-center justify-between w-full px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white text-left whitespace-nowrap">
                                    Apprenticeship Training
                                    <svg class="w-3 h-3 ml-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                                </button>
                                <div class="training-flyout rounded-md shadow-xl bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">
                                    <a href="https://somskilltech.in/training/summer/cs-it"                 @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">CS/IT</a>
                                    <a href="https://somskilltech.in/training/apprenticeship/cyber-security" @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Cyber Security</a>
                                    <a href="https://somskilltech.in/training/data-analytics"               @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">Data Analytics</a>
                                    <a href="https://somskilltech.in/training/ai-training"                           @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white whitespace-nowrap">AI &amp; ML</a>
                                </div>
                            </div>

                            <a href="https://somskilltech.in/training/digital-marketing"  @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Digital Marketing Training</a>
                            <a href="https://somskilltech.in/training/seo"                @click="trainingOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">SEO Training</a>
                        </div>
                    </div>
                </div>

                
                <div class="relative" x-data="{ aboutOpen: false }" @click.outside="aboutOpen = false">
                    <button @click="aboutOpen = !aboutOpen" type="button" class="flex items-center text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1 py-2">
                        About
                        <svg class="w-4 h-4 ml-1 transform transition-transform duration-200" :class="{'rotate-180': aboutOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>
                    <div x-show="aboutOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-end="opacity-0 -translate-y-1" class="absolute left-0 top-full pt-1 w-40 z-50" style="display:none;">
                        <div class="rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5 py-1">
                            <a href="https://somskilltech.in/about" @click="aboutOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">About Us</a>
                            <a href="https://somskilltech.in/contact" @click="aboutOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Contact</a>
                        </div>
                    </div>
                </div>

                
                <div class="relative" x-data="{ pagesOpen: false }" @click.outside="pagesOpen = false">
                    <button @click="pagesOpen = !pagesOpen" type="button" class="flex items-center text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium focus:outline-none rounded px-1 py-2">
                        Pages
                        <svg class="w-4 h-4 ml-1 transform transition-transform duration-200" :class="{'rotate-180': pagesOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                    </button>
                    <div x-show="pagesOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-end="opacity-0 -translate-y-1" class="absolute left-0 top-full pt-1 w-48 z-50" style="display:none;">
                        <div class="rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5 py-1 border border-gray-700">
                            <a href="https://somskilltech.in/case-studies" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Case Study</a>
                            <a href="https://somskilltech.in/terms" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Terms & Conditions</a>
                            <a href="https://somskilltech.in/privacy" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Privacy Policy</a>
                            <a href="https://somskilltech.in/refund-policy" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Refund Policy</a>
                            <a href="https://somskilltech.in/gallery" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Image Gallery</a>
                            <a href="https://somskilltech.in/feedback" @click="pagesOpen=false" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Submit Feedback</a>
                        </div>
                    </div>
                </div>

                
                <a
                    href="https://somskilltech.in/get-in-touch"
                    class="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white text-sm font-medium px-4 py-2 rounded-lg transition-all duration-200 focus:ring-2 focus:ring-blue-500 focus:outline-none"
                >
                    Get Started
                </a>
            </div>

            
            <button
                @click="open = !open"
                :aria-expanded="open"
                aria-controls="mobile-menu"
                aria-label="Toggle navigation menu"
                class="md:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 transition-colors duration-200 focus:ring-2 focus:ring-blue-500 focus:outline-none"
            >
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path
                        x-show="!open"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M4 6h16M4 12h16M4 18h16"
                    />
                    <path
                        x-show="open"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M6 18L18 6M6 6l12 12"
                    />
                </svg>
            </button>
        </div>
    </div>

    
    <div
        id="mobile-menu"
        x-show="open"
        x-cloak
        x-transition:enter="transition ease-out duration-200"
        x-transition:enter-start="opacity-0 -translate-y-2"
        x-transition:enter-end="opacity-100 translate-y-0"
        x-transition:leave="transition ease-in duration-150"
        x-transition:leave-start="opacity-100 translate-y-0"
        x-transition:leave-end="opacity-0 -translate-y-2"
        class="md:hidden bg-gray-900 border-t border-gray-800"
        style="display: none;"
    >
        <div class="px-4 py-3 space-y-1 overflow-y-auto max-h-[80vh]">
            <a href="/#hero" @click="open = false" class="block px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">Home</a>

            
            <div x-data="{ dropdownOpen: false }">
                <button @click="dropdownOpen = !dropdownOpen"
                   class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">
                    Career
                    <svg class="w-4 h-4 ml-1 transition-transform duration-200" :class="{'rotate-180': dropdownOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                </button>
                <div x-show="dropdownOpen" class="pl-4 pr-3 py-1 space-y-1" style="display: none;" x-cloak>
                    <a href="/career" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Career</a>
                    <a href="https://somskilltech.in/career/joining" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Joining</a>
                    <a href="https://somskilltech.in/career/partner" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Partner</a>
                </div>
            </div>

            <a href="/products" @click="open = false" class="block px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">Products</a>

            <a href="https://somskilltech.in/blog" @click="open = false" class="block px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">Blog</a>

            
            <div x-data="{ dropdownOpen: false }">
                <button @click="dropdownOpen = !dropdownOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">
                    Training
                    <svg class="w-4 h-4 ml-1 transition-transform duration-200" :class="{'rotate-180': dropdownOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                </button>
                <div x-show="dropdownOpen" class="pl-4 pr-3 py-1 space-y-1" style="display: none;" x-cloak>
                    
                    <div x-data="{ summerOpen: false }">
                        <button @click="summerOpen = !summerOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">
                            Summer Training
                            <svg class="w-3 h-3 ml-1 transition-transform duration-200" :class="{'rotate-90': summerOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                        </button>
                        <div x-show="summerOpen" class="pl-3 py-1 space-y-1" style="display: none;" x-cloak>
                            <a href="https://somskilltech.in/training/summer/cs-it"          @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">CS/IT</a>
                            <a href="https://somskilltech.in/training/summer/ec"             @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">Electronics (EC)</a>
                            <a href="https://somskilltech.in/training/summer/ee"             @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">Electrical (EE)</a>
                            <a href="https://somskilltech.in/training/summer/me"             @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">Mechanical (ME)</a>
                            <a href="https://somskilltech.in/training/summer/cyber-security" @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">Cyber Security</a>
                            <a href="https://somskilltech.in/training/autocad"               @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">AutoCAD Training</a>
                        </div>
                    </div>
                    
                    <div x-data="{ apprOpen: false }">
                        <button @click="apprOpen = !apprOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">
                            Apprenticeship Training
                            <svg class="w-3 h-3 ml-1 transition-transform duration-200" :class="{'rotate-90': apprOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
                        </button>
                        <div x-show="apprOpen" class="pl-3 py-1 space-y-1" style="display: none;" x-cloak>
                            <a href="https://somskilltech.in/training/apprenticeship/cyber-security" @click="open = false" class="block px-3 py-1.5 rounded-md text-gray-500 hover:text-white hover:bg-gray-700 text-xs font-medium">Cyber Security</a>
                        </div>
                    </div>
                    <a href="https://somskilltech.in/training/digital-marketing" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Digital Marketing Training</a>
                    <a href="https://somskilltech.in/training/seo" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">SEO Training</a>
                    <a href="https://somskilltech.in/training/autocad" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">AutoCAD Training</a>
                    <a href="https://somskilltech.in/training/data-analytics" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Data Analytics Training</a>
                    <a href="https://somskilltech.in/training/ai-training" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">AI &amp; ML Training</a>
                </div>
            </div>

            
            <div x-data="{ dropdownOpen: false }">
                <button @click="dropdownOpen = !dropdownOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">
                    Services
                    <svg class="w-4 h-4 ml-1 transition-transform duration-200" :class="{'rotate-180': dropdownOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                </button>
                <div x-show="dropdownOpen" class="pl-4 pr-3 py-1 space-y-1" style="display: none;" x-cloak>
                    <a href="https://somskilltech.in/services"               @click="open = false" class="block px-3 py-2 rounded-md text-blue-400 font-semibold hover:text-blue-300 hover:bg-gray-700 text-sm">All Services</a>
                    <a href="https://somskilltech.in/software-development"   @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Software Development</a>
                    <a href="https://somskilltech.in/products"               @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Our Products</a>
                    <a href="https://somskilltech.in/website-development"    @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Website Development</a>
                    <a href="https://somskilltech.in/mobile-app-development"  @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Mobile App Development</a>
                    <a href="https://somskilltech.in/digital-marketing"      @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Digital Marketing</a>
                    <a href="https://somskilltech.in/graphics-designing"     @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Graphics Designing</a>
                    <a href="https://somskilltech.in/erp-crm-development"    @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">ERP &amp; CRM Development</a>
                </div>
            </div>

            
            <div x-data="{ dropdownOpen: false }">
                <button @click="dropdownOpen = !dropdownOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">
                    About
                    <svg class="w-4 h-4 ml-1 transition-transform duration-200" :class="{'rotate-180': dropdownOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                </button>
                <div x-show="dropdownOpen" class="pl-4 pr-3 py-1 space-y-1" style="display: none;" x-cloak>
                    <a href="https://somskilltech.in/about" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">About Us</a>
                    <a href="https://somskilltech.in/contact" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Contact</a>
                </div>
            </div>

            
            <div x-data="{ dropdownOpen: false }">
                <button @click="dropdownOpen = !dropdownOpen" class="flex items-center justify-between w-full px-3 py-2 rounded-md text-gray-300 hover:text-white hover:bg-gray-700 text-sm font-medium transition-colors duration-200 focus:outline-none">
                    Pages
                    <svg class="w-4 h-4 ml-1 transition-transform duration-200" :class="{'rotate-180': dropdownOpen}" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                </button>
                <div x-show="dropdownOpen" class="pl-4 pr-3 py-1 space-y-1" style="display: none;" x-cloak>
                    <a href="/case-studies" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Case Study</a>
                    <a href="/terms" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Terms & Conditions</a>
                    <a href="/privacy" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Privacy Policy</a>
                    <a href="/refund-policy" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Refund Policy</a>
                    <a href="/gallery" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Image Gallery</a>
                    <a href="/feedback" @click="open = false" class="block px-3 py-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 text-sm font-medium">Submit Feedback</a>
                </div>
            </div>


            <a
                href="https://somskilltech.in/get-in-touch"
                @click="open = false"
                class="block mt-4 px-3 py-2 rounded-md bg-gradient-to-r from-blue-600 to-purple-600 text-white text-sm font-medium text-center focus:ring-2 focus:ring-blue-500 focus:outline-none"
            >
                Get Started
            </a>
        </div>
    </div>
</nav>
    <main class="bg-gray-950 text-white min-h-screen">
    <!-- Hero Section -->
    <section class="relative pt-28 pb-16 overflow-hidden">
        <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-900/20 via-gray-950 to-gray-950 -z-10"></div>
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <!-- Breadcrumbs -->
            <nav class="flex justify-center mb-6 text-xs text-gray-400 gap-2">
                <a href="https://somskilltech.in" class="hover:text-blue-400">Home</a>
                <span>/</span>
                <a href="https://somskilltech.in/services" class="hover:text-blue-400">Services</a>
                <span>/</span>
                <span class="text-gray-200">Software &amp; IT Solutions in India</span>
            </nav>

            <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-400 text-xs font-semibold uppercase tracking-wider mb-6">
                <span>Verified Provider in India</span>
            </div>

            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight mb-6">
                Leading <span class="bg-gradient-to-r from-blue-400 via-indigo-300 to-purple-400 bg-clip-text text-transparent">Software &amp; IT Solutions</span> in India
            </h1>

            <p class="max-w-3xl mx-auto text-base sm:text-lg text-gray-300 mb-8 leading-relaxed">
                Empower your business in India with robust, scalable, and cutting-edge software &amp; it solutions designed and engineered by SomSkillTech. 100% IP ownership, transparent milestones, and 24/7 dedicated engineering support.
            </p>

            <div class="flex flex-wrap items-center justify-center gap-4">
                <a href="https://wa.me/919236207394?text=Hello+SomSkillTech%2C+I+want+a+quote+for+Software+%26+IT+Solutions+in+India"
                   target="_blank" rel="noopener noreferrer"
                   class="inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-500 text-white font-semibold px-6 py-3 rounded-xl shadow-lg shadow-emerald-900/30 transition-all duration-200 text-sm">
                    <span>Chat on WhatsApp</span>
                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/></svg>
                </a>
                <a href="https://somskilltech.in/contact"
                   class="inline-flex items-center gap-2 bg-gray-900 hover:bg-gray-800 border border-gray-700 text-white font-semibold px-6 py-3 rounded-xl transition-all duration-200 text-sm">
                    <span>Request Free Demo</span>
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
                </a>
            </div>
        </div>
    </section>

    <!-- Value Propositions -->
    <section class="py-12 bg-gray-900/50 border-y border-gray-800">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="p-6 rounded-2xl bg-gray-950/80 border border-gray-800">
                    <div class="text-3xl mb-3">🚀</div>
                    <h3 class="text-lg font-bold text-white mb-2">Rapid Turnaround</h3>
                    <p class="text-sm text-gray-400">Launch MVPs and commercial enterprise software in 14–30 business days with agile sprint delivery.</p>
                </div>
                <div class="p-6 rounded-2xl bg-gray-950/80 border border-gray-800">
                    <div class="text-3xl mb-3">🛡️</div>
                    <h3 class="text-lg font-bold text-white mb-2">100% IP Ownership</h3>
                    <p class="text-sm text-gray-400">Complete source code, database architectures, and deployment keys transferred with NDA protection.</p>
                </div>
                <div class="p-6 rounded-2xl bg-gray-950/80 border border-gray-800">
                    <div class="text-3xl mb-3">🤝</div>
                    <h3 class="text-lg font-bold text-white mb-2">Local & Remote Support</h3>
                    <p class="text-sm text-gray-400">Dedicated project managers, transparent weekly reporting, and guaranteed SLA support for India.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact & Consultation -->
    <section class="py-16">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h2 class="text-2xl sm:text-3xl font-bold mb-4">Start Your Software &amp; IT Solutions Project in India</h2>
            <p class="text-gray-400 text-sm mb-8">Discuss your tech requirements with our senior architects. Free estimate within 2 hours.</p>
            <div class="p-8 rounded-3xl bg-gray-900 border border-gray-800 shadow-2xl">
                <form action="https://somskilltech.in/contact" method="POST" class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-left">
                    <input type="hidden" name="_token" value="2dNkJYyfb1lKB7KgMD0si70f5IAQmbWizL28bRO3" autocomplete="off">                    <div>
                        <label class="block text-xs font-semibold text-gray-400 mb-1">Your Name</label>
                        <input type="text" name="name" required class="w-full bg-gray-950 border border-gray-800 rounded-xl px-4 py-2.5 text-sm text-white focus:outline-none focus:border-blue-500">
                    </div>
                    <div>
                        <label class="block text-xs font-semibold text-gray-400 mb-1">Phone / WhatsApp</label>
                        <input type="text" name="phone" required class="w-full bg-gray-950 border border-gray-800 rounded-xl px-4 py-2.5 text-sm text-white focus:outline-none focus:border-blue-500">
                    </div>
                    <div class="sm:col-span-2">
                        <label class="block text-xs font-semibold text-gray-400 mb-1">Project Details</label>
                        <textarea name="message" rows="3" required placeholder="Looking for Software &amp; IT Solutions in India..." class="w-full bg-gray-950 border border-gray-800 rounded-xl px-4 py-2.5 text-sm text-white focus:outline-none focus:border-blue-500"></textarea>
                    </div>
                    <div class="sm:col-span-2 text-center mt-2">
                        <button type="submit" class="w-full sm:w-auto inline-flex justify-center bg-blue-600 hover:bg-blue-500 text-white font-semibold px-8 py-3 rounded-xl transition-all duration-200 text-sm">
                            Submit Project Enquiry
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</main>
        <footer class="bg-black border-t border-white/10 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

        
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-6 gap-8 lg:gap-12 mb-12">

            
            <div class="lg:col-span-2 sm:col-span-2 lg:pr-8">
                <a
                    href="https://somskilltech.in"
                    class="inline-block text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent mb-4 focus:outline-none rounded hover:opacity-90 transition-opacity"
                    aria-label="SomSkillTech — Home"
                >
                    SomSkillTech
                </a>
                <p class="text-gray-400 text-sm leading-relaxed">
                    Transforming ideas into powerful software solutions. Enterprise software, mobile apps, cloud, and AI systems.
                </p>
            </div>

            
            <div>
                <h3 class="text-white font-semibold text-sm uppercase tracking-wider mb-4">Quick Links</h3>
                <ul class="space-y-2">
                    <li><a href="https://somskilltech.in/services"   class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">Services</a></li>
                    <li><a href="https://somskilltech.in/training"   class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">Training &amp; Internship</a></li>
                    <li><a href="https://somskilltech.in/#about"      class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">About</a></li>
                    <li><a href="https://somskilltech.in/#portfolio"  class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">Portfolio</a></li>
                    <li><a href="https://somskilltech.in/contact"    class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">Contact</a></li>
                    <li><a href="https://somskilltech.in/fast-track-software-development" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">⚡ Fast Track MVP (7–15 Days)</a></li>
                </ul>
            </div>

            
            <div>
                <h3 class="text-white font-semibold text-sm uppercase tracking-wider mb-4">Our Services</h3>
                <ul class="space-y-2">
                                                                                <li>
                        <a href="https://somskilltech.in/erp-software"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            ERP Software
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/crm-software"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            CRM Software
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/web-development"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Website Development
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/app-development"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            App Development
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/mlm-software"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            MLM Software
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/seo-digital-marketing"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            SEO &amp; Digital Marketing
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/healthcare-software"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Healthcare Software
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/education-software"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Education Software
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/ecommerce-website"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            E-Commerce Website
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/automation-ai"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Automation &amp; AI
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/cyber-security"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Cyber Security
                        </a>
                    </li>
                                                                                                    <li>
                        <a href="https://somskilltech.in/cloud-services"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Cloud Services
                        </a>
                    </li>
                                                                                                                                                                <li>
                        <a href="https://somskilltech.in/hospital-management-system"
                           class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">
                            Hospital Management System
                        </a>
                    </li>
                                                        </ul>
            </div>

            
            <div>
                <h3 class="text-white font-semibold text-sm uppercase tracking-wider mb-4">Top Cities</h3>
                <ul class="space-y-2">
                    <li><a href="https://somskilltech.in/mlm-software-in-delhi" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">MLM Software Delhi</a></li>
                    <li><a href="https://somskilltech.in/erp-software-in-mumbai" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">ERP Software Mumbai</a></li>
                    <li><a href="https://somskilltech.in/software-company-in-bangalore" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">Software Co. Bangalore</a></li>
                    <li><a href="https://somskilltech.in/app-development-in-hyderabad" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">App Dev Hyderabad</a></li>
                    <li><a href="https://somskilltech.in/it-services-in-pune" class="text-gray-400 hover:text-white text-sm transition-colors duration-200 focus:outline-none rounded">IT Services Pune</a></li>
                </ul>
            </div>

            
            <div>
                <h3 class="text-white font-semibold text-sm uppercase tracking-wider mb-4">Contact</h3>
                <ul class="space-y-3 mb-6">
                    <li>
                        <a href="mailto:support@somskilltech.in" class="flex items-center gap-3 text-gray-400 hover:text-white text-sm transition-all duration-300 group focus:outline-none">
                            <svg class="w-5 h-5 text-gray-400 group-hover:text-white transition-colors duration-300 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
                            <span>support@somskilltech.in</span>
                        </a>
                    </li>
                    <li>
                        <a href="tel:919236207394" class="flex items-center gap-3 text-gray-400 hover:text-white text-sm transition-all duration-300 group focus:outline-none">
                            <svg class="w-5 h-5 text-gray-400 group-hover:text-white transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                            <span>+91-92362-07394</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://somskilltech.in" target="_blank" class="flex items-center gap-3 text-gray-400 hover:text-white text-sm transition-all duration-300 group focus:outline-none">
                            <svg class="w-5 h-5 text-gray-400 group-hover:text-white transition-colors duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
                            <span>somskilltech.in</span>
                        </a>
                    </li>
                </ul>

                
                <div class="flex items-center gap-3 flex-wrap">
                    <a href="https://linkedin.com/company/somskilltech" target="_blank" rel="noopener noreferrer" aria-label="SomSkillTech on LinkedIn" class="text-gray-400 hover:text-white transition-all duration-300 focus:outline-none hover:-translate-y-1">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                    </a>
                    <a href="https://twitter.com/somskilltech" target="_blank" rel="noopener noreferrer" aria-label="SomSkillTech on X (Twitter)" class="text-gray-400 hover:text-white transition-all duration-300 focus:outline-none hover:-translate-y-1">
                        <svg class="w-6 h-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"/></svg>
                    </a>
                    
                    <a href="https://www.instagram.com/official_somskilltech?igsh=MXJ1ZWh3dXg1MDR6bQ==" target="_blank" rel="noopener noreferrer" aria-label="SomSkillTech on Instagram" class="text-gray-400 hover:text-white transition-all duration-300 focus:outline-none hover:-translate-y-1">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
                    </a>
                    <a href="https://github.com/somskilltech" target="_blank" rel="noopener noreferrer" aria-label="SomSkillTech on GitHub" class="text-gray-400 hover:text-white transition-all duration-300 focus:outline-none hover:-translate-y-1">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
                    </a>
                </div>
            </div>

        </div>

        
        

        
        <div class="border-t border-white/10 pt-8 pb-4 mb-8">
            <div class="flex flex-col md:flex-row items-center justify-center gap-4 text-center">
                <span class="text-white font-semibold text-sm uppercase tracking-wider shrink-0">Global Presence:</span>
                <p class="text-gray-400 text-sm leading-relaxed">
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">India</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">United States</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Spain</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Malaysia</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">China</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Brazil</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Somalia</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Tunisia</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Ukraine</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Chile</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Panama</a> <span class="mx-2 opacity-30">&bull;</span>
                    <a href="https://somskilltech.in/services" class="hover:text-white transition-colors duration-200">Guyana</a>
                </p>
            </div>
        </div>

        
        <div class="border-t border-white/10 pt-8 flex flex-col md:flex-row items-center justify-between gap-6">
            <p class="text-gray-500 text-sm">
                &copy; 2026 SomSkillTech. All rights reserved.
            </p>
            <div class="flex items-center gap-6">
                <a href="https://somskilltech.in/privacy" class="text-gray-500 hover:text-gray-300 text-sm transition-colors duration-200 focus:outline-none rounded">Privacy Policy</a>
                <a href="https://somskilltech.in/terms" class="text-gray-500 hover:text-gray-300 text-sm transition-colors duration-200 focus:outline-none rounded">Terms of Service</a>
            </div>
        </div>

    </div>
</footer>

    <style>
    #call-float-btn {
        animation: call-float-pulse 2.5s ease-in-out infinite;
        animation-delay: 1.25s;
    }
    #wa-float-btn {
        animation: wa-float-pulse 2.5s ease-in-out infinite;
    }
    @keyframes wa-float-pulse {
        0%   { box-shadow: 0 0 0 0    rgba(37,211,102,0.55); }
        70%  { box-shadow: 0 0 0 14px rgba(37,211,102,0);    }
        100% { box-shadow: 0 0 0 0    rgba(37,211,102,0);    }
    }
    @keyframes call-float-pulse {
        0%   { box-shadow: 0 0 0 0    rgba(59,130,246,0.55); }
        70%  { box-shadow: 0 0 0 14px rgba(59,130,246,0);    }
        100% { box-shadow: 0 0 0 0    rgba(59,130,246,0);    }
    }
</style>

<div role="group"
     aria-label="Floating contact options"
     class="fixed bottom-6 right-6 z-50 flex flex-col items-center gap-2">

    
    <a href="tel:+91-92362-07394"
       id="call-float-btn"
       aria-label="Call SomSkillTech"
       title="Call Us"
       class="flex items-center justify-center w-14 h-14 rounded-full bg-[#3B82F6] shadow-lg hover:scale-110 transition-transform duration-300"
       onclick="window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'contact_click',method:'phone',source:'floating_button'});">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-7 h-7 fill-white" aria-hidden="true">
            <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/>
        </svg>
    </a>

    
    <a href="https://wa.me/919236207394?text=Hi%20SomSkillTech%21%20I%20am%20searching%20for%20Software%20%26%20IT%20Solutions%20in%20India.%20Please%20share%20a%20live%20demo%20%26%20pricing."
       target="_blank"
       rel="noopener noreferrer"
       id="wa-float-btn"
       aria-label="Chat with us on WhatsApp"
       title="Chat on WhatsApp"
       class="flex items-center justify-center w-14 h-14 rounded-full bg-[#25D366] shadow-lg hover:scale-110 transition-transform duration-300"
       onclick="window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'contact_click',method:'whatsapp',source:'floating_button'});">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8 fill-white" aria-hidden="true">
            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
        </svg>
    </a>

</div>

<script>
(function () {
    try {
        var city = '';
        var service = '';
        var meta = document.querySelector('meta[name="page-context"]');
        if (meta && meta.getAttribute('content')) {
            var parts = meta.getAttribute('content').split('|');
            city = (parts[0] || '').trim();
            service = (parts[1] || '').trim();
        }

        // URL Pathname extraction fallback
        if (!city && !service) {
            var path = window.location.pathname.replace(/^\/+|\/+$/g, '');
            var geoMatch = path.match(/^([a-z0-9\-]+)-in-([a-z0-9\-]+)$/i);
            if (geoMatch) {
                service = geoMatch[1].replace(/-/g, ' ').replace(/\b\w/g, function(l){ return l.toUpperCase(); });
                city = geoMatch[2].replace(/-/g, ' ').replace(/\b\w/g, function(l){ return l.toUpperCase(); });
            } else if (path.indexOf('services/') === 0) {
                var sSlug = path.replace('services/', '');
                service = sSlug.replace(/-/g, ' ').replace(/\b\w/g, function(l){ return l.toUpperCase(); });
            }
        }

        if (city && service) {
            var msg = 'Hi SomSkillTech, I am looking for ' + service + ' in ' + city + '. Please share project estimate & 7-15 days delivery timeline.';
            var btn = document.getElementById('wa-float-btn');
            if (btn) {
                btn.href = 'https://wa.me/919236207394?text=' + encodeURIComponent(msg);
            }
        } else if (service) {
            var msg = 'Hi SomSkillTech, I am looking for ' + service + '. Please share project estimate & 7-15 days delivery timeline.';
            var btn = document.getElementById('wa-float-btn');
            if (btn) {
                btn.href = 'https://wa.me/919236207394?text=' + encodeURIComponent(msg);
            }
        }
    } catch (e) {
        // Fall back gracefully to static href
    }
})();
</script>
    <div id="fast-track-floating-badge"
     x-data="{ minimized: false, dismissed: false }"
     x-show="!dismissed"
     x-transition:enter="transition ease-out duration-300"
     x-transition:enter-start="opacity-0 translate-y-4 scale-95"
     x-transition:enter-end="opacity-100 translate-y-0 scale-100"
     class="fixed bottom-24 right-4 sm:right-6 z-[9990] max-w-xs sm:max-w-sm select-none"
     style="display: none;"
     x-init="$el.style.display = 'block'">

    
    <div x-show="!minimized"
         class="relative bg-gray-900/95 backdrop-blur-md border border-purple-500/40 rounded-2xl p-4 shadow-2xl shadow-purple-950/50 text-white transition-all duration-300 hover:border-purple-400">

        
        <div class="absolute -inset-0.5 bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 rounded-2xl blur opacity-30 animate-pulse pointer-events-none"></div>

        <div class="relative z-10">
            
            <div class="flex items-center justify-between gap-2 mb-2">
                <div class="inline-flex items-center gap-2 bg-gradient-to-r from-blue-600/30 to-purple-600/30 border border-blue-400/30 px-2.5 py-0.5 rounded-full text-xs font-semibold text-blue-300">
                    <span class="relative flex h-2 w-2">
                        <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
                        <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
                    </span>
                    🚀 Need Software Fast?
                </div>

                
                <button type="button"
                        @click="minimized = true"
                        class="text-gray-400 hover:text-white p-1 rounded-md transition hover:bg-gray-800"
                        title="Minimize"
                        aria-label="Minimize fast development badge">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                    </svg>
                </button>
            </div>

            
            <div class="space-y-1 mb-3">
                <div class="text-sm font-bold text-white flex items-center gap-1.5">
                    <span class="text-amber-400">⚡</span> Launch MVP in 7–15 Days
                </div>
                <div class="text-xs text-gray-300 leading-snug">
                    Save up to 60% time &amp; 40% cost with ready-to-deploy ERP, CRM &amp; Web modules.
                </div>
            </div>

            
            <div class="flex items-center gap-2 pt-1 border-t border-gray-800">
                <a href="https://somskilltech.in/rapid-software-delivery#rapid-quote"
                   class="flex-1 text-center py-2 px-3 bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 hover:from-blue-500 hover:to-purple-500 text-white font-bold text-xs rounded-xl shadow-lg shadow-blue-500/20 transition-all duration-200 hover:scale-[1.02]">
                    Get Fast Quote →
                </a>
                                <a href="https://wa.me/919236207394?text=Hi+SomSkillTech%2C+I+want+a+Free+Demo+%26+Pricing+for+Software+%26+IT+Solutions+in+India."
                   target="_blank"
                   rel="noopener"
                   class="p-2 bg-emerald-600/20 border border-emerald-500/30 hover:bg-emerald-600/30 text-emerald-400 rounded-xl transition"
                   title="WhatsApp Fast Track Chat">
                    <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/>
                    </svg>
                </a>
            </div>
        </div>
    </div>

    
    <div x-show="minimized"
         @click="minimized = false"
         class="cursor-pointer bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 text-white px-3.5 py-2 rounded-full shadow-xl border border-purple-400/40 flex items-center gap-2 text-xs font-bold transition hover:scale-105">
        <span class="relative flex h-2 w-2">
            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
            <span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span>
        </span>
        <span>⚡ Need Software in 7–15 Days?</span>
        <svg class="w-3.5 h-3.5 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
        </svg>
    </div>
</div>
    
    <link rel="modulepreload" as="script" href="https://somskilltech.in/public/build/assets/app-D42sPCvV.js" /><script type="module" src="https://somskilltech.in/public/build/assets/app-D42sPCvV.js"></script>
    
    <script>
    (function(){
        document.querySelectorAll('img:not([loading])').forEach(function(img){
            // Skip images above the fold (first 2 in DOM = likely LCP candidates)
            img.setAttribute('loading','lazy');
            img.setAttribute('decoding','async');
        });
    })();
    </script>

    
                    
    
    <div id="fast-track-quote-modal"
     class="fixed inset-0 z-[99999] bg-black/80 backdrop-blur-md flex items-center justify-center p-3 sm:p-4 opacity-0 pointer-events-none transition-all duration-300"
     style="background-color: rgba(0, 0, 0, 0.85)!important;"
     role="dialog"
     aria-modal="true"
     aria-labelledby="ft-modal-title">

    <div class="border border-purple-500/40 rounded-2xl max-w-xl w-full max-h-[92vh] overflow-y-auto p-5 sm:p-7 relative shadow-2xl shadow-purple-500/30 transform scale-95 transition-transform duration-300"
         style="background-color: #111827!important; background: #111827!important;"
         id="ft-modal-card">

        
        <button type="button"
                onclick="window.closeFastTrackModal()"
                class="absolute top-4 right-4 text-gray-400 hover:text-white p-1 rounded-lg hover:bg-gray-800 transition"
                aria-label="Close modal">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
            </svg>
        </button>

        
        <div class="mb-5">
            <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-purple-500/10 border border-purple-500/30 text-purple-300 text-[11px] font-bold uppercase tracking-wider mb-2">
                <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
                ⚡ Rapid Software Delivery
            </div>
            <h3 id="ft-modal-title" class="text-xl sm:text-2xl font-extrabold text-white">
                Get Your Fast-Track Estimate &amp; Architecture
            </h3>
            <p class="text-xs sm:text-sm text-gray-400 mt-1">
                Receive fixed-cost timeline &amp; sprint roadmap within 2 hours. Zero obligation.
            </p>
        </div>

        
        <div id="ft-modal-success" class="hidden mb-4 p-4 rounded-xl bg-emerald-950/80 border border-emerald-500/40 text-emerald-200 text-sm">
            <div class="font-bold flex items-center gap-2">
                <span>🎉</span> Request Received Successfully!
            </div>
            <p class="text-xs text-emerald-300/90 mt-1">
                Our Senior Solution Architect is reviewing your scope and will connect with you via WhatsApp/Phone in under 2 hours.
            </p>
        </div>

        
        <div id="ft-modal-error" class="hidden mb-4 p-3 rounded-xl bg-rose-950/80 border border-rose-500/40 text-rose-200 text-xs">
            Please check your details and try again.
        </div>

        
        <form id="fast-track-lead-form" class="space-y-4">
            <input type="hidden" name="_token" value="2dNkJYyfb1lKB7KgMD0si70f5IAQmbWizL28bRO3" autocomplete="off">            <input type="hidden" name="lead_source" id="ft-lead-source" value="Fast Track Modal">
            <input type="hidden" name="lead_type" id="ft-lead-type" value="Urgent MVP">
            <input type="hidden" name="source_url" id="ft-source-url" value="">

            <div class="grid grid-cols-1 sm:grid-cols-2 gap-3.5">
                <div>
                    <label for="ft-name" class="block text-xs font-semibold text-gray-300 mb-1">Your Name *</label>
                    <input type="text"
                           id="ft-name"
                           name="name"
                           required
                           placeholder="e.g. Rahul Sharma"
                           class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white placeholder-gray-500 transition">
                </div>

                <div>
                    <label for="ft-phone" class="block text-xs font-semibold text-gray-300 mb-1">Mobile / WhatsApp *</label>
                    <input type="tel"
                           id="ft-phone"
                           name="phone"
                           required
                           placeholder="e.g. +91 98765 43210"
                           class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white placeholder-gray-500 transition">
                </div>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 gap-3.5">
                <div>
                    <label for="ft-email" class="block text-xs font-semibold text-gray-300 mb-1">Work Email *</label>
                    <input type="email"
                           id="ft-email"
                           name="email"
                           required
                           placeholder="name@company.com"
                           class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white placeholder-gray-500 transition">
                </div>

                <div>
                    <label for="ft-company" class="block text-xs font-semibold text-gray-300 mb-1">Company / Startup Name</label>
                    <input type="text"
                           id="ft-company"
                           name="company"
                           placeholder="e.g. Acme Innovations"
                           class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white placeholder-gray-500 transition">
                </div>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 gap-3.5">
                <div>
                    <label for="ft-project-type" class="block text-xs font-semibold text-gray-300 mb-1">Project Type</label>
                    <select id="ft-project-type"
                            name="project_type"
                            class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white transition">
                        <option value="SaaS MVP Development">SaaS MVP Development (Web &amp; Cloud)</option>
                        <option value="Custom ERP & Workflow">Custom ERP &amp; Operations Portal</option>
                        <option value="CRM & WhatsApp Automation">CRM &amp; Lead Management System</option>
                        <option value="Mobile App (iOS & Android)">Mobile App (Flutter / React Native)</option>
                        <option value="E-Commerce & D2C Store">E-Commerce &amp; Quick-Commerce Store</option>
                        <option value="AI / LLM Agent Platform">AI Agent / Custom LLM Solution</option>
                    </select>
                </div>

                <div>
                    <label for="ft-budget-range" class="block text-xs font-semibold text-gray-300 mb-1">Budget Expectation</label>
                    <select id="ft-budget-range"
                            name="budget_range"
                            class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white transition">
                        <option value="Under ₹50,000">Under ₹50,000 (Rapid MVP)</option>
                        <option value="₹50,000 – ₹1,50,000" selected>₹50,000 – ₹1,50,000 (Standard Sprint)</option>
                        <option value="₹1,50,000 – ₹5,00,000">₹1,50,000 – ₹5,00,000 (Enterprise Modular)</option>
                        <option value="₹5,00,000+">₹5,00,000+ (Comprehensive Platform)</option>
                    </select>
                </div>
            </div>

            <div>
                <label for="ft-launch-date" class="block text-xs font-semibold text-gray-300 mb-1">Required Go-Live Timeline</label>
                <select id="ft-launch-date"
                        name="required_launch_date"
                        class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white transition">
                    <option value="Within 7 Days">⚡ Within 7 Days (Super Urgent MVP)</option>
                    <option value="7–15 Days" selected>🚀 7–15 Days (Recommended Sprint)</option>
                    <option value="15–30 Days">📦 15–30 Days (Full Custom Suite)</option>
                    <option value="Flexible Timeline">🗓️ Flexible / Planning Phase</option>
                </select>
            </div>

            <div>
                <label for="ft-message" class="block text-xs font-semibold text-gray-300 mb-1">Project Requirements / Brief</label>
                <textarea id="ft-message"
                          name="message"
                          rows="2"
                          placeholder="Briefly describe what you are building (e.g., student admission portal, clinic appointments, invoicing CRM)..."
                          class="w-full px-3.5 py-2.5 bg-gray-950 border border-gray-800 focus:border-purple-500 focus:ring-1 focus:ring-purple-500 rounded-xl text-sm text-white placeholder-gray-500 transition resize-none"></textarea>
            </div>

            
            <div class="flex items-center gap-3 p-3 rounded-xl bg-purple-950/30 border border-purple-500/20">
                <input type="checkbox"
                       id="ft-fast-track-check"
                       name="fast_track"
                       value="1"
                       checked
                       class="w-4 h-4 rounded text-purple-600 focus:ring-purple-500 bg-gray-900 border-gray-700">
                <label for="ft-fast-track-check" class="text-xs text-gray-300 select-none cursor-pointer">
                    <strong class="text-white">☑ Need MVP in 7–15 Days</strong> — Priority sprint dispatch with dedicated lead
                </label>
            </div>

            
            <div class="pt-2">
                <button type="submit"
                        id="ft-submit-btn"
                        class="w-full flex items-center justify-center gap-2 py-3.5 px-6 rounded-xl bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 hover:from-blue-500 hover:to-purple-500 text-white font-bold text-sm shadow-xl shadow-purple-600/30 transition-all duration-300 hover:scale-[1.01]">
                    <span id="ft-btn-text">Request Instant Fast-Track Estimate</span>
                    <svg id="ft-btn-icon" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
                    </svg>
                    <svg id="ft-btn-spinner" class="hidden animate-spin w-4 h-4 text-white" fill="none" viewBox="0 0 24 24">
                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                    </svg>
                </button>
            </div>

            <p class="text-[11px] text-center text-gray-500">
                🔒 100% Confidential &bull; Non-Disclosure Agreement (NDA) on request &bull; No spam guaranteed
            </p>
        </form>
    </div>
</div>


<script>
(function() {
    var modal = document.getElementById('fast-track-quote-modal');
    var card = document.getElementById('ft-modal-card');
    var form = document.getElementById('fast-track-lead-form');
    var submitBtn = document.getElementById('ft-submit-btn');
    var btnText = document.getElementById('ft-btn-text');
    var btnIcon = document.getElementById('ft-btn-icon');
    var btnSpinner = document.getElementById('ft-btn-spinner');
    var successNotice = document.getElementById('ft-modal-success');
    var errorNotice = document.getElementById('ft-modal-error');
    var sourceUrlInput = document.getElementById('ft-source-url');

    function trackEvent(action, label) {
        if (typeof gtag === 'function') {
            gtag('event', 'fast_track_' + action, {
                event_category: 'Fast Track Development',
                event_label: label || 'General'
            });
        }
        if (typeof fbq === 'function') {
            fbq('trackCustom', 'FastTrack_' + action, { label: label || 'General' });
        }
    }

    window.openFastTrackModal = function(options) {
        options = options || {};
        var targetUrl = "https://somskilltech.in/rapid-software-delivery";
        if (options.projectType) {
            targetUrl += "?project_type=" + encodeURIComponent(options.projectType);
        }
        targetUrl += "#rapid-quote";
        window.location.href = targetUrl;
    };

    window.closeFastTrackModal = function() {
        card.classList.remove('scale-100');
        card.classList.add('scale-95');
        modal.classList.add('opacity-0', 'pointer-events-none');
        document.body.style.overflow = '';
    };

    // Close on backdrop click
    if (modal) {
        modal.addEventListener('click', function(e) {
            if (e.target === modal) {
                window.closeFastTrackModal();
            }
        });
    }

    // Close on Escape key
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape' && !modal.classList.contains('pointer-events-none')) {
            window.closeFastTrackModal();
        }
    });

    // Form Submission
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();

            submitBtn.disabled = true;
            btnIcon.classList.add('hidden');
            btnSpinner.classList.remove('hidden');
            btnText.innerText = 'Submitting Request...';
            errorNotice.classList.add('hidden');

            var formData = new FormData(form);

            fetch('/api/fast-track-lead', {
                method: 'POST',
                headers: {
                    'Accept': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                body: formData
            })
            .then(function(res) {
                return res.json();
            })
            .then(function(data) {
                submitBtn.disabled = false;
                btnSpinner.classList.add('hidden');
                btnIcon.classList.remove('hidden');
                btnText.innerText = 'Request Instant Fast-Track Estimate';

                if (data.status === 'success') {
                    successNotice.classList.remove('hidden');
                    form.reset();
                    trackEvent('form_submit', formData.get('project_type'));

                    setTimeout(function() {
                        window.closeFastTrackModal();
                        successNotice.classList.add('hidden');
                    }, 2800);
                } else {
                    errorNotice.innerText = data.message || 'Something went wrong. Please check your inputs.';
                    errorNotice.classList.remove('hidden');
                }
            })
            .catch(function() {
                submitBtn.disabled = false;
                btnSpinner.classList.add('hidden');
                btnIcon.classList.remove('hidden');
                btnText.innerText = 'Request Instant Fast-Track Estimate';
                errorNotice.innerText = 'Unable to send request right now. Please message directly on WhatsApp.';
                errorNotice.classList.remove('hidden');
            });
        });
    }
})();
</script>
    <div id="fast-track-mobile-bar"
     class="md:hidden fixed bottom-0 left-0 right-0 z-[9990] bg-gray-950/95 backdrop-blur-xl border-t border-purple-500/30 px-3.5 py-2.5 shadow-2xl shadow-purple-950/50">
    <div class="flex items-center justify-between gap-2 max-w-md mx-auto">
        
        <div class="flex items-center gap-2 min-w-0">
            <span class="text-xl shrink-0">🚀</span>
            <div class="min-w-0">
                <div class="text-xs font-extrabold text-white truncate">Launch in 15 Days</div>
                <div class="text-[10px] text-purple-300 truncate">Pre-Built Frameworks</div>
            </div>
        </div>

        
        <div class="flex items-center gap-2 shrink-0">
            <a href="https://somskilltech.in/rapid-software-delivery#rapid-quote"
               class="px-3.5 py-2 rounded-xl bg-gradient-to-r from-blue-600 via-purple-600 to-indigo-600 hover:from-blue-500 hover:to-purple-500 text-white font-extrabold text-xs shadow-md shadow-purple-600/30 transition active:scale-95 text-center">
                Get Fast Quote
            </a>
            <a href="https://wa.me/919236207394?text=Hi%20SomSkillTech%2C%20I%20want%20to%20launch%20an%20MVP%20in%207-15%20Days.%20Please%20guide%20me."
               target="_blank"
               rel="noopener"
               class="p-2 rounded-xl bg-[#25D366] hover:bg-[#20ba58] text-white flex items-center justify-center transition active:scale-95"
               aria-label="WhatsApp Us">
                <svg class="w-4 h-4 fill-current" viewBox="0 0 24 24">
                    <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
                </svg>
            </a>
        </div>
    </div>
</div>
    
    
    <div id="exit-intent-overlay"
     class="fixed inset-0 z-[9999] bg-black/70 backdrop-blur-sm flex items-center justify-center p-4"
     style="display:none!important"
     role="dialog"
     aria-modal="true"
     aria-label="Free Consultation Offer">

    <div class="bg-gray-900 border border-blue-500/30 rounded-2xl max-w-md w-full p-8 relative shadow-2xl shadow-blue-500/10">
        
        <button id="exit-intent-close"
                class="absolute top-4 right-4 text-gray-500 hover:text-white transition-colors"
                aria-label="Close">
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
            </svg>
        </button>

        
        <div class="text-center mb-6">
            <div class="text-4xl mb-3">🎁</div>
            <h3 class="text-white text-xl font-bold mb-2">Wait! Get a Free Consultation</h3>
            <p class="text-gray-400 text-sm leading-relaxed">
                Before you go — get a <strong class="text-white">FREE 30-minute consultation</strong> with our experts. No obligation, no cost.
            </p>
        </div>

        <div class="space-y-3 mb-6">
                        <div class="flex items-center gap-2 text-sm text-gray-300">✅ Free project scope review</div>
                        <div class="flex items-center gap-2 text-sm text-gray-300">✅ Cost estimate within 2 hours</div>
                        <div class="flex items-center gap-2 text-sm text-gray-300">✅ No commitment required</div>
                        <div class="flex items-center gap-2 text-sm text-gray-300">✅ NDA signed on request</div>
                    </div>

        <div class="flex flex-col gap-3">
            <a href="https://somskilltech.in/contact"
               class="block w-full text-center bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white font-semibold py-3 rounded-xl transition-all duration-300"
               onclick="document.getElementById('exit-intent-overlay').style.display='none'">
                Get Free Consultation →
            </a>
            <a href="https://wa.me/919236207394?text=Hi%2C+I+want+a+free+consultation"
               target="_blank" rel="noopener noreferrer"
               class="block w-full text-center bg-[#25D366] hover:bg-[#20ba58] text-white font-semibold py-3 rounded-xl transition-all duration-300"
               onclick="document.getElementById('exit-intent-overlay').style.display='none'">
                💬 WhatsApp Us Now
            </a>
            <button onclick="document.getElementById('exit-intent-overlay').style.display='none'"
                    class="text-gray-500 hover:text-gray-300 text-xs text-center transition-colors mt-1">
                No thanks, I'll browse later
            </button>
        </div>
    </div>
</div>

<script>
(function() {
    var shown = false;
    var dismissed = sessionStorage.getItem('exit_intent_dismissed');
    if (dismissed) return;

    function showPopup() {
        if (shown) return;
        shown = true;
        var el = document.getElementById('exit-intent-overlay');
        if (el) el.style.display = 'flex';
    }

    function dismiss() {
        sessionStorage.setItem('exit_intent_dismissed', '1');
        var el = document.getElementById('exit-intent-overlay');
        if (el) el.style.display = 'none';
    }

    // Desktop: mouse leaves viewport top
    document.addEventListener('mouseleave', function(e) {
        if (e.clientY <= 0) showPopup();
    });

    // Mobile: back button intent — show after 45s of reading
    setTimeout(function() {
        if (!shown && window.innerWidth < 768) showPopup();
    }, 45000);

    // Close button
    var closeBtn = document.getElementById('exit-intent-close');
    if (closeBtn) closeBtn.addEventListener('click', dismiss);

    // Overlay click to close
    var overlay = document.getElementById('exit-intent-overlay');
    if (overlay) {
        overlay.addEventListener('click', function(e) {
            if (e.target === overlay) dismiss();
        });
    }

    // ESC key
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') dismiss();
    });
})();
</script>

    
    <script>
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
            navigator.serviceWorker.register('/sw.js').catch(function() {});
        });
    }
    </script>

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SiteNavigationElement",
        "name": ["Home","Services","About","Blog","Free Tools","Templates","FAQ","Contact","Get Quote"],
        "url": [
            "https://somskilltech.in",
            "https://somskilltech.in/services",
            "https://somskilltech.in/about",
            "https://somskilltech.in/blog",
            "https://somskilltech.in/tools",
            "https://somskilltech.in/templates",
            "https://somskilltech.in/faq",
            "https://somskilltech.in/contact",
            "https://somskilltech.in/get-in-touch"
        ]
    }
    </script>

    
        <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "xqe6wdx7h2");
    </script>
        
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.addEventListener('click', function(e) {
                var waLink = e.target.closest('a[href*="wa.me"], a[href*="whatsapp.com"]');
                if (waLink && typeof window.gtag === 'function') {
                    window.gtag('event', 'generate_lead', {
                        'event_category': 'Engagement',
                        'event_label': 'WhatsApp Click: ' + window.location.pathname,
                        'page_location': window.location.href,
                        'value': 1.0,
                        'currency': 'INR'
                    });
                }
                var telLink = e.target.closest('a[href^="tel:"]');
                if (telLink && typeof window.gtag === 'function') {
                    window.gtag('event', 'contact', {
                        'event_category': 'Engagement',
                        'event_label': 'Phone Call: ' + (telLink.getAttribute('href') || ''),
                        'page_location': window.location.href
                    });
                }
            });
        });
    </script>
</body>
</html>
