<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="https://accounts.google.com/gsi/client" async defer></script>

  <!-- SEO Meta Tags -->
  <title>AgentR | Autonomous AI Software Builder - Build in 1 Prompt</title>
  <meta name="description"
    content="AgentR is Pakistan's first autonomous AI software engineer. Build, deploy, and scale entire platforms with just a single prompt. No coding required." />
  <meta name="keywords"
    content="AgentR, AI software builder, autonomous coding, build software with AI, AI developer Pakistan, no code platform, AI web builder" />
  <meta name="author" content="AgentR Team" />
  <link rel="canonical" href="https://agentr.net/" />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://agentr.net/" />
  <meta property="og:title" content="AgentR | Autonomous AI Software Builder" />
  <meta property="og:description"
    content="Describe your idea, and AgentR builds it. The future of software development is here." />
  <meta property="og:image" content="https://agentr.net/assets/logo.png" />

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://agentr.net/" />
  <meta property="twitter:title" content="AgentR | Autonomous AI Software Builder" />
  <meta property="twitter:description"
    content="Build entire platforms with 1 prompt. Autonomous coding, hosting, and database management." />
  <meta property="twitter:image" content="https://agentr.net/assets/logo.png" />

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="/assets/logo-DHWU9B6P.png" />
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            brand: {
              50: '#f0f9ff',
              100: '#e0f2fe',
              200: '#bae6fd',
              300: '#7dd3fc',
              400: '#38bdf8',
              500: '#0ea5e9',
              600: '#0284c7',
              700: '#0369a1',
              800: '#075985',
              900: '#0c4a6e',
              950: '#082f49',
            }
          }
        }
      }
    }
  </script>
  <style>
    /* Prevent initial white flash */
    html,
    body {
      background-color: #020617;
      /* slate-950 */
      margin: 0;
      padding: 0;
      min-height: 100%;
    }

    /* Custom scrollbar for cyberpunk/tech feel */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-track {
      background: #0f172a;
    }

    ::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #475569;
    }
  </style>

  <script type="importmap">
{
  "imports": {
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.554.0",
    "recharts": "https://aistudiocdn.com/recharts@^3.5.0"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-jxLIpCrl.js"></script>
</head>

<body class="bg-slate-950 text-slate-100 antialiased overflow-y-auto">
  <div id="root"></div>
</body>

</html>