<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2025" />
    <link rel="apple-touch-icon" href="/favicon.ico?v=2025" />
    <link rel="shortcut icon" href="/favicon.ico?v=2025" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- HTML Meta Tags -->
    <title>Surra AI - AI-Powered Email Designer | Create Perfect Emails Instantly</title>
    <meta name="description" content="Create professional, on-brand emails in seconds by chatting with AI. Surra replaces clunky drag-and-drop editors with intelligent conversation. Start designing perfect emails today.">
    <meta name="keywords" content="AI email designer, email marketing AI, email builder, AI email creator, email design tool, email automation, Surra AI, conversational email design">
    <meta name="author" content="Surra AI">
    <link rel="canonical" href="https://surra.co/">
    <meta name="robots" content="index, follow">

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://surra.co">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Surra AI - AI-Powered Email Designer">
    <meta property="og:description" content="Create professional, on-brand emails in seconds by chatting with AI. Surra replaces clunky drag-and-drop editors with intelligent conversation.">
    <meta property="og:image" content="https://opengraph.b-cdn.net/production/images/d51128ee-4ef3-4379-865f-5b3050e21737.png?token=pvRBeI7-_FMj2vEZmyr1QYYeH4TxXxmBnSPlc7JxEKU&height=656&width=1192&expires=33289536330">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="surra.co">
    <meta property="twitter:url" content="https://surra.co">
    <meta name="twitter:title" content="Surra AI - AI-Powered Email Designer">
    <meta name="twitter:description" content="Create professional, on-brand emails in seconds by chatting with AI. Surra replaces clunky drag-and-drop editors with intelligent conversation.">
    <meta name="twitter:image" content="https://opengraph.b-cdn.net/production/images/d51128ee-4ef3-4379-865f-5b3050e21737.png?token=pvRBeI7-_FMj2vEZmyr1QYYeH4TxXxmBnSPlc7JxEKU&height=656&width=1192&expires=33289536330">
    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Google Analytics 4 - Script will be loaded dynamically by analytics.ts -->
    
    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Surra AI",
      "alternateName": "Surra Email Designer",
      "applicationCategory": "BusinessApplication",
      "description": "AI-powered email designer that creates professional, on-brand emails through natural conversation. Replace clunky drag-and-drop editors with intelligent AI chat.",
      "url": "https://surra.co",
      "operatingSystem": "Web",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "127"
      },
      "creator": {
        "@type": "Organization",
        "name": "Surra AI",
        "url": "https://surra.co"
      },
      "potentialAction": {
        "@type": "UseAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://surra.co/ai-playground",
          "actionPlatform": [
            "https://schema.org/DesktopWebPlatform",
            "https://schema.org/MobileWebPlatform"
          ]
        }
      }
    }
    </script>
    <script type="module" crossorigin src="/assets/index-BXc_ftvR.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-Iiug27Jq.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-markdown-B3naOdBp.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-supabase-ljq2MT0Q.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-syntax-i04ifmhI.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BZ_TTrXK.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
