Callwren

LIVE DEMO: https://callwren-ai.poyrazn8n.workers.dev

A website for an AI receptionist that proves itself with playable sample calls and the rule behind every action. Callwren · website-template · Next.js source code 9 page designs · 12 demo pages + custom 404 Static Next.js frontend template with fictional content: no telephony, voice or language model, calendar, accounts, payments, CMS or back end; the demo form needs an endpoint you configure.

WHO IT IS FOR

- Founders of AI voice-agent and AI receptionist products who need a credible marketing site - Agencies that resell AI phone answering to local businesses under their own brand - Conversational-AI startups that want sample calls, setup and pricing explained honestly rather than with stock dashboards Required skills: Comfortable editing TypeScript configuration files in a Next.js project. Not ideal for: Buyers who need working telephony, a voice or language model, calendar sync or a customer dashboard without development; Teams that want a generic SaaS landing page with logo walls and invented metrics.

WHAT YOU GET

9 page designs · 12 demo pages + custom 404 - callwren/ - callwren/package.json - callwren/package-lock.json - callwren/README.md - callwren/START-HERE.md - callwren/BUYER-README.md - callwren/BUYER-SCOPE.md - callwren/LICENSE.txt - callwren/ASSET-CREDITS.md - callwren/Documentation/ - Sample call player: Plays each sample call's audio with its real waveform; the transcript line being spoken is highlighted as the audio plays, any line plays the call from that point, the position control seeks with arrow keys, speed changes between 1×, 1.25× and 1.5×, and only one call plays at a time. [included-working] - Docked player: When a playing call scrolls out of view a small bar keeps its pause control, title and current line on screen, on phones and desktops. [included-working] - Call summary slips: Each call has a message slip — caller, number, reason, result and next step, with the outcome ticked — rendered from content/calls.ts. [included-working] - Action trail with line and rule: Every action on a call names the setup rule that caused it and the transcript line where it happened; choosing the line plays the call from that moment. [included-working] - Filterable call library: Sample calls filter by industry and outcome; the filters live in the URL so a filtered view can be linked, reloaded and reached with Back, with an empty state when nothing matches. [included-working] - Setup preview with rule simulator: Edit a sample business's hours, service area, services, answers, emergencies, hand-offs and limits, then ask test questions; a deterministic rule matcher in the browser answers from those rules and names the rule and step that decided. It is not a language model or the voice product. Edits are kept in the visitor's browser (localStorage), can be reset, and download as a JSON setup sheet. [browser-local-demo] - Minutes and cost estimator: From calls per week, call length and answered share it computes monthly minutes and each plan's cost including extra minutes, recommends the cheapest, and prints the arithmetic; a second panel multiplies the visitor's own missed-call inputs and labels the result as not a forecast. Plans come from config/pricing.ts. [included-working] - Industry pages from config: Four industry pages generated from config/industries.ts with typical calls, two playable sample calls, what is booked and what is left to a person, and a link that opens the setup preview on that industry's rules. [included-working] - Full-screen mobile menu: Covers the screen, traps focus, locks page scroll, closes with Escape, the close button or after navigating, and returns focus to the menu button. [included-working] - SEO and structured data: Every page has its own title, description, canonical URL and Open Graph and Twitter image; sitemap, robots and web manifest are generated; JSON-LD covers Organization, WebSite, SoftwareApplication with one Offer per plan, FAQPage on pricing and BreadcrumbList on industry pages. [included-working] - Motion with a reduced-motion branch: Section reveals, the arriving slip and the playing-line highlight are CSS only; under prefers-reduced-motion everything is shown in place without movement. [included-working]

WHAT WORKS IMMEDIATELY

- Sample call player: Plays each sample call's audio with its real waveform; the transcript line being spoken is highlighted as the audio plays, any line plays the call from that point, the position control seeks with arrow keys, speed changes between 1×, 1.25× and 1.5×, and only one call plays at a time. [included-working] - Docked player: When a playing call scrolls out of view a small bar keeps its pause control, title and current line on screen, on phones and desktops. [included-working] - Call summary slips: Each call has a message slip — caller, number, reason, result and next step, with the outcome ticked — rendered from content/calls.ts. [included-working] - Action trail with line and rule: Every action on a call names the setup rule that caused it and the transcript line where it happened; choosing the line plays the call from that moment. [included-working] - Filterable call library: Sample calls filter by industry and outcome; the filters live in the URL so a filtered view can be linked, reloaded and reached with Back, with an empty state when nothing matches. [included-working] - Minutes and cost estimator: From calls per week, call length and answered share it computes monthly minutes and each plan's cost including extra minutes, recommends the cheapest, and prints the arithmetic; a second panel multiplies the visitor's own missed-call inputs and labels the result as not a forecast. Plans come from config/pricing.ts. [included-working] - Industry pages from config: Four industry pages generated from config/industries.ts with typical calls, two playable sample calls, what is booked and what is left to a person, and a link that opens the setup preview on that industry's rules. [included-working] - Full-screen mobile menu: Covers the screen, traps focus, locks page scroll, closes with Escape, the close button or after navigating, and returns focus to the menu button. [included-working] - SEO and structured data: Every page has its own title, description, canonical URL and Open Graph and Twitter image; sitemap, robots and web manifest are generated; JSON-LD covers Organization, WebSite, SoftwareApplication with one Offer per plan, FAQPage on pricing and BreadcrumbList on industry pages. [included-working] - Motion with a reduced-motion branch: Section reveals, the arriving slip and the playing-line highlight are CSS only; under prefers-reduced-motion everything is shown in place without movement. [included-working]

WHAT NEEDS INTEGRATION

- payments: No payments or subscriptions; plans are shown as content. [not-included] - auth: No accounts or log-in; brand.appUrl can link to your own app. [not-included] - email: The demo form POSTs JSON to the endpoint you set in NEXT_PUBLIC_DEMO_FORM_ENDPOINT (CRM webhook, form service or serverless function); nothing is sent without it. [integration-required] - cms: Content is TypeScript configuration in config/ and content/; no CMS is connected. [not-included] - booking: No calendar or booking service; NEXT_PUBLIC_BOOKING_URL can link to your scheduling page. [not-included] - orders: No order handling. [not-included] - backend: No back end, telephony or AI model; the site is a static export and the sample calls are audio files. [not-included] - mlsCrm: No CRM is connected; the demo form endpoint can point at one. [not-included]

WHAT IS NOT INCLUDED

- Callwren, its businesses, callers and phone numbers are fictional sample content, and the sample calls are synthetic recordings; the trust and privacy pages are template text and must be reviewed before launch. - No telephony, speech recognition, voice or language model, calendar, SMS or back end: the setup preview is a rule matcher that runs in the browser, and the template is the website for a phone-answering product, not the product itself. - The demo form sends nothing until NEXT_PUBLIC_DEMO_FORM_ENDPOINT is set; the demo notices stay on until they are set to null in config/brand.ts. - English demo content only; multilingual UI and RTL have not been validated.

CUSTOMIZATION WORKFLOW

- Install dependencies with npm install. - Set the name, tagline, URL, contact details and log-in link in config/brand.ts, and set the three demo notices to null. - Change the colour tokens in app/globals.css and the three fonts in app/layout.tsx; replace the logo mark and icons. - Set your plans, minutes and billing rules in config/pricing.ts, your policies in config/trust.ts and your industries in config/industries.ts. - Replace the sample calls: audio in public/audio/, timed transcripts in content/transcripts.generated.ts and slips and actions in content/calls.ts. - Replace the photographs in public/images/ and config/photography.ts. - Optionally set NEXT_PUBLIC_DEMO_FORM_ENDPOINT and NEXT_PUBLIC_BOOKING_URL in .env.local, then run npm run build and deploy the static out/ folder.

DELIVERY AND INSTALL

- callwren-v1.0.0.zip · version 1.0.0 Node.js 20.9 or newer; internet access for dependency installation. Open callwren. Install: npm ci Build: npm run build Lockfile: package-lock.json. Package manager: npm.

LICENSE

LICENSE — Webloomery Template License v1.0 (effective 26 September 2026) - One purchase, one end product: build one website or application for yourself or for one client. - Modify the source for that end product. Its development, staging and production copies count as one end product. - Team members and contractors on that end product may use the files, only for it. - You may hand the finished project and the customized source it needs to that one client; the Template is then not reused for anyone else. - Each additional website, application, end product or client needs another purchase. - Not allowed: reselling, sharing, sublicensing or publicly publishing the Template source; turning it into a template, builder, code generator or reusable client-production system; reselling its components or assets separately. - Third-party fonts, photographs and other assets keep their own licenses, listed in ASSET-CREDITS.md. - Support and updates are separate from the license. The full license text is included as LICENSE.txt in the download and published at https://webloomery.com/legal/license.

SUPPORT BOUNDARY

- Installing and building the delivered package - Questions about the documented configuration and content files Excluded: Custom development and design changes; Building telephony, voice or AI features; Connecting forms, CRMs or calendars; Legal review of the policy pages. No guaranteed response time. No fixed support period is promised.

ASSET CREDITS

0 licensed stock photographs (0 pexels) and 8 sample call recordings voiced with synthetic speech (Kokoro-82M, Apache-2.0) for this template. Original wren mark, favicon and interface icons; one original share image and one touch icon. Software and fonts retain their own licenses. Read ASSET-CREDITS.md. Third-party materials retain their own licenses. Demo brands and content must be replaced before launch.