<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <title>ShopFlowz - Run Your Entire Business From One Platform</title>
    <meta name="description" content="ShopFlowz gives your business a branded online store, CRM, invoicing, stock management, and analytics — all connected, all in one place. Built for South African SMEs." />
    <meta name="author" content="ShopFlowz" />

    <!-- PWA Configuration -->
    <meta name="theme-color" content="#1D9E75" />
    <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="ShopFlowz" />

    <!-- Icons for PWA -->
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon.ico?v=3" />
    <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png?v=3" />
    <link rel="shortcut icon" href="/favicon.ico?v=3" />
    <link rel="apple-touch-icon" href="/icon-192.png?v=3" />
    <link rel="manifest" href="/manifest.json?v=2" />

    <!-- Social Meta Tags -->
    <meta property="og:title" content="ShopFlowz - Run Your Entire Business From One Platform" />
    <meta property="og:description" content="ShopFlowz gives your business a branded online store, CRM, invoicing, stock management, and analytics — all in one place. Built for South African SMEs." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://shopflowz.co.za" />
    <meta property="og:site_name" content="ShopFlowz" />
    <meta property="og:image" content="https://shopflowz.co.za/icon-512.png" />
    <meta property="og:image:width" content="512" />
    <meta property="og:image:height" content="512" />
    <meta property="og:image:alt" content="ShopFlowz" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="ShopFlowz - Run Your Entire Business From One Platform" />
    <meta name="twitter:description" content="ShopFlowz gives your business a branded online store, CRM, invoicing, stock management, and analytics — all in one place." />
    <meta name="twitter:image" content="https://shopflowz.co.za/icon-512.png" />

    <link rel="canonical" href="https://shopflowz.co.za/" />

    <!-- Fonts for fashion template -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet" />

    <!-- Structured data: SaaS product -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "ShopFlowz",
      "applicationCategory": "BusinessApplication",
      "description": "All-in-one business platform for South African SMEs. Online store, CRM, invoicing, inventory, analytics and more.",
      "url": "https://shopflowz.co.za",
      "operatingSystem": "Web",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "ZAR",
        "description": "14-day free trial, no credit card required"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "ShopFlowz",
      "url": "https://shopflowz.co.za",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://shopflowz.co.za/store?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <script type="module" crossorigin src="/assets/index-DPjved3m.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B_YiMlLY.css">
  </head>

  <body>
    <div id="root"></div>
    <script>
      // Kill any previously installed service workers (one-time cleanup)
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(regs => {
          regs.forEach(r => r.unregister());
        });
      }
    </script>
  </body>
</html>
