<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <title>Hail Mary - Free AI-Powered Bible Study & Scripture Analysis</title>
    
    <!-- Favicon -->
    <link rel="icon" type="image/webp" sizes="32x32" href="/hail-mary-logo.webp?v=2" />
    <link rel="icon" type="image/webp" sizes="16x16" href="/hail-mary-logo.webp?v=2" />
    <link rel="shortcut icon" href="/hail-mary-logo.webp?v=2" />
    <link rel="apple-touch-icon" href="/hail-mary-logo.webp?v=2" />
    <link rel="apple-touch-icon" sizes="180x180" href="/hail-mary-logo.webp?v=2" />
    <meta name="description" content="Free AI-powered Bible study app. Read the Hail Mary prayer and our verse of the day. Generate visuals of every Bible chapter, listen and read along, and use extensive Bible study tools to help deepen your faith." />
    <meta name="keywords" content="Bible study, AI Bible assistant, scripture analysis, verse highlighting, prayer, Christian resources, Bible commentary, faith, devotional, biblical insights" />
    <meta name="robots" content="index, follow" />
    <meta name="author" content="Hail Mary Bible Study" />
    <link rel="canonical" href="https://hailmary.com/" />
    
    <!-- Open Graph tags -->
    <meta property="og:title" content="Hail Mary - Free AI-Powered Bible Study & Scripture Analysis" />
    <meta property="og:description" content="Free AI-powered Bible study app. Read the Hail Mary prayer and our verse of the day. Generate visuals of every Bible chapter, listen and read along, and use extensive Bible study tools to help deepen your faith." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://hailmary.com/" />
    <meta property="og:site_name" content="Hail Mary Bible Study" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:image" content="https://hailmary.com/hail-mary-logo.webp" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Hail Mary Bible Study - AI-Powered Scripture Analysis" />
    
    <!-- Twitter Card tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Hail Mary - Free AI-Powered Bible Study" />
    <meta name="twitter:description" content="Free AI-powered Bible study app. Read the Hail Mary prayer and our verse of the day. Generate visuals of every Bible chapter, listen and read along, and use extensive Bible study tools to help deepen your faith." />
    <meta name="twitter:site" content="@hailmarybible" />
    <meta name="twitter:creator" content="@hailmarybible" />
    
    <!-- Schema.org JSON-LD -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Hail Mary Bible Study",
      "url": "https://hailmary.com",
      "description": "Free AI-powered Bible study platform with verse highlighting, intelligent insights, and comprehensive scripture analysis",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://hailmary.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "author": {
        "@type": "Organization",
        "name": "Hail Mary Bible Study"
      },
      "provider": {
        "@type": "Organization",
        "name": "Hail Mary Bible Study",
        "url": "https://hailmary.com"
      }
    }
    </script>
    
    <!-- Religious Organization Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Hail Mary Bible Study",
      "url": "https://hailmary.com",
      "description": "Free AI-powered Bible study platform providing intelligent scripture analysis and faith-building resources",
      "foundingDate": "2024",
      "applicationCategory": "Bible Study",
      "operatingSystem": "Web",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "description": "Free AI-powered Bible study tools"
      }
    }
    </script>
    
    <!-- Preconnect to critical origins first -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Font loading handled by Google Fonts CSS with display=swap -->
    
    <!-- Load fonts with font-display: swap for faster text rendering -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet" fetchpriority="high">
    
    <!-- API preconnects -->
    <link rel="preconnect" href="https://bolls.life">
    <link rel="preconnect" href="https://bible-api.com">
    <link rel="dns-prefetch" href="https://app.termly.io">
    
    <!-- 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-KWZS496K');</script>
    <!-- End Google Tag Manager -->
    
    <!-- Critical CSS for faster initial render -->
    <style>
      /* Prevent layout shift and scrollbar flash */
      html, body {
        margin: 0;
        padding: 0;
        height: 100%;
      }
      #root {
        height: 100%;
      }
      
      /* Only restrict overflow on desktop for controlled scrolling */
      @media (min-width: 768px) {
        html, body, #root {
          overflow: hidden;
        }
      }
      
      /* Critical fonts fallback for instant text render */
      body {
        font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      
      /* Predefine hero text styles to prevent CLS */
      .hero-verse {
        font-family: 'Merriweather', Georgia, serif !important;
        font-style: italic !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
      }
      
      /* Skeleton loader for initial content */
      @keyframes shimmer {
        0% { background-position: -1000px 0; }
        100% { background-position: 1000px 0; }
      }
      .skeleton {
        animation: shimmer 2s infinite;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 1000px 100%;
        border-radius: 0.75rem;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-CbziasSB.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BUXNXK_I.css">
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWZS496K"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
    <!-- Preload main module for faster initial load -->
    <link rel="modulepreload" href="/assets/main-BX-CQntx.tsx" />

  </body>
</html>
