<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="FriendLine - AI-powered companion service for elderly individuals. Provide meaningful conversations and peace of mind for families." />
    <meta name="keywords" content="elderly companion, AI companion, family care, elderly care, digital companionship" />
    <meta name="author" content="FriendLine" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://friendlineai.com/" />
    <meta property="og:title" content="FriendLine - AI Companion Platform for Elderly Care" />
    <meta property="og:description" content="FriendLine provides meaningful and personal conversations for elderly people and peace of mind for their families. All through caring AI, available 24/7, that speaks to them at eye level." />
    <meta property="og:image" content="https://friendlineai.com/images/OldWomanSmail.webp" />
    <meta property="og:site_name" content="FriendLine" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://friendlineai.com/" />
    <meta name="twitter:title" content="FriendLine - AI Companion Platform for Elderly Care" />
    <meta name="twitter:description" content="FriendLine provides meaningful and personal conversations for elderly people and peace of mind for their families. All through caring AI, available 24/7." />
    <meta name="twitter:image" content="https://friendlineai.com/images/OldWomanSmail.webp" />
    
    <!-- Structured Data (JSON-LD) for SEO and LLM Bots -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "FriendLine",
      "url": "https://friendlineai.com",
      "logo": "https://friendlineai.com/images/OldWomanSmail.webp",
      "description": "FriendLine provides meaningful and personal conversations for elderly people and peace of mind for their families. All through caring AI, available 24/7, that speaks to them at eye level.",
      "email": "info@friendlineai.com",
      "sameAs": [
        "https://friendlineai.com"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "email": "info@friendlineai.com",
        "contactType": "Customer Service"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "FriendLine",
      "url": "https://friendlineai.com",
      "applicationCategory": "HealthApplication",
      "description": "AI-powered companion service for elderly individuals providing meaningful conversations and peace of mind for families.",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "featureList": [
        "24/7 AI Companionship",
        "Personalized Conversations",
        "Family Dashboard",
        "Smart Scheduling",
        "Mood Detection",
        "Health Monitoring"
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "FriendLine",
      "applicationCategory": "HealthApplication",
      "operatingSystem": "Web",
      "description": "FriendLine is an AI-driven platform designed to provide companionship and peace of mind for elderly individuals and their families. Our platform combines intelligent conversation AI, smart scheduling, and comprehensive monitoring to ensure the well-being of your loved ones.",
      "screenshot": "https://friendlineai.com/images/OldWomanSmail.webp",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "1"
      }
    }
    </script>
    
    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <!-- Note: X-Frame-Options should be set via HTTP headers (in firebase.json), not meta tags -->
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    
    <!-- CSRF Token (will be dynamically set by the backend) -->
    <meta name="csrf-token" content="dev-csrf-token" />
    
    <!-- Content Security Policy -->
    <meta http-equiv="Content-Security-Policy" 
          content="default-src 'self'; 
                   script-src 'self' 'unsafe-inline' 'unsafe-eval'; 
                   style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; 
                   font-src 'self' https://fonts.gstatic.com; 
                   img-src 'self' data: https: blob:; 
                   connect-src 'self' https://friendline-backend-783779721568.us-central1.run.app https://friendlineai.com http://localhost:8080; 
                   base-uri 'self'; 
                   form-action 'self';" />
    
    <!-- Preload critical resources - removed WebP preload since we use PNG from Cloud Storage -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <!-- Preconnect to Google Cloud Storage for faster image loading -->
    <link rel="preconnect" href="https://storage.googleapis.com" crossorigin />
    <link rel="dns-prefetch" href="https://storage.googleapis.com" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    
    <title>FriendLine - AI Companion Platform</title>
    <script type="module" crossorigin src="/assets/index-dkvsOu0e.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-BkIjTNLh.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-ui-radix-C34SHwJm.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-router-ChDvNs-C.js">
    <link rel="stylesheet" crossorigin href="/assets/index-Nr5s8I5m.css">
  </head>
  <body>
    <noscript>
      <!-- Fallback content for browsers/bots without JavaScript -->
      <div style="max-width: 800px; margin: 50px auto; padding: 20px; font-family: Arial, sans-serif; line-height: 1.6;">
        <h1 style="color: #1e40af; font-size: 2.5em; margin-bottom: 20px;">FriendLine - AI Companion Platform</h1>
        <p style="font-size: 1.2em; color: #334155; margin-bottom: 20px;">
          <strong>Bridging Generations</strong>
        </p>
        <p style="font-size: 1.1em; color: #64748b; margin-bottom: 30px;">
          Warm Digital Companionship for Your Loved Ones
        </p>
        <div style="background: #f1f5f9; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
          <h2 style="color: #1e40af; margin-top: 0;">About FriendLine</h2>
          <p style="color: #334155; margin-bottom: 15px;">
            FriendLine provides meaningful and personal conversations for elderly people and peace of mind for their families. All through caring AI, available 24/7, that speaks to them at eye level.
          </p>
          <h3 style="color: #1e40af; margin-top: 20px;">Key Features:</h3>
          <ul style="color: #334155; padding-left: 20px;">
            <li><strong>AI Companionship:</strong> Intelligent AI companions that engage in meaningful conversations</li>
            <li><strong>Family Dashboard:</strong> Real-time insights and monitoring for family members</li>
            <li><strong>Smart Scheduling:</strong> Automated call scheduling with customizable patterns</li>
            <li><strong>Conversation Analysis:</strong> Mood detection and conversation insights</li>
            <li><strong>Smart Reminders:</strong> Intelligent reminder system for family members</li>
            <li><strong>Health Monitoring:</strong> Comprehensive health and wellness tracking</li>
            <li><strong>24/7 Availability:</strong> The digital companion is always there, ready for conversation</li>
            <li><strong>Personalized Conversations:</strong> The agent learns stories, interests and preferences</li>
          </ul>
        </div>
        <div style="background: #eff6ff; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
          <h2 style="color: #1e40af; margin-top: 0;">Our Mission</h2>
          <p style="color: #334155;">
            FriendLine was born from a simple yet profound observation: as our loved ones age, they often face increasing loneliness and isolation, while their families worry about their well-being from afar. We recognized that technology, particularly AI, could bridge this gap with warmth, understanding, and genuine companionship.
          </p>
          <p style="color: #334155; margin-top: 15px;">
            Our mission is to provide elderly individuals with a caring, intelligent companion that's always available to talk, listen, and engage in meaningful conversations - while giving families real-time insights and peace of mind about their loved ones' emotional well-being.
          </p>
        </div>
        <div style="background: #fef3c7; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
          <h2 style="color: #92400e; margin-top: 0;">Early Access Available</h2>
          <p style="color: #78350f; font-size: 1.1em;">
            FriendLine is now available for early access. Join our first group of families experiencing the future of AI companionship.
          </p>
        </div>
        <div style="text-align: center; margin-top: 40px;">
          <p style="color: #64748b; margin-bottom: 20px;">
            <strong>To access the full website, please enable JavaScript in your browser.</strong>
          </p>
          <p style="color: #64748b;">
            For more information, contact us at <a href="mailto:info@friendlineai.com" style="color: #1e40af;">info@friendlineai.com</a>
          </p>
        </div>
      </div>
    </noscript>
    <div id="root"></div>
  </body>
</html>
