.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-inset-0 {
    inset: 0px
}
.mint-my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-w-full {
    width: 100%
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-4 {
    gap: 1rem
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-rounded-2xl {
    border-radius: 1rem
}
.mint-rounded-full {
    border-radius: 9999px
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-950\/10 {
    border-color: rgb(3 7 18 / 0.1)
}
.mint-bg-black\/0 {
    background-color: rgb(0 0 0 / 0)
}
.mint-bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-object-cover {
    object-fit: cover
}
.mint-object-center {
    object-position: center
}
.mint-p-3 {
    padding: 0.75rem
}
.mint-p-4 {
    padding: 1rem
}
.mint-text-center {
    text-align: center
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-normal {
    font-weight: 400
}
.mint-font-semibold {
    font-weight: 600
}
.mint-leading-6 {
    line-height: 1.5rem
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.mint-ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.mint-ring-transparent {
    --tw-ring-color: transparent
}
.mint-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.hover\:mint-bg-black\/5:hover {
    background-color: rgb(0 0 0 / 0.05)
}
.dark\:mint-border-white\/10:is(.dark *) {
    border-color: rgb(255 255 255 / 0.1)
}
.dark\:mint-text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

// api/data.js
export default async function handler(req, res) {
  // Your API key stored in an environment variable
  const apiKey = process.env.YOUR_API_KEY;
  console.log("HERE");

  try {
    const response = await fetch("https://external-api.com/data", {
      headers: {
        Authorization: `Bearer ${apiKey}`,
      },
    });

    const data = await response.json();

    // Optional: Transform data as needed

    return res.json(data);
  } catch (error) {
    return res.status(500).json({ error: "Failed to fetch data" });
  }
}


Available Avatars

Browse and select from available avatar options for your personas

Avatar Gallery

Anam

Create digital personas that can communicate with your customers in real-time.

Overview

Welcome to Anam

Learn about Anam AI and how to get started

Introduction

Intro to Anam

Learn how to manage your API keys which let you use the Anam API.

Get your API Key

Managing API Keys

Start integrating your personas in under 5 minutes

Quickstart

Securely deploy Anam AI in production environments

Usage in Production

Learn about Anam personas and how they power your AI interactions

Introduction to Personas

Explore our pre-built personas ready for immediate use

Default Personas

Implement custom intelligence for your personas

Using Custom Brains

Browse and select from available voice options for your personas

Voice Gallery

Learn how to create personas that can understand and respond to your customers.

Creating Smarter Personas

Example Projects

Migrating

Frequently Asked Questions

Integrate Anam AI realtime digital personas into your product

Install and setup the Anam AI JavaScript SDK

Basic Usage

Control persona output using talk commands

Talk Commands

Control audio input and streaming behavior

Audio Control

Additional configuration options for the Anam client

Session Configuration

Listening for Events

Get v1personaspresets

Get v1personaspresets 1

Get v1personas

Post v1personas

Get v1personas 1

Put v1personas

Delete v1personas

Get v1avatars

Get v1voices

Post v1authsession token

Learn how to create and customize your own Anam persona

Welcome

Getting Started

Personas

Build with Anam

Knowledge Base

Avatar Gallery

Available Avatars

Welcome

Getting Started

Personas

Build with Anam

Knowledge Base

​Available Avatars

Available Avatars