<!doctype html>
<html lang="en" data-beasties-container>
<head>
  <meta charset="utf-8">
  <title>The AI News - AI-Powered News Aggregation Platform</title>
  <base href="/">
  
  <!-- Viewport & Mobile -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#00d2ff">
  <meta name="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="The AI News">
  
  <!-- SEO Meta Tags -->
  <meta name="description" content="Your daily digest of artificial intelligence breakthroughs, research, and industry trends. AI-powered news aggregation with WebMCP and A2A protocol integration for intelligent agents.">
  <meta name="keywords" content="AI news, artificial intelligence, machine learning, WebMCP, A2A protocol, agent integration, news aggregation, AI research, tech news">
  <meta name="author" content="The AI News">
  <meta name="robots" content="index, follow">
  
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://the-ai-news.web.app/">
  <meta property="og:title" content="The AI News - AI-Powered News Aggregation Platform">
  <meta property="og:description" content="Your daily digest of artificial intelligence breakthroughs, research, and industry trends. Built with WebMCP and A2A protocol support.">
  <meta property="og:image" content="https://the-ai-news.web.app/icons/icon-512.svg">
  <meta property="og:site_name" content="The AI News">
  
  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://the-ai-news.web.app/">
  <meta property="twitter:title" content="The AI News - AI-Powered News Aggregation Platform">
  <meta property="twitter:description" content="Your daily digest of artificial intelligence breakthroughs, research, and industry trends.">
  <meta property="twitter:image" content="https://the-ai-news.web.app/icons/icon-512.svg">
  
  <!-- Agent Discovery -->
  <meta name="agent-discovery" content="true">
  <meta name="webmcp-enabled" content="true">
  <meta name="a2a-protocol" content="0.3">
  <link rel="alternate" type="application/json" href="/.well-known/agent.json" title="A2A Agent Card">
  
  <!-- Icons & Manifest -->
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link rel="alternate icon" type="image/x-icon" href="favicon.ico">
  <link rel="apple-touch-icon" href="icons/icon-192.svg">
  <link rel="manifest" href="manifest.webmanifest">
  
  <!-- Preconnect for Performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="dns-prefetch" href="//firestore.googleapis.com">
  
  <!-- Schema.org JSON-LD -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "The AI News",
    "description": "AI-powered news aggregation delivering curated AI/ML news with WebMCP and A2A protocol support.",
    "url": "https://the-ai-news.web.app",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://the-ai-news.web.app/search?q={search_term_string}",
      "query-input": "required name=search_term_string"
    },
    "publisher": {
      "@type": "Organization",
      "name": "The AI News",
      "logo": {
        "@type": "ImageObject",
        "url": "https://the-ai-news.web.app/icons/icon-512.svg"
      }
    }
  }
  </script>
<style>:root{--bg:#f8f9fa;--surface:#ffffff;--surface-alt:#f0f1f3;--border:#e2e4e8;--hover:#f0f1f3;--text-primary:#1a1a2e;--text-secondary:#6b7280;--accent:#00d2ff;--accent-secondary:#7b2ff7;--accent-bg:rgba(0, 210, 255, .1);--card-shadow:0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover:0 4px 12px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);min-height:100vh}</style><link rel="stylesheet" href="styles-IXF6K526.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-IXF6K526.css"></noscript></head>
<body>
  <!-- Loading indicator for better UX -->
  <div id="initial-loader" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; z-index: 9999;">
    <div style="text-align: center; color: white;">
      <h1 style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 800; font-size: 2.5rem; margin: 0 0 1rem 0; background: linear-gradient(45deg, #00d2ff, #3a7bd5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">The AI News</h1>
      <p style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; opacity: 0.9;">Loading your AI news digest...</p>
    </div>
  </div>
  
  <app-root></app-root>
  
  <!-- Remove loading indicator once app loads -->
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      setTimeout(function() {
        const loader = document.getElementById('initial-loader');
        if (loader) {
          loader.style.opacity = '0';
          loader.style.transition = 'opacity 0.5s ease';
          setTimeout(function() {
            loader.remove();
          }, 500);
        }
      }, 1000);
    });
  </script>
<link rel="modulepreload" href="chunk-A467DXYG.js"><link rel="modulepreload" href="chunk-FEPOS2HR.js"><link rel="modulepreload" href="chunk-ZKKUVT6E.js"><link rel="modulepreload" href="chunk-TIBDK3P3.js"><link rel="modulepreload" href="chunk-NBTGJQVH.js"><link rel="modulepreload" href="chunk-7JRWAXP4.js"><link rel="modulepreload" href="chunk-6RX3HVMW.js"><script src="main-3PJQOGQF.js" type="module"></script></body>
</html>