<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Amroar Chat Assistant</title>

  <style>

    body {

      font-family: Arial, sans-serif;

      margin: 0;

      background: #f7f8fa;

      height: 100vh;

      display: flex;

      justify-content: center;

      align-items: center;

    }

    #chat-container {

      width: 420px;

      height: 640px;

      border-radius: 12px;

      overflow: hidden;

      box-shadow: 0 0 20px rgba(0,0,0,0.2);

    }

  </style>

</head>

<body>

  <div id="chat-container">

    <openai-chat

      api-key="lambda"

      api-base="https://2mrg3w9a8a.execute-api.eu-north-1.amazonaws.com/default/openai-session"

      model="gpt-4o-mini"

      title="Chat with Amroar Assistant"

    ></openai-chat>

  </div>


  <script type="module">

    import "https://cdn.openai.com/chat-completions/chat-completions-0.3.4.js";

  </script>

</body>

</html>