================================================================
  ASITIS — Voice AI Landing Page
  Conversations. As They Are.
================================================================

WHAT THIS IS
------------
A landing page with 3 scenario cards (Hotel, Airport, Restaurant),
each connecting to an ElevenLabs conversational AI agent via a direct
WebSocket connection. Agent audio is routed to the LEFT ear using the
Web Audio API (StereoPannerNode). Only one call runs at a time.


FOLDER STRUCTURE
----------------
  index.html            Main page (links to css/ and js/)
  css/
    styles.css          Full stylesheet (readable)
    styles.min.css      Minified stylesheet (for production)
  js/
    app.js              Full JavaScript (readable)
    app.min.js          Minified JavaScript (for production)
  images/
    hotel.svg           Placeholder — REPLACE with your hotel image
    airport.svg         Placeholder — REPLACE with your airport image
    restaurant.svg      Placeholder — REPLACE with your restaurant image
  fonts/
    README.txt          Font setup instructions (currently via CDN)


USING THE MINIFIED FILES (for production)
-----------------------------------------
By default index.html links the readable versions. To use minified:
  - In index.html, change:
      css/styles.css   ->  css/styles.min.css
      js/app.js        ->  js/app.min.js


REPLACING THE PLACEHOLDER IMAGES
--------------------------------
Drop your own images into the images/ folder and either:
  - Name them hotel.jpg / airport.jpg / restaurant.jpg and update the
    3 references in index.html + css/styles.css, OR
  - Keep the .svg names and just swap the files.
Recommended: optimized JPG/WebP, ~800px wide.


LINKS / NAVIGATION (answer to your question)
--------------------------------------------
Right now the page has NO internal navigation links (no Contact Us,
Sign Up, etc.) — it's a single standalone page. The only external links
are the Google Fonts CDN and the "Powered by ElevenLabs" credit.

When you add navigation, use RELATIVE paths (e.g. "contact.html" or
"/contact.html") so it works on your own server/domain regardless of
where it's hosted. Use absolute paths (https://...) only for links to
OTHER websites. So: relative for your own pages, absolute for external.


AGENT IDS (in js/app.js, AGENT_IDS object)
------------------------------------------
  hotel      -> SETI Hotel Agent
  airport    -> Language Practice Tutor
  restaurant -> MIRA Restaurant Order
To change an agent, edit the AGENT_IDS values in js/app.js.


AUDIO ROUTING
-------------
In js/app.js, PAN_VALUE controls the ear:
  -1 = left ear (current),  1 = right ear,  0 = both ears (center)


NOTE
----
The page must be served over http(s) (e.g. your web server or a host
like Netlify). Opening index.html directly as a file:// URL will block
the microphone and WebSocket connection due to browser security.
================================================================
