<!DOCTYPE html>
<html lang="en">
  <head>
    <style data-vite-theme="" data-inject-first="">:root {
      --background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--primary: 221 83% 53%;
--primary-foreground: 219 100% 99%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 20 14.3% 4.1%;
--radius: 0.5rem;
  }
  .dark {
      --background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: 221 83% 53%;
--primary-foreground: 219 100% 99%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
--radius: 0.5rem;
  }</style>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Canvas Cloud AI | Multi-Cloud Architecture Learning Platform</title>
    <meta name="description" content="Learn cloud architecture through hands-on building experiences with AI guidance across AWS, Azure, GCP, and Oracle Cloud. Interactive multi-cloud training with real deployment verification." data-rh="true" />
    <meta name="theme-color" content="#4285F4" />
    <meta name="msapplication-TileColor" content="#4285F4">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="Canvas Cloud AI">
    <!-- Microsoft Bing and search engine compatible favicon system -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="mask-icon" href="/favicon.svg" color="#4285F4">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    
    <!-- Microsoft specific favicon tags for Bing -->
    <meta name="msapplication-square70x70logo" content="/favicon-32x32.png">
    <meta name="msapplication-square150x150logo" content="/favicon-192x192.png">
    <meta name="msapplication-square310x310logo" content="/favicon-512x512.png">
    <meta name="application-name" content="Canvas Cloud AI">
    <meta name="msapplication-tooltip" content="Canvas Cloud AI - Multi-Cloud Learning Platform">
    <link rel="manifest" href="/site.webmanifest">

    <meta property="og:title" content="Canvas Cloud AI: Learn Cloud Architecture by Building" />
    <meta property="og:description" content="Learn AWS, Azure, GCP, and Oracle Cloud through interactive tutorials with real deployment verification. Build cloud skills with AI-powered guidance." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://canvascloud.ai/" />
    <meta property="og:image" content="https://canvascloud.ai/social/canvas-cloud-ai-social.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:site_name" content="Canvas Cloud AI" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Canvas Cloud AI: Learn by Building Real Cloud Infrastructure" />
    <meta name="twitter:description" content="Learn cloud architecture through hands-on experiences. Real deployments, AI guidance, professional certifications." />
    <meta name="twitter:image" content="https://canvascloud.ai/social/canvas-cloud-ai-social.png" />
    <meta name="twitter:site" content="@canvascloudai" />
    
    <!-- Additional SEO meta tags -->
    <meta name="keywords" content="aws architecture diagram generator, cloud architecture from text, terraform to diagram, cloud design tool, infrastructure diagram, aws diagram tool, multi cloud architecture, terraform visualizer, cloud learning platform, aws azure gcp training" />
    <meta name="author" content="Canvas Cloud AI" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <link rel="canonical" href="https://canvascloud.ai/" />
    
    <!-- Fix redirect issues and improve indexability -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="googlebot" content="index, follow" />
    <meta name="bingbot" content="index, follow" />
    
    <!-- Structured Data for Search Engines -->
    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Canvas Cloud AI",
  "description": "Multi-cloud learning platform that teaches architecture through hands-on building experiences. Learn AWS, Azure, GCP, and Oracle Cloud with AI guidance, visual design tools, and real deployment verification.",
  "url": "https://canvascloud.ai",
  "applicationCategory": "DeveloperApplication",
  "operatingSystem": "Web Browser",
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD",
    "category": "Cloud Architecture Tool"
  },
  "creator": {
    "@type": "Organization",
    "name": "Canvas Cloud AI",
    "url": "https://canvascloud.ai"
  },
  "featureList": [
    "Multi-Cloud Architecture Learning",
    "AWS, Azure, GCP, Oracle Cloud Training",
    "AI-Powered Infrastructure Design",
    "Cloud Architecture from Text",
    "Terraform to Diagram Conversion",
    "Real Infrastructure Deployment",
    "Interactive Learning Paths"
  ],
  "screenshot": "https://canvascloud.ai/social/canvas-cloud-ai-social.png",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "1247"
  }
}
    </script>
    <script type="module" crossorigin src="/assets/index-arJwst57.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-C72PefOE.js">
    <link rel="modulepreload" crossorigin href="/assets/routing-Bt5yyHO9.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-radix-B1JW9jvR.js">
    <link rel="modulepreload" crossorigin href="/assets/data-fetching-39l-RB3D.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-BrOPfpop.js">
    <link rel="modulepreload" crossorigin href="/assets/forms-DQa2YCzg.js">
    <link rel="modulepreload" crossorigin href="/assets/flow-CufHPHr-.js">
    <link rel="stylesheet" crossorigin href="/assets/index-D0sRmFDj.css">
  </head>
  <body>
    <div id="root">
      <!-- Initial content for search engines and slow connections -->
      <div style="min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom right, #EBF8FF, #E0E7FF); font-family: system-ui, -apple-system, sans-serif;">
        <div style="text-align: center; padding: 2rem;">
          <h1 style="font-size: 3rem; font-weight: bold; background: linear-gradient(to right, #2563EB, #7C3AED); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 1rem;">
            Canvas Cloud AI
          </h1>
          <p style="font-size: 1.25rem; color: #4B5563; margin-bottom: 2rem; max-width: 600px;">
            Build job-ready cloud skills. Design and deploy real AWS, Azure, GCP, and Oracle Cloud infrastructure with AI-powered guidance.
          </p>
          <noscript>
            <div style="background: #FEF3C7; border: 1px solid #F59E0B; border-radius: 0.5rem; padding: 1rem; margin-top: 2rem;">
              <p style="color: #92400E;">
                JavaScript is required to use Canvas Cloud AI. Please enable JavaScript in your browser settings.
              </p>
            </div>
          </noscript>
        </div>
      </div>
    </div>
  </body>
</html>