<!DOCTYPE html>
<html lang="en">

<head>
  <style data-vite-theme="" data-inject-first="">:root {
      --background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--primary: 220 95% 60%;
--primary-foreground: 218 100% 99%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 20 14.3% 4.1%;
--radius: 0.5rem;
  }
  .dark {
      --background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: 220 95% 60%;
--primary-foreground: 218 100% 99%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
--radius: 0.5rem;
  }</style>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- SEO Meta Tags -->
    <title>Sellintu - One Hub for Every Order | Shopify Marketplace Integration</title>
    <meta name="description"
        content="Sellintu keeps your Shopify store and every marketplace in perfect sync—orders, prices and product data, all in real time. Simplify multi-channel e-commerce management." />
    <meta name="keywords"
        content="shopify integration, marketplace synchronization, e-commerce automation, multi-channel selling, order management, shopify to marketplace, product data sync, real-time inventory, amazon integration, ebay integration" />
    <meta name="author" content="Sellintu" />
    <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1, index, follow" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Sellintu - One Hub for Every Order" />
    <meta property="og:description"
        content="Sellintu keeps your Shopify store and every marketplace in perfect sync—orders, prices and product data, all in real time." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sellintu.com" />
    <meta property="og:image" content="https://sellintu.com/img/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:site_name" content="Sellintu" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@sellintu" />
    <meta name="twitter:title" content="Sellintu - One Hub for Every Order" />
    <meta name="twitter:description"
        content="Sellintu keeps your Shopify store and every marketplace in perfect sync—orders, prices and product data, all in real time." />
    <meta name="twitter:image" content="https://sellintu.com/img/og-image.png" />

    <!-- Theme and Mobile -->
    <meta name="theme-color" content="#000000" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no" />

    <!-- Performance Optimizations -->
    <link rel="preload" href="/img/hero.jpg" as="image" fetchpriority="high" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <style>
        /* Critical CSS to prevent FOUC and improve initial paint */
        :root {
            --background: 0 0% 100%;
            --foreground: 222.2 84% 4.9%;
            --primary: 221.2 83.2% 53.3%;
            --primary-foreground: 210 40% 98%;
        }

        * {
            box-sizing: border-box;
        }

        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            background-color: hsl(0 0% 100%);
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: hsl(222.2 84% 4.9%);
            font-display: swap;
            line-height: 1.5;
        }

        #root {
            display: block;
            width: 100%;
        }

        /* Hero section critical styles */
        [role="banner"] {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        [role="banner"] > * {
            position: relative;
        }

        h1 {
            margin: 0;
            padding: 0;
            font-weight: 700;
            line-height: 1.2;
        }

        p {
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: 1rem;
            padding-left: 1rem;
        }

        @media (min-width: 640px) {
            .container { max-width: 640px; }
        }
        @media (min-width: 768px) {
            .container { max-width: 768px; }
            h1 { font-size: 2.25rem; }
        }
        @media (min-width: 1024px) {
            .container { max-width: 1024px; }
        }
        @media (min-width: 1280px) {
            .container { max-width: 1280px; }
        }
        @media (min-width: 1536px) {
            .container { max-width: 1536px; }
        }
    </style>

    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />

    <!-- Favicons -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" sizes="any" />
    <link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48" />
    <link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />

    <!-- Canonical URL (will be updated by React) -->
    <link rel="canonical" href="https://sellintu.com" />
  <script type="module" crossorigin src="/index.zpdfKiHf.js"></script>
  <link rel="modulepreload" crossorigin href="/vendor-react.Bfft-_6P.js">
  <link rel="modulepreload" crossorigin href="/vendor-framer.CsxQgJ9B.js">
  <link rel="modulepreload" crossorigin href="/vendor-utils.C3qinP2g.js">
  <link rel="stylesheet" crossorigin href="/index.CbwP2-6A.css">
</head>

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

    <!-- Google Analytics - Defer to after initial render -->
    <script>
        window.addEventListener('load', function () {
            // Use requestIdleCallback if available, otherwise setTimeout
            var scriptLoader = window.requestIdleCallback || function (cb) { setTimeout(cb, 1000); };
            scriptLoader(function () {
                var script = document.createElement('script');
                script.async = true;
                script.src = "https://www.googletagmanager.com/gtag/js?id=G-73P47NNQQS";
                document.head.appendChild(script);

                window.dataLayer = window.dataLayer || [];
                function gtag() { dataLayer.push(arguments); }
                gtag('js', new Date());
                gtag('config', 'G-73P47NNQQS');
            });
        });
    </script>
</body>

</html>