<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Premium Glass UI</title>


</head>

<body>

<div class="main-section">
  <div class="wrapper">
    <div class="grid">

      <div class="card purple"><span>AI Assistant</span></div>

      <div class="card purple tall">
        <span>Code gen:<br>code components</span>
      </div>

      <div class="card purple"><span>AI SEO</span></div>

      <div class="card purple">
        <span>Code gen:<br>apps</span>
      </div>

      <div class="card purple">
        <span>Optimization<br>Suggestions</span>
      </div>

      <div class="card dark tall">
        <span>Interactions<br>with GSAP</span>
      </div>

      <div class="card purple">
        <span>Commenting<br>updates</span>
      </div>

      <div class="card blue">
        <span>Code<br>components</span>
      </div>

      <div class="card blue wide">
        <span>AEO Maturity Model</span>
      </div>

    </div>
  </div>
</div>

</body>
</html>