# Integral Frontdesk — Site Specification **Product:** Integral Frontdesk — Done-for-you AI reception and lead response system for service businesses. **Parent company:** Integral Digital / Integral Associates **Author:** Brett Thomas **Primary domain:** https://www.integralfrontdesk.com **Last updated:** June 25, 2026 --- ## 1. Purpose Integral Frontdesk is a marketing site for a productized service that deploys an AI-driven front-desk system (website chatbot, inbound AI receptionist, outbound speed-to-lead AI salesperson, and follow-up/nurture automations) for service-based businesses. The site's primary job is to: 1. Educate prospects on the three structural revenue leaks (missed after-hours calls, slow lead response, broken follow-up). 2. Explain the three-layer solution. 3. Present three productized pricing tiers with the framing that each plan is custom-scoped — clients only pay for what they need. 4. Drive prospects to book a discovery call. The site is intentionally long-form and editorial in tone, mirroring the author's writing voice. --- ## 2. Tech Stack | Layer | Technology | |---|---| | Framework | TanStack Start v1 (React 19, Vite 7) | | Routing | File-based routing in `src/routes/` | | Styling | Tailwind CSS v4 (semantic tokens via `src/styles.css`) | | UI primitives | shadcn/ui (Radix-based), lucide-react icons | | Backend | Lovable Cloud (provisioned but not yet used for forms) | | Deployment | Cloudflare Workers (edge) via Lovable | | Hosting URLs | Preview, published (`integral-frontdesk.lovable.app`), custom (`integralfrontdesk.com`) | --- ## 3. Information Architecture Single-page long-scroll marketing site with anchored sections, plus auxiliary pages. ### Routes | Route | Purpose | |---|---| | `/` | Main marketing landing page (all sections below) | | `/spec` | This specification document (with markdown download) | ### On-page sections (in scroll order) 1. **Site Header** — sticky nav, logo, "See How It Works" (`#how-it-works`), CTA "Book a Call" 2. **Hero** — headline: *"Every lead you lose was a lead you already paid for."*, owner photo, primary CTAs 3. **The Three Problems** — After-Hours Call Problem, Slow Response Problem, Follow-Up Problem (with scenes, consequences, supporting imagery) 4. **The Solution: Three-Layer System** — Website Chatbot, Phone AI, Follow-Up & Nurture 5. **How It Works** (`#how-it-works`) — 4-step narrative walkthrough of a single lead's lifecycle 6. **Component Deep-Dives** — long-form breakdowns for each layer with mockups and feature lists: - Layer One — AI Website Chatbot - Layer Two — Part A — Inbound AI Receptionist - Layer Two — Part B — Speed-to-Lead AI Salesperson - Layer Three — Follow-Up & Nurture System 7. **Pricing / Tiers** — three productized starting points, custom-scoped to client need 8. **Who This Is For / Not For** — qualification checklist 9. **Case Study / Social Proof** — owner photo + outcome narrative 10. **About Brett Thomas** — author bio, credibility, headshot 11. **FAQs** — 7 entries (accordion) 12. **Final CTA** 13. **Site Footer** — company info, address, phone, copyright, link to `/spec` --- ## 4. Pricing Tiers All three tiers are starting points. Every engagement is custom-scoped during discovery so clients pay only for what they need and want — not a penny more. ### Entry Tier — AI Website Chatbot - **Setup:** $497 - **Monthly:** $97 - **For:** Practices that want to capture website visitors and stop leads from leaving without a conversation. - **Includes:** Custom-configured chatbot, 24/7 engagement, lead capture, booking calendar integration, nurture routing for non-qualifiers, install on any platform, client dashboard, monthly optimization. ### Phone Agents — Receptionist & Salesperson (featured) - **Setup:** $1,500–$2,000 - **Monthly:** $147–$197 - **For:** Practices that need 24/7 phone coverage and/or sub-2-minute speed-to-lead callbacks on web forms. - **Includes:** Everything in Entry Tier, plus AI phone receptionist (24/7), professional greeting, qualification on every call, CRM call summaries, booking/warm-transfer routing, after-hours and overflow coverage, optional outbound Speed-to-Lead AI Salesperson. ### Complete System — AI Front Desk - **Setup:** $5,000 - **Monthly:** $297 - **For:** Practices that want the full three-layer system deployed end-to-end, including a new AI-powered website. - **Includes:** Everything in Phone Agents, plus a brand-new AI-powered website, both AI Phone Agents, full CRM sub-account, multi-touch SMS/email nurture, confirmations and reminders, re-engagement, win-back campaigns, priority monthly optimization. **Price-range framing:** Pricing shown is the starting range. Every plan is customized — discovery determines exact scope so the client pays only for what they actually use. --- ## 5. Brand & Design System ### Voice & tone - Editorial, direct, slightly contrarian. Long sentences allowed. Specific numbers (21x, 80%, 15–30 min window) treated as load-bearing. - No corporate filler, no emojis, no exclamation marks. - Author voice = Brett Thomas. The site reads like a long-form essay, not a brochure. ### Visual language - Dark, editorial palette with bright semantic accents (hero-pink, hero-cyan, hero-blue, hero-yellow, hero-mint) used as section-coding signals. - Imagery: cinematic photo mockups (smartphone screens for receptionist, outbound caller ID, SMS thread, dashboard) + ambient scene photos for each problem. - Typography: display font for headlines, body sans for prose. No serif unless explicitly requested. ### Design tokens All color, gradient, shadow values live in `src/styles.css` as semantic tokens. Components reference tokens — never hardcoded hex or `text-white` / `bg-black` utilities. Tokens drive both light and dark theming through shadcn variants. --- ## 6. Components & Assets ### Marketing components - `src/components/marketing/SiteHeader.tsx` - `src/components/marketing/SiteFooter.tsx` ### Key assets (in `src/assets/`) - `owner-hero.jpg` — hero portrait - `scene-missed-call.jpg`, `scene-buried-inbox.jpg`, `scene-followup.jpg` — problem scenes - `mockup-chatbot.jpg` — Layer 1 - `mockup-receptionist.jpg` — Layer 2A (inbound) - `mockup-outbound.jpg` — Layer 2B (incoming-call screen, "Calling you back — you requested information") - `mockup-sms.jpg` — Layer 3 (SMS/email nurture) - `mockup-dashboard.jpg` — client dashboard - `owner-casestudy.jpg` — case study - `brett-author.jpg.asset.json` — Brett Thomas headshot (managed asset) --- ## 7. Footer Contains: - Brand block: "Integral Frontdesk — A product of Integral Digital. Built on 30 years of revenue system design." - Contact: Integral Associates · 3267 Bee Caves Rd, Suite 107 · Austin, TX 78746 · 940.368.0066 - Copyright line - Link to `/spec` (this document) for transparency / reference --- ## 8. SEO - ``: *Integral Frontdesk | AI Reception & Lead Response for Service Businesses* - Meta description: *Done-for-you AI reception and lead response system. Covers your phone, website, and web forms. Deployed in 30 days. Built by Integral Digital.* - OG title/description set; Twitter card = `summary_large_image`. - Single H1 per page, semantic sectioning, alt text on every image. --- ## 9. Conversion Goals | Goal | Mechanism | |---|---| | Primary | Book a discovery call (CTA in header, hero, pricing, final CTA) | | Secondary | Read through the long-form case for the system (engagement = qualification) | | Tertiary | Reference / share — the spec page makes the offer legible to partners and referrers | --- ## 10. Non-Goals (current) - No e-commerce, no self-serve checkout. - No live chat on the marketing site itself (the product is the chatbot — the site sells it, doesn't demo it inline). - No blog yet (planned). - No VSL on the page right now — removed pending production. --- *End of specification.*