An AI receptionist and AI phone agent HTML template for products that answer a business's calls, book appointments and report back. It is built with HTML5, Bootstrap 5 and plain JavaScript, and sells the product the way a small business owner checks it: one real call from the first ring to the booked slot and the note sent afterwards, the tools it connects to, the price per minute, how recordings are handled and what other owners got from it.

Callyra opens straight from the folder with no build step. The hero shows a live call transcript beside a paper call note with a Booked stamp, the demo call section plays a second call line by line as it comes into view, and the footer sets the demo phone number large as the last call to action.

Key Features

• HTML5 + Bootstrap 5: semantic markup with Bootstrap utility classes for layout
• 4 Pages: the product home page plus a full plan comparison, an article and a 404 page
• 12 Home Sections: header, hero, how a call goes, integrations, demo call, pricing, security, reviews, writing, FAQ, free trial and footer
• Call Transcript Hero: one call from ring to booking, written as plain editable HTML
• Call Note Card: caller, request, booking and call length on a perforated paper note
• Demo Call: transcript lines arrive one by one on first view, once, with no audio and no loop
• Plan Comparison Page: three plans compared feature by feature, add-ons and per-minute rates
• Integrations Grid: calendars, booking software, customer records and where notes go
• Free Trial Form: six fields, inline validation and a confirmation, no layout shift
• Section Highlight: the menu marks the section in view while scrolling
• CSS Design Tokens: colors, type scale, spacing and radius set once
• Local Fonts: Funnel Display, Funnel Sans and Fragment Mono, no CDN requests
• Works Offline: opens from the file system, no build tools or server
• W3C Valid HTML: every page checked with the Nu HTML Checker
• No jQuery: plain, unminified JavaScript
• Documentation Included: installation, structure, colors, images, the call panel, the demo call and the form

Ideal For

• AI receptionist and AI phone agent products
• AI voice assistants and call automation tools
• Answering services and virtual receptionist companies
• Appointment booking and scheduling software
• SaaS products for small businesses

Pages Included

Credits

• Framework: Bootstrap 5 (https://getbootstrap.com)
• Fonts: Funnel Display, Funnel Sans and Fragment Mono, OFL licensed, served locally
• Icons and graphics: inline SVG and CSS
• Photographs: placeholder images only. Photos are not included in the download.

Images Notice

The photos and faces shown in the live preview and screenshots are preview content only and are not included in the download. The package ships placeholder images in their place, each with the same filename and size, so you can drop your own photos in with no code changes.

Requirements and Limitations

• A static HTML template, not a WordPress product and not a working phone or AI system. Basic knowledge of HTML and CSS is enough to customize it.
• The free trial form validates in the browser but does not send anything. Connect it to your own form handler before going live.