<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Removed user-scalable=no / maximum-scale=1.0 — those hurt INP and accessibility -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <title>Lade Stack – AI-Powered Developer Tools & SaaS Solutions for Modern Development</title>

    <!-- Enhanced Favicon declarations for better compatibility -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.ico" />
    <meta name="msapplication-TileColor" content="#6366f1" />

    <!-- Primary SEO Meta Tags -->
    <meta name="description" content="Transform your development workflow with Lade Stack's AI-powered tools. API testing platform, no-code website builder, secure file management & documentation summarizer. Boost productivity 10x." />
    <meta name="author" content="Girish Lade - Full Stack Developer & AI Tools Creator" />
    <meta name="keywords" content="AI developer tools, AI SaaS platform, AI code editor, API testing tool, developer automation tools, AI workflow automation, enterprise AI development platform, Lade Stack" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="creator" content="Lade Stack" />
    <meta name="publisher" content="Lade Stack" />

    <!-- Additional SEO Meta Tags -->
    <meta name="application-name" content="Lade Stack" />
    <meta name="theme-color" content="#6366f1" />
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#6366f1">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#4f46e5">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Lade Stack" />

    <!-- Google Search Console Verification -->
    <meta name="google-site-verification" content="YOUR_GOOGLE_VERIFICATION_CODE" />

    <!-- Bing Webmaster Tools Verification -->
    <meta name="msvalidate.01" content="YOUR_BING_VERIFICATION_CODE" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Lade Stack – AI-Powered Developer Tools & SaaS Solutions" />
    <meta property="og:description" content="Enterprise-grade AI tools at startup velocity. API testing, website builder, file management & docs summarizer. Used by 8K+ developers worldwide." />
    <meta property="og:image" content="https://ladestack.in/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Lade Stack – AI-Powered Developer Platform" />
    <meta property="og:url" content="https://ladestack.in" />
    <meta property="og:site_name" content="Lade Stack" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Lade Stack – AI Developer Tools That Boost Productivity 10x" />
    <meta name="twitter:description" content="AI-powered API testing, no-code website builder, secure file management & smart documentation tools for modern developers." />
    <meta name="twitter:image" content="https://ladestack.in/og-image.png" />
    <meta name="twitter:image:alt" content="Lade Stack – AI-Powered Developer Platform" />
    <meta name="twitter:creator" content="@girishlade" />
    <meta name="twitter:site" content="@ladestack" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://ladestack.in" />

    <!-- Web Manifest -->
    <link rel="manifest" href="/site.webmanifest" />

    <!--
      PERFORMANCE: Critical inline styles — applied before any paint.
      1. Sets correct background immediately based on stored theme preference
         (avoids FOUC / background flash before ThemeProvider initializes).
      2. Declares font-display:swap so text renders in fallback font
         immediately — no invisible text during font load (eliminates FCP delay).
      3. Sets body margin:0 to prevent 1-frame layout shift on mount.
    -->
    <style>
      /* Applied synchronously — prevents theme flash */
      body { margin: 0; background: #F5F3EB; }
      .dark-preload body { background: #050505; }

      /* Critical @font-face with font-display:swap so text is never invisible.
         These match exactly what Google Fonts will serve, so when the web font
         arrives it seamlessly replaces the fallback with zero LCP re-fire. */
      @font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400 700;
        font-display: swap;
        src: local('Inter'), local('Inter-Regular');
      }
      @font-face {
        font-family: 'DM Serif Display';
        font-style: normal;
        font-weight: 400;
        /* font-display: optional prevents the browser from waiting for
           this font at all during the LCP window. The heading renders in
           the fallback serif immediately and upgrades when the font arrives
           on a subsequent render — no LCP re-fire, no invisible text. */
        font-display: optional;
        src: local('DM Serif Display'), local('DMSerifDisplay-Regular');
      }
    </style>

    <!--
      PERFORMANCE: Theme flash prevention — run before first paint.
      Reads localStorage synchronously and applies dark class to <html>
      so the initial render matches the user's saved preference without
      waiting for React/ThemeProvider to hydrate.
    -->
    <script>
      (function() {
        try {
          var t = localStorage.getItem('ladestack-theme');
          // Default is light. Only apply dark if the user explicitly saved "dark".
          // New visitors (no saved preference) always see the light theme.
          if (t === 'dark') {
            document.documentElement.classList.add('dark');
            document.body && (document.body.style.background = '#050505');
          }
        } catch(e) {}
      })();
    </script>

    <!--
      PERFORMANCE: Google Fonts — non-render-blocking pattern.
      Split into two requests:
        1. Critical UI fonts (Inter + DM Serif Display) — preloaded first
        2. JetBrains Mono (code blocks only) — deferred until after LCP
      Using the onload swap trick: preload as="style" fetches without
      blocking render, onload swaps rel to "stylesheet" to apply it.
    -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Critical fonts: Inter (UI) + DM Serif Display (hero h1) -->
    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap" />
    </noscript>

    <!-- Non-critical font: JetBrains Mono — deferred until idle to free
         bandwidth for the hero background image (the LCP element). -->
    <script>
      (function(){
        var loadFont = function(){
          var l = document.createElement('link');
          l.rel = 'stylesheet';
          l.href = 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap';
          document.head.appendChild(l);
        };
        if ('requestIdleCallback' in window) {
          requestIdleCallback(loadFont);
        } else {
          setTimeout(loadFont, 2000);
        }
      })();
    </script>
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" />
    </noscript>

    <!-- Structured Data: Organization + SoftwareApplication + WebSite (merged to reduce parse overhead) -->
    <script type="application/ld+json">
    [
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Lade Stack",
        "url": "https://ladestack.in",
        "logo": "https://ladestack.in/favicon.ico",
        "description": "AI-powered developer tools and SaaS solutions for modern development teams.",
        "founder": {
          "@type": "Person",
          "name": "Girish Lade",
          "url": "https://github.com/girishlade111"
        },
        "contactPoint": {
          "@type": "ContactPoint",
          "email": "admin@ladestack.in",
          "contactType": "customer support",
          "availableLanguage": "English"
        },
        "sameAs": [
          "https://github.com/girishlade111",
          "https://www.linkedin.com/in/girish-lade-075bba201/",
          "https://www.instagram.com/girish_lade_/",
          "https://codepen.io/Girish-Lade-the-looper"
        ]
      },
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Lade Stack",
        "description": "AI-powered developer tools and SaaS solutions including API testing platform, website builder, file management system, and documentation summarizer.",
        "url": "https://ladestack.in",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "Web Browser",
        "author": {
          "@type": "Person",
          "name": "Girish Lade",
          "url": "https://github.com/girishlade111"
        },
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.1",
          "ratingCount": "150"
        }
      },
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Lade Stack",
        "url": "https://ladestack.in",
        "description": "AI-Powered Developer Tools & SaaS Solutions",
        "publisher": {
          "@type": "Organization",
          "name": "Lade Stack"
        }
      }
    ]
    </script>

    <!-- Microsoft Clarity Analytics — deferred to run after HTML parse (non-render-blocking).
         `defer` is the SPA/Vite equivalent of Next.js strategy="afterInteractive":
         the script is fetched in parallel but executed only after the document is
         fully parsed, so it never delays FCP, LCP, or initial hydration. -->
    <script defer>
      (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", "xgt2pesgjz");
    </script>

    <!-- Umami Analytics — `defer` downloads in parallel and executes after
         full HTML parse: non-render-blocking, zero CWV impact. Equivalent to
         Next.js strategy="afterInteractive" for this Vite/SPA project. -->
    <script defer src="https://cloud.umami.is/script.js" data-website-id="7b00c363-0fe6-4bb0-af62-a9bc894ccdda"></script>

    <script type="module" crossorigin src="/assets/index-DN9oixBR.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-core-BkKzmn5z.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-ui-Du2_KXRa.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-CbK4XRml.js">
    <link rel="modulepreload" crossorigin href="/assets/tanstack-query-BfbSDJvx.js">
    <link rel="modulepreload" crossorigin href="/assets/router-BqkmpGw9.js">
    <link rel="modulepreload" crossorigin href="/assets/lenis-B_tefrGN.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CO9WVy4z.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>
