1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <title>AI Office Assistant & AI Admin Assistant | OfficeAgent</title> 8 <meta name="description" content="AI office assistant that schedules meetings, drafts email, files documents and chases follow-ups. You approve, it executes. From $149/mo."> 9 <link rel="canonical" href="https://officeagent.ai"> 10 11 <meta property="og:type" content="website"> 12 <meta property="og:site_name" content="OfficeAgent"> 13 <meta property="og:title" content="AI Office Assistant & AI Admin Assistant | OfficeAgent"> 14 <meta property="og:description" content="AI office assistant that schedules meetings, drafts email, files documents and chases follow-ups. You approve, it executes. From $149/mo."> 15 <meta property="og:url" content="https://officeagent.ai"> 16 <meta property="og:image" content="https://officeagent.ai/og-image.png"> 17 <meta name="twitter:card" content="summary_large_image"> 18 <meta name="twitter:title" content="AI Office Assistant & AI Admin Assistant | OfficeAgent"> 19 <meta name="twitter:description" content="AI office assistant that schedules meetings, drafts email, files documents and chases follow-ups. You approve, it executes. From $149/mo."> 20 <meta name="twitter:image" content="https://officeagent.ai/og-image.png"> 21 22 <link rel="icon" href="/favicon.svg" type="image/svg+xml"> 23 <link rel="icon" href="/favicon.ico" sizes="32x32"> 24 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 25 <link rel="manifest" href="/site.webmanifest"> 26 27 <link rel="preconnect" href="https://fonts.bunny.net" crossorigin> 28 <link rel="stylesheet" href="https://fonts.bunny.net/css?family=asap:400,500,600,700,800|fragment-mono:400|karla:400,500,600,700&display=swap"> 29 30
30<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"OfficeAgent","url":"https://officeagent.ai","logo":"https://officeagent.ai/icon-512.png","email":"[email protected]","description":"OfficeAgent is an AI office assistant that runs back-office admin for small businesses: it schedules meetings, drafts and sends routine email, manages documents and spreadsheets, tracks tasks and follow-ups, and summarizes meetings, with human approval on every outgoing action."}</script>
30 31
31<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"OfficeAgent","applicationCategory":"BusinessApplication","operatingSystem":"Web","url":"https://officeagent.ai","description":"AI office assistant and operations agent: meeting scheduling, email drafting with approval, meeting summaries, task tracking, data entry, document management and CRM sync for small businesses and teams.","offers":{"@type":"AggregateOffer","lowPrice":"74","highPrice":"798","priceCurrency":"USD","offerCount":"3"}}</script>
31 32
32<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"AI Office Assistant & AI Admin Assistant | OfficeAgent","url":"https://officeagent.ai","description":"OfficeAgent is an AI office assistant that schedules meetings, drafts and sends routine email, files documents, tracks tasks and chases follow-ups for small businesses, with human approval on every outgoing action."}</script>
32 33 34 <link rel="preload" as="style" href="https://officeagent.ai/build/assets/app-DpN-oSIx.css" /><link rel="modulepreload" href="https://officeagent.ai/build/assets/app-V5eGAyj8.js" /><link rel="stylesheet" href="https://officeagent.ai/build/assets/app-DpN-oSIx.css" data-navigate-track="reload" />
34<script type="module" src="https://officeagent.ai/build/assets/app-V5eGAyj8.js" data-navigate-track="reload"></script>
34 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 35</head> 36<body class="min-h-screen"> 37 38 39 40 <header class="sticky top-0 z-40 border-b border-hairline lg:hidden" x-data="{ open: false }" 41 x-effect="document.body.classList.toggle('overflow-hidden', open)"> 42 <div class="flex h-14 items-center justify-between gap-2 bg-paper/95 px-4 backdrop-blur-sm"> 43 <a href="https://officeagent.ai" class="min-w-0 flex-1" aria-label="OfficeAgent home"> 44 <span class="inline-flex min-w-0 items-center gap-2"> 45 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="flex-none"> 46 <rect x="1.5" y="1.5" width="21" height="21" rx="2" stroke="#141317" stroke-width="2"/> 47 <path d="M6.5 12.5l4 4 7-8.5" stroke="#6A1FD0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/> 48 </svg> 49 <span class="truncate font-display font-extrabold leading-none tracking-tight text-ink" style="font-size:16px">OfficeAgent</span> 50</span> 51 </a> 52 <div class="flex flex-none items-center gap-2"> 53 <button type="button" @click="Livewire.dispatch('open-signup', { source: 'nav-mobile' })" 54 class="btn-primary !min-h-11 !px-3.5 !py-2 !text-[13.5px]"> 55 Get started 56 </button> 57 <button type="button" class="flex h-11 w-11 items-center justify-center border border-hairline bg-card" 58 style="border-radius:2px" @click="open = !open" :aria-expanded="open" aria-controls="mobile-nav" aria-label="Menu"> 59 <svg x-show="!open" class="h-5 w-5 text-ink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" d="M4 7h16M4 12h16M4 17h16"/></svg> 60 <svg x-show="open" x-cloak class="h-5 w-5 text-ink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" d="M6 6l12 12M18 6L6 18"/></svg> 61 </button> 62 </div> 63 </div> 64 65 66 <nav id="mobile-nav" x-show="open" x-cloak class="fixed inset-x-0 top-14 bottom-0 z-40 overflow-y-auto border-t border-hairline bg-paper" aria-label="Mobile"> 67 <div class="px-4 py-3"> 68 <a href="https://officeagent.ai/how-it-works" 69 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 70 How it works 71 </a> 72 <a href="https://officeagent.ai/features" 73 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 74 Features 75 </a> 76 <a href="https://officeagent.ai/use-cases/email" 77 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 78 Use cases 79 </a> 80 <a href="https://officeagent.ai/integrations" 81 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 82 Integrations 83 </a> 84 <a href="https://officeagent.ai/pricing" 85 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 86 Pricing 87 </a> 88 <a href="https://officeagent.ai/faq" 89 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 90 FAQ 91 </a> 92 <a href="https://officeagent.ai/blog" 93 class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 94 Blog 95 </a> 96 <a href="https://officeagent.ai/contact" class="block border-b border-hairline py-3.5 text-[16px] text-ink"> 97 Contact 98 </a> 99 <a href="https://officeagent.ai/login" @click="open = false" class="block w-full border-b border-hairline py-3.5 text-left text-[16px] text-ink"> 100 Log in 101 </a> 102 <button type="button" @click="Livewire.dispatch('open-signup', { source: 'nav-mobile-menu' }); open = false" class="btn-primary mt-4 w-full"> 103 Get started 104 </button> 105 </div> 106 </nav> 107 </header> 108 109 <div class="lg:flex"> 110 111 <aside x-data class="fixed inset-y-0 left-0 z-40 hidden w-rail flex-col border-r border-hairline bg-paper lg:flex"> 112 113 <a href="https://officeagent.ai" class="block border-b border-hairline px-5 py-5" aria-label="OfficeAgent home">
114 <span class="inline-flex min-w-0 items-center gap-2"> 115 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="flex-none"> 116 <rect x="1.5" y="1.5" width="21" height="21" rx="2" stroke="#141317" stroke-width="2"/> 117 <path d="M6.5 12.5l4 4 7-8.5" stroke="#6A1FD0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/> 118 </svg> 119 <span class="truncate font-display font-extrabold leading-none tracking-tight text-ink" style="font-size:21px">OfficeAgent</span> 120</span> 121 <span class="mt-1.5 block text-[13px] text-ink-soft">Back-office AI for every office</span> 122 </a> 123 124 <nav class="flex-1 overflow-y-auto py-3" aria-label="Main"> 125 <a href="https://officeagent.ai/how-it-works" class="rail-link "> 126 How it works 127 </a> 128 <a href="https://officeagent.ai/features" class="rail-link "> 129 Features 130 </a> 131 <a href="https://officeagent.ai/use-cases/email" class="rail-link "> 132 Use cases 133 </a> 134 <a href="https://officeagent.ai/integrations" class="rail-link "> 135 Integrations 136 </a> 137 <a href="https://officeagent.ai/pricing" class="rail-link "> 138 Pricing 139 </a> 140 <a href="https://officeagent.ai/faq" class="rail-link "> 141 FAQ 142 </a> 143 <a href="https://officeagent.ai/blog" class="rail-link "> 144 Blog 145 </a> 146 </nav> 147 148 <div class="border-t border-hairline p-4"> 149 <a href="https://officeagent.ai/login" 150 class="mb-2 block w-full text-left text-[13.5px] text-ink-soft hover:text-ink"> 151 Log in 152 </a> 153 <button type="button" @click="Livewire.dispatch('open-signup', { source: 'nav-rail' })" class="btn-primary w-full"> 154 Get started 155 </button> 156 </div> 157 </aside> 158 159 160 <div class="min-w-0 flex-1 lg:pl-rail"> 161 <main> 162 <section class="border-b border-hairline"> 163 <div class="mx-auto max-w-col px-4 pb-12 pt-6 sm:px-6 md:pt-12 lg:px-10"> 164 165 <div class="grid items-start gap-y-6 lg:grid-cols-[45fr_55fr] lg:gap-x-10 lg:gap-y-0"> 166 <div class="min-w-0 lg:col-start-1 lg:row-start-1"> 167 <h1 class="display-xl"> 168 AI office assistant that <span class="h1-accent">runs</span> your back office 169 </h1> 170 171 <p class="mt-5 max-w-[54ch] text-[17px] leading-[1.65] text-ink-2 md:text-[18px]"> 172 OfficeAgent schedules your meetings, drafts your email, files your documents and chases every follow-up. You approve, it executes. 173 </p> 174 175 <div class="mt-6 flex flex-wrap items-center gap-3 md:mt-8"> 176 <button type="button" class="btn-primary !px-8 !py-3.5" onclick="Livewire.dispatch('open-signup', { source: 'hero' })"> 177 Get started 178 </button> 179 <a href="https://officeagent.ai/pricing" class="btn-secondary !px-6 !py-3.5">Plans from $149/mo</a> 180 </div> 181 182 <p class="mt-4 text-[14.5px] text-ink-soft"> 183 Runs on your calendar, inbox and drive. Create your account in two minutes. 184 </p> 185 </div> 186 187 188 <div class="min-w-0 lg:col-start-2 lg:row-span-2 lg:row-start-1" id="demo"> 189 <div x-data="routingDemo('hero-demo')" class="slip-card overflow-hidden text-left" aria-label="OfficeAgent live task panel"> 190 191 192 <div class="flex flex-wrap items-center justify-between gap-2 border-b border-hairline bg-paper px-4 py-2.5"> 193 <p class="text-[13.5px] font-semibold text-ink"> 194 OfficeAgent, live task panel 195 </p> 196 <p class="flex items-center gap-2 text-[13px]">
197 <span class="text-ink-soft">Status:</span> 198 <span class="status-chip status-chip-active" x-show="status" x-cloak> 199 <span x-text="status"></span><span class="anim-caret !h-[0.9em] !bg-stamp" x-show="running" aria-hidden="true"></span> 200 </span> 201 <span class="status-chip" x-show="!status">Ready</span> 202 </p> 203 </div> 204 205 206 <div class="grid gap-2 border-b border-hairline px-4 py-3 sm:grid-cols-3"> 207 <template x-for="(sc, key) in scenarios" :key="key"> 208 <button type="button" class="task-chip" :class="task === key ? 'active' : ''" :aria-pressed="task === key ? 'true' : 'false'" @click="pickTask(key)"> 209 <span class="box" aria-hidden="true"></span><span x-text="sc.chip"></span> 210 </button> 211 </template> 212 </div> 213 214 215 <div class="flex flex-wrap items-center gap-2 border-b border-hairline px-4 py-3"> 216 <span class="text-[13px] text-ink-soft" x-text="scenario.inputLabel"></span> 217 <template x-for="(inp, i) in scenario.inputs" :key="inp.key"> 218 <button type="button" 219 class="border px-2.5 py-1.5 text-[13.5px] transition-colors duration-100" 220 style="border-radius:2px" 221 :class="inputIdx === i ? 'border-stamp bg-stamp-wash text-stamp-deep' : 'border-hairline bg-card text-ink-2 hover:border-ink'" 222 :aria-pressed="inputIdx === i ? 'true' : 'false'" 223 @click="pickInput(i)" x-text="inp.label"></button> 224 </template> 225 <button type="button" class="btn-secondary !min-h-0 ml-auto !px-4 !py-2 !text-[13.5px]" @click="run()" x-show="!running && !awaiting && !finished"> 226 Run it 227 </button> 228 <button type="button" class="ml-auto text-[13px] text-ink-soft underline underline-offset-2 hover:text-ink" @click="skip()" x-show="running" x-cloak> 229 Skip ahead 230 </button> 231 <button type="button" class="btn-secondary !min-h-0 ml-auto !px-4 !py-2 !text-[13.5px]" @click="resetRun()" x-show="finished" x-cloak> 232 Run another 233 </button> 234 </div> 235 236 237 <div x-ref="body" x-demo-autoscroll class="overflow-y-auto bg-card px-4 py-3.5 h-[264px] md:h-[286px]"> 238 239 <div x-show="!status" class="flex h-full flex-col"> 240 <div class="text-center"> 241 <p class="text-[14px] font-semibold text-ink">Try it now</p> 242 <p class="mx-auto mt-2 max-w-[36ch] text-[14px] leading-6 text-ink-2">Pick a task above and press <span class="font-semibold text-ink">Run it</span>. This is a sample run that plays out in the page, not live work on your accounts: it shows how OfficeAgent drafts and how you approve the send.</p> 243 </div> 244 <div class="pointer-events-none mt-4 flex-1 select-none opacity-40" aria-hidden="true"> 245 <p class="font-mono text-[13.5px] leading-5 text-ink-soft">→ Reading the thread “Re: delayed order #4187”…</p> 246 <p class="mt-1.5 font-mono text-[13.5px] leading-5 text-ink-soft">→ Drafting a reply in your tone…</p> 247 <div class="mt-3 border border-dashed border-hairline bg-paper p-3" style="border-radius:2px"> 248 <div class="flex items-start justify-between gap-3"> 249 <p class="font-display text-[15px] font-bold text-ink">Reply drafted & sent</p> 250 <span class="stamp stamp-sm">Approved</span> 251 </div> 252 <p class="mt-1.5 flex gap-2 text-[12.5px] leading-5 text-ink-2"><span class="mt-[1px] w-[64px] flex-none text-[13px] text-stamp-deep">To</span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a7d1c2c9c3c8d5e7cac2d5cec3cec6c989d4d2d7d7cbde">[email protected]</a></p> 253 <p class="flex gap-2 text-[12.5px] leading-5 text-ink-2"><span class="mt-[1px] w-[64px] flex-none text-[13px] text-stamp-deep">Sent</span>9:04 AM, after your approval</p> 254 </div> 255 </div> 256 </div> 257 258 259 <p x-show="pageTotal && !finished" x-cloak class="mb-2 text-[13.5px] text-ink-soft"> 260 Reading page <span class="text-ink" x-text="pageCount"></span>/<span x-text="pageTotal"></span> 261 </p> 262 263 264 <div class="space-y-1.5"> 265 <template x-for="(line, i) in lines" :key="i"> 266 <p :class="{ 267 'font-mono text-[13.5px] leading-5 text-ink-soft': line.kind === 'meta', 268 'text-[13.5px] leading-6 text-ink-2': line.kind === 'text', 269 'border border-stamp bg-stamp-wash px-2 py-1 font-mono text-[13.5px] leading-5 text-stamp-deep inline-block': line.kind === 'slot', 270 }" style="border-radius:2px" x-text="line.text"></p> 271 </template> 272 <p x-show="typing" x-cloak 273 :class="typingKind === 'meta' ? 'font-mono text-[13.5px] leading-5 text-ink-soft' : 'text-[13.5px] leading-6 text-ink-2'">
274 <span x-text="typing"></span><span class="anim-caret" aria-hidden="true"></span> 275 </p> 276 </div> 277 278 279 <div x-show="done" x-cloak class="mt-3 border border-hairline bg-paper p-3" style="border-radius:2px"> 280 <div class="flex items-start justify-between gap-3"> 281 <p class="font-display text-[16px] font-bold text-ink" x-text="done && done.title"></p> 282 <span class="stamp stamp-sm stamp-in" x-show="stamped" x-text="scenario.stamp"></span> 283 </div> 284 <div class="mt-2 space-y-1.5"> 285 <template x-for="(row, i) in (done ? done.rows : [])" :key="i"> 286 <p class="flex gap-2 text-[12.5px] leading-5 text-ink-2"> 287 <span class="mt-[1px] w-[64px] flex-none text-[13px] text-stamp-deep" x-text="row[0]"></span> 288 <span x-text="row[1]"></span> 289 </p> 290 </template> 291 </div> 292 </div> 293 </div> 294 295 296 <div class="border-t border-hairline bg-paper px-4 py-3"> 297 298 <div x-show="awaiting" x-cloak class="flex flex-wrap items-center justify-between gap-3"> 299 <p class="text-[14px] font-semibold text-ink"> 300 Approve it. Nothing sends without you. 301 </p> 302 <div class="flex items-center gap-2"> 303 <button type="button" x-show="task === 'email'" class="btn-secondary !min-h-0 !px-4 !py-2 !text-[13.5px]" @click="edit()"> 304 <span x-text="editing ? 'Keep draft' : 'Edit'"></span> 305 </button> 306 <button type="button" class="btn-primary !min-h-0 !px-5 !py-2 !text-[13.5px] !bg-stamp !border-stamp hover:!bg-stamp-deep" @click="approve()" 307 x-text="scenario.approveLabel"></button> 308 </div> 309 </div> 310 <p x-show="awaiting && editing" x-cloak class="mt-2 text-[13.5px] text-ink-soft"> 311 In the product you edit the draft right here; the agent learns your correction. 312 </p> 313 314 315 <div x-show="finished" x-cloak class="flex flex-wrap items-center justify-between gap-3"> 316 <p class="text-[13px] font-semibold text-ink">OfficeAgent drafted, you approved, it executed.</p> 317 <button type="button" class="btn-primary !min-h-0 !px-5 !py-2 !text-[13.5px]" @click="signup()">Get started</button> 318 </div> 319 320 321 <p x-show="!awaiting && !finished" class="text-[13px] text-ink-soft"> 322 Nothing is sent until you approve it. Every action is logged. 323 </p> 324 </div> 325</div> 326 </div> 327 328 329 <div class="min-w-0 border-t border-hairline pt-5 lg:col-start-1 lg:row-start-2 lg:mt-7"> 330 <p class="flex flex-wrap items-center gap-x-3 gap-y-1 text-[13.5px] text-ink-soft"> 331 332 <p class="text-[13.5px] text-ink-soft"> 333 Every send waits for your approval. No reviews we did not earn. 334 </p> 335 <p class="mt-3 text-[13px] text-ink-soft"> 336 Human approval on every send · Encrypted in transit and at rest 337 </p> 338 </div> 339 </div> 340 </div> 341 </section> 342 343 344 <section class="border-b border-hairline bg-stamp-wash/50"> 345 <div class="mx-auto grid max-w-col gap-6 px-4 py-9 sm:grid-cols-3 sm:px-6 lg:px-10"> 346 347 <div> 348 <p class="font-display text-4xl font-extrabold text-ink md:text-5xl">100%</p> 349 <p class="mt-1 text-[13.5px] text-ink-soft">of sends wait for your human approval first, by design</p> 350 </div> 351 <div> 352 <p class="font-display text-4xl font-extrabold text-ink md:text-5xl">$149</p> 353 <p class="mt-1 text-[13.5px] text-ink-soft">starting price per month, one flat plan for the whole office</p> 354 </div> 355 <div> 356 <p class="font-display text-4xl font-extrabold text-stamp-deep md:text-5xl">14</p> 357 <p class="mt-1 text-[13.5px] text-ink-soft">days money-back guarantee on every plan</p> 358 </div> 359 </div> 360 </section> 361 362 363 <section class="mx-auto max-w-col px-4 pt-16 sm:px-6 md:pt-20 lg:px-10" data-reveal> 364 <p class="field-label">Why offices switch</p> 365 <h2 class="display-lg mt-4 max-w-3xl"> 366 The admin never ends. It just stops being your job. 367 </h2>
368 <p class="mt-4 max-w-[62ch] text-[16px] leading-7 text-ink-2"> 369 Founders and office managers lose 10 to 20 hours a week to scheduling ping-pong, routine replies, data entry and chasing people. OfficeAgent owns those jobs end to end, and everything it sends waits for your approval first. 370 </p> 371 <div class="mt-10 grid gap-4 md:grid-cols-2"> 372 <div class="slip-card slip-card-hover p-6"> 373 <span class="stamp-badge !rotate-0 !border !border-stamp !text-[13px]">Drafted for you</span> 374 <h3 class="mt-4 font-display text-[22px] font-bold text-ink">The routine admin stops being yours</h3> 375 <p class="mt-2 text-[15px] leading-7 text-ink-2">The agent handles the repetitive office email and scheduling end to end, drafting and queueing it for your approval.</p> 376 <a href="/use-cases/email" class="mt-3 inline-block text-[13.5px] text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-4 hover:decoration-stamp">AI email assistant →</a> 377 </div> 378 <div class="slip-card slip-card-hover p-6"> 379 <span class="stamp-badge !rotate-0 !border !border-stamp !text-[13px]">0 dropped</span> 380 <h3 class="mt-4 font-display text-[22px] font-bold text-ink">Zero dropped follow-ups</h3> 381 <p class="mt-2 text-[15px] leading-7 text-ink-2">Every promise made in email or a meeting becomes a tracked task with an owner. The agent chases it until it closes.</p> 382 <a href="/use-cases/follow-ups" class="mt-3 inline-block text-[13.5px] text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-4 hover:decoration-stamp">AI follow-up emails →</a> 383 </div> 384 <div class="slip-card slip-card-hover p-6"> 385 <span class="stamp-badge !rotate-0 !border !border-stamp !text-[13px]">You approve</span> 386 <h3 class="mt-4 font-display text-[22px] font-bold text-ink">An inbox that answers itself</h3> 387 <p class="mt-2 text-[15px] leading-7 text-ink-2">Routine replies are drafted in your tone and queued for approval, so nothing sends until you say so.</p> 388 <a href="/use-cases/task-tracking" class="mt-3 inline-block text-[13.5px] text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-4 hover:decoration-stamp">AI task manager →</a> 389 </div> 390 <div class="slip-card slip-card-hover p-6"> 391 <span class="stamp-badge !rotate-0 !border !border-stamp !text-[13px]">1 ledger</span> 392 <h3 class="mt-4 font-display text-[22px] font-bold text-ink">One place every task lands</h3> 393 <p class="mt-2 text-[15px] leading-7 text-ink-2">Meetings, email and documents feed a single office task ledger with owners, due dates and a daily digest.</p> 394 <a href="/use-cases/meeting-summaries" class="mt-3 inline-block text-[13.5px] text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-4 hover:decoration-stamp">AI meeting notes →</a> 395 </div> 396 </div> 397 </section> 398 399 400 <section class="mt-16 border-y border-hairline md:mt-20"> 401 <div class="mx-auto max-w-col px-4 py-14 sm:px-6 lg:px-10" data-reveal> 402 <p class="field-label">How it works</p> 403 <h2 class="display-lg mt-4">From connected to handled in one afternoon</h2> 404 <div class="mt-10 grid gap-px overflow-hidden border border-hairline bg-hairline sm:grid-cols-2 lg:grid-cols-4" style="border-radius:2px"> 405 <div class="bg-card p-6"> 406 <p class="text-[13.5px] text-stamp-deep">Step 01</p> 407 <h3 class="mt-2 font-display text-[19px] font-bold text-ink">Connect your tools</h3> 408 <p class="mt-2 text-[14px] leading-6 text-ink-2">Calendar, inbox, drive, CRM. OAuth, about two minutes each, read and draft scopes only.</p> 409 </div> 410 <div class="bg-card p-6"> 411 <p class="text-[13.5px] text-stamp-deep">Step 02</p> 412 <h3 class="mt-2 font-display text-[19px] font-bold text-ink">The agent plans the work</h3> 413 <p class="mt-2 text-[14px] leading-6 text-ink-2">It reads what is due: replies owed, meetings to book, files to tidy, threads going stale.</p> 414 </div> 415 <div class="bg-card p-6"> 416 <p class="text-[13.5px] text-stamp-deep">Step 03</p> 417 <h3 class="mt-2 font-display text-[19px] font-bold text-ink">You approve drafts</h3> 418 <p class="mt-2 text-[14px] leading-6 text-ink-2">Everything outgoing waits in your approval queue. One click to approve, edit or decline.</p> 419 </div> 420 <div class="bg-card p-6"> 421 <p class="text-[13.5px] text-stamp-deep">Step 04</p> 422 <h3 class="mt-2 font-display text-[19px] font-bold text-ink">It executes and reports</h3> 423 <p class="mt-2 text-[14px] leading-6 text-ink-2">Approved work goes out on time. A daily digest shows what was done and what needs you.</p> 424 </div> 425 </div> 426 <p class="mt-6 text-[15px] text-ink-2"> 427 Drafts always wait for human approval; nothing leaves your office on its own. The full walkthrough is on the 428 <a href="https://officeagent.ai/how-it-works" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:
428decoration-stamp">AI admin assistant</a> page. 429 </p> 430 </div> 431 </section> 432 433 434 <section class="mx-auto max-w-col px-4 pt-16 sm:px-6 md:pt-20 lg:px-10" data-reveal> 435 <p class="field-label">What lands on its desk</p> 436 <h2 class="display-lg mt-4 max-w-3xl">One agent, the whole office checklist</h2> 437 <div class="mt-10 grid gap-px overflow-hidden border border-hairline bg-hairline sm:grid-cols-2 lg:grid-cols-3" style="border-radius:2px"> 438 <a href="/use-cases/email" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 439 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>AI email assistant</p> 440 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âReply to the vendor about the delayed order.â Drafted in your tone, waiting for approval by 9:04.</p> 441 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 442 </a> 443 <a href="/use-cases/meeting-scheduling" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 444 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>AI meeting scheduler</p> 445 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âFind 45 minutes with the hiring panel.â Three slots proposed, invite out the moment one is picked.</p> 446 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 447 </a> 448 <a href="/use-cases/meeting-summaries" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 449 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>AI meeting notes</p> 450 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âWhat did we decide last Tuesday?â Five bullets, three action items, owners and due dates set.</p> 451 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 452 </a> 453 <a href="/use-cases/data-entry" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 454 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>Data entry automation</p> 455 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âGet these 30 receipts into the sheet.â Rows appended, 2 low-confidence fields flagged for a human.</p> 456 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 457 </a> 458 <a href="/use-cases/documents" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 459 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>AI document management</p> 460 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âFile the signed contract where it belongs.â Named to convention, filed, old drafts archived.</p> 461 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 462 </a> 463 <a href="/use-cases/spreadsheets" class="group bg-card p-5 transition-colors hover:bg-stamp-wash/40"> 464 <p class="memo-check checked text-[15px] font-semibold text-ink"><span class="box"></span>AI for spreadsheets</p> 465 <p class="mt-2.5 pl-[27px] text-[14.5px] leading-6 text-ink-2">âUpdate the weekly numbers tab.â Rollup refreshed Friday 4pm, anomalies noted in the digest.</p> 466 <p class="mt-2 pl-[27px] text-[13px] text-stamp-deep opacity-0 transition-opacity group-hover:opacity-100">See the use case →</p> 467 </a> 468 </div> 469 <p class="mt-5 text-[14.5px] text-ink-2"> 470 Also on the checklist: the <a href="/use-cases/executive-assistant" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:
470decoration-stamp">AI executive assistant</a> work a founder usually carries, and <a href="/for/operations" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:decoration-stamp">back office automation</a> for ops teams. 471 </p> 472 </section> 473 474 475 <section class="mt-16 border-y border-hairline bg-ink md:mt-20"> 476 <div class="mx-auto max-w-col px-4 py-14 sm:px-6 md:py-16 lg:px-10" data-reveal 477 x-data="{ hours: 14, rate: 32, 478 get monthly() { return Math.round(this.hours * 4.33 * this.rate); }, 479 get yearly() { return this.monthly * 12; }, 480 get multiple() { return (this.monthly / 399).toFixed(1); } }"> 481 <div class="grid items-start gap-10 md:grid-cols-2"> 482 <div> 483 <p class="inline-flex items-center gap-3 text-[13px] font-bold text-stamp-wash before:h-px before:w-7 before:bg-stamp-wash before:content-['']">For the person who runs the office</p> 484 <h2 class="mt-5 font-display text-[32px] font-extrabold leading-[1.12] tracking-tight text-paper md:text-[40px]"> 485 A $65,000 assistant, for $399 a month 486 </h2> 487 <p class="mt-5 max-w-[56ch] text-[15.5px] leading-7 text-paper/75"> 488 A loaded human EA runs $65,000 to $88,000 a year. A managed VA service runs $1,380 to $2,600 a month for capped hours. OfficeAgent Office is $399 a month for the whole team, works around the clock, and never resigns. The honest comparison, including where a human still wins, is on the 489 <a href="/vs/virtual-assistant" class="font-medium text-stamp-wash underline decoration-2 underline-offset-2">virtual assistant software</a> page. 490 </p> 491 <ul class="mt-6 space-y-2.5 text-[14.5px] leading-6 text-paper/80"> 492 <li class="flex gap-2.5"><span class="mt-[7px] h-[7px] w-[7px] flex-none border border-stamp bg-stamp"></span>Role-based approvals and a full audit log of every action</li> 493 <li class="flex gap-2.5"><span class="mt-[7px] h-[7px] w-[7px] flex-none border border-stamp bg-stamp"></span>SSO/SAML, DPA on request, encryption in transit and at rest</li> 494 <li class="flex gap-2.5"><span class="mt-[7px] h-[7px] w-[7px] flex-none border border-stamp bg-stamp"></span>Nothing leaves your office without a human approval</li> 495 </ul> 496 </div> 497 498 499 <div class="border border-line bg-ink p-6" style="border-radius:2px"> 500 <p class="text-[13.5px] text-stamp-wash">Admin cost calculator</p> 501 <h3 class="mt-2 font-display text-2xl font-bold text-paper">What does admin cost your office?</h3> 502 <div class="mt-6 space-y-6"> 503 <div> 504 <label for="roi-hours" class="flex justify-between text-[14px] text-paper/80"> 505 Admin hours per week, office-wide <span class="font-semibold text-paper" x-text="hours + ' h'"></span> 506 </label> 507 <input id="roi-hours" type="range" min="4" max="40" x-model.number="hours" class="mt-2 w-full accent-[#6A1FD0]"> 508 </div> 509 <div> 510 <label for="roi-rate" class="flex justify-between text-[14px] text-paper/80"> 511 Loaded hourly cost of that time <span class="font-semibold text-paper" x-text="'$' + rate + '/h'"></span> 512 </label> 513 <input id="roi-rate" type="range" min="18" max="80" x-model.number="rate" class="mt-2 w-full accent-[#6A1FD0]"> 514 </div> 515 </div> 516 <div class="mt-6 border border-line p-4 text-center" style="border-radius:2px" aria-live="polite"> 517 <p class="text-[13px] text-paper/60">Payroll going to admin work every month</p> 518 <p class="mt-2 font-display text-5xl font-extrabold text-stamp-wash" x-text="'$' + monthly.toLocaleStr
518ing('en-US')"></p> 519 <p class="mt-1 text-[13.5px] text-paper/60"><span x-text="'$' + yearly.toLocaleString('en-US')"></span> a year · <span x-text="multiple + 'x'"></span> the price of OfficeAgent Office</p> 520 </div> 521 <button type="button" class="btn-paper mt-5 w-full" onclick="Livewire.dispatch('open-signup', { source: 'roi-calc' })">Get that time back</button> 522 </div> 523 </div> 524 </div> 525 </section> 526 527 528 <section class="mx-auto max-w-col px-4 pt-16 sm:px-6 md:pt-20 lg:px-10" data-reveal> 529 <p class="field-label">Pricing</p> 530 <h2 class="display-lg mt-4">Plans priced like software, not like a salary</h2> 531 <p class="mt-4 max-w-[60ch] text-[16px] leading-7 text-ink-2"> 532 Every plan includes the approval queue, the daily digest and a 14-day money-back guarantee. Full limits are on the 533 <a href="https://officeagent.ai/pricing" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:
533decoration-stamp">AI assistant pricing</a> page. 534 </p> 535 <div class="mt-10 grid gap-4 lg:grid-cols-3"> 536 <div class="relative flex flex-col bg-card p-6 border border-hairline" style="border-radius:2px"> 537 <p class="text-[13.5px] text-ink-soft">Assistant</p> 538 <p class="mt-3 font-display text-4xl font-extrabold text-ink">$149<span class="text-lg font-medium text-ink-soft">/mo</span></p> 539 <p class="mt-1 text-[13.5px] text-stamp-deep">$74/mo billed yearly, save 50%</p> 540 <p class="mt-3 border-b border-hairline pb-3 text-[13.5px] font-semibold text-ink">Solo founder · 1 inbox + calendar</p> 541 <ul class="mt-3 flex-1 space-y-2.5"> 542 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>1 connected inbox + calendar</li> 543 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Meeting scheduling + email drafts with approval</li> 544 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Meeting summaries + task tracking</li> 545 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>300 agent actions/mo</li> 546 </ul> 547 548 <a href="https://officeagent.ai/office/start?plan=assistant&billing=month" 549 class="btn-secondary mt-6 w-full text-center"> 550 Get started 551 </a> 552 </div> 553 <div class="relative flex flex-col bg-card p-6 border-2 border-stamp" style="border-radius:2px"> 554 <span class="stamp-badge absolute -top-3.5 right-5">Most routed</span> 555 <p class="text-[13.5px] text-ink-soft">Office</p> 556 <p class="mt-3 font-display text-4xl font-extrabold text-ink">$399<span class="text-lg font-medium text-ink-soft">/mo</span></p> 557 <p class="mt-1 text-[13.5px] text-stamp-deep">$199/mo billed yearly, save 50%</p> 558 <p class="mt-3 border-b border-hairline pb-3 text-[13.5px] font-semibold text-ink">Whole office · up to 10 teammates</p> 559 <ul class="mt-3 flex-1 space-y-2.5"> 560 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Everything in Assistant</li> 561 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Shared office inbox + follow-up engine</li> 562 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Docs, spreadsheets, data entry, CRM sync</li> 563 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>2,000 agent actions/mo + priority support</li> 564 </ul> 565 566 <a href="https://officeagent.ai/office/start?plan=office&billing=month" 567 class="btn-primary mt-6 w-full text-center"> 568 Get started 569 </a> 570 </div> 571 <div class="relative flex flex-col bg-card p-6 border border-hairline" style="border-radius:2px"> 572 <p class="text-[13.5px] text-ink-soft">Enterprise</p> 573 <p class="mt-3 font-display text-4xl font-extrabold text-ink">$798<span class="text-lg font-medium text-ink-soft">/mo</span></p> 574 <p class="mt-1 text-[13.5px] text-stamp-deep">$399/mo billed yearly, save 50%</p> 575 <p class="mt-3 border-b border-hairline pb-3 text-[13.5px] font-semibold text-ink">Multi-team · up to 25 teammates</p> 576 <ul class="mt-3 flex-1 space-y-2.5"> 577 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Everything in Office</li> 578 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>4,000 agent actions/mo</li> 579 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>SSO/SAML + role-based approvals + audit log</li> 580 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Custom integrations + security review</li> 581 <li class="memo-check checked text-[14px] leading-6 text-ink-2"><span class="box"></span>Dedicated success manager</li> 582 </ul> 583 584 <a href="https://officeagent.ai/office/start?plan=enterprise&billing=month" 585 class="btn-secondary mt-6 w-full text-center"> 586 Get started 587 </a> 588 </div> 589 </div> 590 591 592 <div class="mt-8 overflow-x-auto"> 593 <table class="rule-table"> 594 <caption class="sr-only">OfficeAgent compared with a human executive assistant and a virtual assistant service</caption> 595 <thead> 596 <tr> 597 <th scope="col" class="w-[28%]"></th> 598 <th scope="col" class="text-stamp-deep">OfficeAgent Office</th> 599 <th scope="col">Human EA (loaded)</th> 600 <th scope="col">VA service</th> 601 </tr> 602 </thead> 603 <tbody> 604 <tr> 605 <td class="font-semibold text-ink">Monthly cost</td> 606 <td class="font-semibold text-ink">$399</td> 607 <td>$5,400+</td> 608 <td>$1,380 to $2,600</td> 609 </tr> 610 <tr> 611 <td class="font-semibold text-ink">Coverage</td> 612 <td class="font-semibold text-ink">Whole office, around the clock</td> 613 <td>One person, 40 hrs</td> 614 <td>15 to 40 capped hours</td> 615 </tr> 616 <tr> 617 <td class="font-semibold text-ink">Ramp-up</td> 618 <td class="font-semibold text-ink">One afternoon</td> 619 <td>4 to 8 weeks hiring + onboarding</td> 620 <td>1 to 3 weeks matching</td> 621 </tr> 622 <tr> 623 <td class="font-semibold text-ink">If they leave</td> 624 <td class="font-semibold text-ink">It doesn't</td> 625 <td>Start over</td> 626 <td>Re-match, re-train</td> 627 </tr> 628 </tbody> 629 </table> 630 </div> 631 </section> 632 633 634 635 <section class="mt-16 border-y border-hairline md:mt-20"> 636 <div class="mx-auto max-w-col px-4 py-14 sm:px-6 lg:px-10" data-reveal> 637 <p class="field-label">From the offices</p> 638 <h2 class="display-lg mt-4 max-w-3xl">Testimonials from real offices only, and that is the honest answer</h2> 639 <p class="mt-5 max-w-[68ch] text-[16px] leading-7 text-ink-2"> 640 We do not publish invented quotes. An invented quote is worth less than an
641 empty space, so this section carries only testimonials from real offices, 642 with their names on them. 643 </p> 644 <p class="mt-4 max-w-[68ch] text-[16px] leading-7 text-ink-2"> 645 What you can judge today is the design: the agent drafts, nothing leaves your 646 office without your approval, and the price is one flat plan rather than a 647 per-seat meter. The <a href="/how-it-works" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:decoration-stamp">walkthrough</a> 648 shows the shape of it end to end. 649 </p> 650 </div> 651 </section> 652 653 654 <section class="mx-auto max-w-col px-4 pt-16 sm:px-6 md:pt-20 lg:px-10" data-reveal> 655 <p class="field-label">You might be thinking</p> 656 <h2 class="display-lg mt-4 max-w-3xl">Fair questions, straight answers</h2> 657 658 <div class="mt-8 grid gap-4 md:grid-cols-3"> 659 <div class="slip-dashed p-5"> 660 <p class="font-display text-[16.5px] font-bold leading-6 text-ink">"An AI touching my inbox sounds risky."</p> 661 <p class="mt-2 text-[14px] leading-6 text-ink-2">It drafts; it never sends. Every outgoing email, invite and record change waits for a human click, and every approval is logged.</p> 662 </div> 663 <div class="slip-dashed p-5"> 664 <p class="font-display text-[16.5px] font-bold leading-6 text-ink">"We already have ChatGPT."</p> 665 <p class="mt-2 text-[14px] leading-6 text-ink-2">A chat box answers when asked. OfficeAgent notices the work, does it, and follows through. You never copy-paste anything anywhere.</p> 666 </div> 667 <div class="slip-dashed p-5"> 668 <p class="font-display text-[16.5px] font-bold leading-6 text-ink">"My office is too small for this."</p> 669 <p class="mt-2 text-[14px] leading-6 text-ink-2">The Assistant plan exists for exactly one busy inbox and calendar. Most solo founders start there and upgrade when they hire.</p> 670 </div> 671 </div> 672 673 <div class="mt-10"> 674 <details class="group border-b border-hairline py-4"> 675 <summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-display text-[17px] font-bold text-ink"> 676 Will it send anything without me? 677 <span class="flex h-[18px] w-[18px] flex-none items-center justify-center border border-ink-soft bg-card text-[13.5px] leading-none text-ink-soft transition-colors group-open:border-stamp group-open:bg-stamp-wash group-open:text-stamp-deep" style="border-radius:1px" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span> 678 </summary> 679 <p class="mt-3 max-w-[65ch] text-[15px] leading-7 text-ink-2">Never. Everything outgoing waits in your approval queue, and the audit log records who approved what and when. Approval is the product's core design decision, not a setting.</p> 680 </details> 681 <details class="group border-b border-hairline py-4"> 682 <summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-display text-[17px] font-bold text-ink"> 683 Is my data safe? 684 <span class="flex h-[18px] w-[18px] flex-none items-center justify-center border border-ink-soft bg-card text-[13.5px] leading-none text-ink-soft transition-colors group-open:border-stamp group-open:bg-stamp-wash group-open:text-stamp-deep" style="border-radius:1px" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span> 685 </summary> 686 <p class="mt-3 max-w-[65ch] text-[15px] leading-7 text-ink-2">Data is encrypted in transit and at rest, never sold and never used to train models for other customers. Enterprise adds SSO, role-based approvals and a DPA. The details are in the FAQ and privacy policy.</p> 687 </details> 688 <details class="group border-b border-hairline py-4"> 689 <summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-display text-[17px] font-bold text-ink"> 690 Which tools does it connect to?
691 <span class="flex h-[18px] w-[18px] flex-none items-center justify-center border border-ink-soft bg-card text-[13.5px] leading-none text-ink-soft transition-colors group-open:border-stamp group-open:bg-stamp-wash group-open:text-stamp-deep" style="border-radius:1px" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span> 692 </summary> 693 <p class="mt-3 max-w-[65ch] text-[15px] leading-7 text-ink-2">Gmail and Google Workspace, Google Calendar, Outlook and Microsoft 365, Slack, Google Drive, and HubSpot, Pipedrive or Salesforce. Two minutes each, read and draft scopes only.</p> 694 </details> 695 <details class="group border-b border-hairline py-4"> 696 <summary class="flex cursor-pointer list-none items-center justify-between gap-4 font-display text-[17px] font-bold text-ink"> 697 Do I need to train it? 698 <span class="flex h-[18px] w-[18px] flex-none items-center justify-center border border-ink-soft bg-card text-[13.5px] leading-none text-ink-soft transition-colors group-open:border-stamp group-open:bg-stamp-wash group-open:text-stamp-deep" style="border-radius:1px" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span> 699 </summary> 700 <p class="mt-3 max-w-[65ch] text-[15px] leading-7 text-ink-2">No setup projects. It learns your tone from email you have already sent and your conventions from how your drive is organized. Most offices see useful drafts on day one.</p> 701 </details> 702 </div> 703 <p class="mt-6 text-[15px] text-ink-2"> 704 More in the full FAQ: <a href="https://officeagent.ai/faq" class="font-medium text-stamp-deep underline decoration-stamp/40 decoration-2 underline-offset-2 hover:
704decoration-stamp">what can an AI assistant do</a>, accuracy, cancellation and the honest limits. 705 </p> 706 </section> 707 708 709 <div class="mt-16 md:mt-20"> 710 <section class="bg-ink"> 711 <div class="mx-auto max-w-col px-4 py-16 sm:px-6 md:py-20 lg:px-10"> 712 <div class="md:flex md:items-end md:justify-between md:gap-10"> 713 <div class="max-w-2xl"> 714 <h2 class="font-display text-[34px] font-extrabold leading-[1.12] tracking-tight text-paper md:text-[42px]">Hand your back office to OfficeAgent</h2> 715 <p class="mt-5 max-w-xl text-[16px] leading-7 text-paper/75">Create your account, connect your calendar, inbox and drive, and approve the first drafts the same day.</p> 716 </div> 717 <div class="mt-8 flex-none md:mt-0 md:text-right"> 718 <div> 719 <button type="button" onclick="Livewire.dispatch('open-signup', { source: 'home-final' })" 720 class="btn-paper !px-8 !py-3.5"> 721 Get started 722 </button> 723 </div> 724 <p class="mt-4 text-[13.5px] text-paper/50">14-day money-back guarantee</p> 725 </div> 726 </div> 727 </div> 728</section> 729 </div> 730 </main> 731 732 733 <footer class="mt-24 bg-ink text-paper"> 734 <div class="mx-auto grid max-w-col gap-10 px-4 py-14 sm:grid-cols-2 sm:px-6 md:grid-cols-12 lg:px-10"> 735 <div class="md:col-span-6"> 736 <span class="inline-flex min-w-0 items-center gap-2"> 737 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="flex-none"> 738 <rect x="1.5" y="1.5" width="21" height="21" rx="2" stroke="#FBFAF7" stroke-width="2"/> 739 <path d="M6.5 12.5l4 4 7-8.5" stroke="#6A1FD0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/> 740 </svg> 741 <span class="truncate font-display font-extrabold leading-none tracking-tight text-paper" style="font-size:21px">OfficeAgent</span> 742</span> 743 <p class="mt-4 max-w-md text-[14px] leading-6 text-paper/70"> 744 The AI office assistant that runs your back office: scheduling, email, documents, tasks and follow-ups. Drafted by AI, approved by you. 745 </p> 746 <p class="mt-4 text-[13px]"> 747 <a href="/cdn-cgi/l/email-protection#ed9e989d9d829f99ad828b8b848e888c8a888399c38c84" class="text-stamp-wash hover:underline"><span class="__cf_email__" data-cfemail="43303633332c3137032c25252a20262224262d376d222a">[email protected]</span></a> 748 </p> 749 <p class="mt-6 max-w-sm text-[13.5px] leading-6 text-paper/60"> 750 Human approval on every send. Encrypted in transit and at rest. 751 </p> 752 </div> 753 <div class="md:col-span-3"> 754 <p class="text-[14px] font-bold text-paper">Product</p> 755 <ul class="mt-2.5 space-y-0 text-[14px]"> 756 <li><a href="https://officeagent.ai/how-it-works" class="hover:text-stamp-wash">How it works</a></li> 757 <li><a href="https://officeagent.ai/features" class="hover:text-stamp-wash">Office automation software</a></li> 758 <li><a href="https://officeagent.ai/integrations" class="hover:text-stamp-wash">Integrations</a></li> 759 <li><a href="https://officeagent.ai/pricing" class="hover:text-stamp-wash">Pricing</a></li> 760 <li><a href="https://officeagent.ai/faq" class="hover:text-stamp-wash">FAQ</a></li> 761 <li><a href="https://officeagent.ai/blog" class="hover:text-stamp-wash">Blog</a></li> 762 </ul> 763 </div> 764 <div class="md:col-span-3"> 765 <p class="text-[14px] font-bold text-paper">Company</p> 766 <ul class="mt-2.5 space-y-0 text-[14px]"> 767 768 <li><a href="https://officeagent.ai/office/start" class="hover:text-stamp-wash">Create your account</a></li> 769 <li><a href="https://officeagent.ai/login" class="hover:text-stamp-wash">Sign in</a></li> 770 <li><a href="https://officeagent.ai/contact" class="hover:text-stamp-wash">Contact</a></li> 771 <li><a href="https://officeagent.ai/privacy" class="hover:text-stamp-wash">Privacy policy</a></li> 772 <li><a href="https://officeagent.ai/terms" class="hover:text-stamp-wash">Terms of service</a></li> 773 </ul> 774 </div> 775 </div> 776 <div class="border-t border-line"> 777 <div class="mx-auto flex max-w-col flex-col gap-2 px-4 py-5 pb-20 text-[13.5px] text-paper/60 sm:flex-row sm:items-center sm:justify-between sm:px-6 sm:pb-5 lg:px-10">
778 <span>© 2026 OfficeAgent. All rights reserved.</span> 779 <span>Drafted by AI. Approved by you. Executed on time.</span> 780 </div> 781 </div> 782 </footer> 783 </div> 784 </div> 785 786 787 788 <div x-data="{ shown: false }" x-cloak x-show="shown" 789 @scroll.window.passive="shown = window.scrollY > 900" 790 class="fixed inset-x-0 bottom-0 z-30 border-t border-hairline bg-paper py-3 pl-3 pr-20 lg:hidden"> 791 <button type="button" @click="Livewire.dispatch('open-signup', { source: 'mobile-bar' })" class="btn-primary w-full"> 792 Get started 793 </button> 794 </div> 795 796 <div wire:snapshot="{"data":{"oa_hp":"","oa_vf":"eyJpdiI6IlhRN0VDTGROTkEyTmw4NUJlbUdBd0E9PSIsInZhbHVlIjoiNmQvOG5paHZBWm55ejFqQmxjRVJ6Zz09IiwibWFjIjoiMzg5NDFmZjcwYzQyYTc3YmUyYTkyNWYyOWI4MDdhNzdmNDFmNTlhNWJjOTgxN2NhY2E0ZTJmZjFiNDhjMjEzMyIsInRhZyI6IiJ9","show":false,"state":"email","email":"","name":"","code":"","source":"cta","emailError":"","codeError":"","loginError":"","statusMessage":""},"memo":{"id":"hmaXRu8pVxIOiw9bUquG","name":"signup-modal","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"f90eaeedab35b1a7a97968b1a28ec0a7bcb100f92cd89e990b515116e1aea1b4"}" wire:effects="{"listeners":["open-signup","open-login"]}" wire:id="hmaXRu8pVxIOiw9bUquG"> 797 <div x-data="{ get show() { return $wire.show } }" x-show="show" x-cloak 798 class="fixed inset-0 z-50 flex items-end justify-center p-0 sm:items-center sm:p-6" 799 role="dialog" aria-modal="true" aria-label="Sign up for OfficeAgent" 800 @keydown.escape.window="$wire.close()"> 801 802 803 <div class="absolute inset-0 bg-ink/60" wire:click="close"></div> 804 805 <div class="relative w-full max-w-md bg-card" style="border:1px solid #141317; border-radius:2px" 806 x-show="show" x-transition.opacity.duration.150ms> 807 808 809 <div class="flex items-center justify-between border-b border-hairline px-5 py-3.5"> 810 <span class="flex items-center gap-2.5"> 811 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true" class="flex-none"> 812 <rect x="1.5" y="1.5" width="21" height="21" rx="2" stroke="#141317" stroke-width="2"/> 813 <path d="M6.5 12.5l4 4 7-8.5" stroke="#6A1FD0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/> 814 </svg> 815 <span class="font-display text-[17px] font-bold tracking-tight text-ink"> 816 <!--[if BLOCK]><![endif]--> Create your account 817 <!--[if ENDBLOCK]><![endif]--> </span> 818 </span> 819 <button type="button" wire:click="close" class="flex h-8 w-8 items-center justify-center border border-hairline text-ink-soft transition-colors duration-150 hover:border-ink hover:text-ink" style="border-radius:2px" aria-label="Close"> 820 <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" d="M6 6l12 12M18 6L6 18"/></svg> 821 </button> 822 </div> 823 824 <div class="p-6"> 825 826 <!--[if BLOCK]><![endif]--> <p class="text-[15px] leading-6 text-ink-2">Enter your work email and we will send a 4-digit code to confirm it. Then you connect your calendar, inbox and drive.</p> 827 <form wire:submit="submitEmail" class="mt-5 space-y-4"> 828 829 <div class="absolute -left-[9999px] top-0 h-px w-px overflow-hidden" aria-hidden="true"> 830 <label>Leave this field empty <input type="text" wire:model="oa_hp" tabindex="-1" autocomplete="off"></label> 831 </div> 832 <input type="hidden" wire:model="oa_vf"> 833 834 <div> 835 <label for="signup-email" class="text-[13.5px] text-ink-soft">Work email</label> 836 <input id="signup-email" type="email" wire:model="email" required autocomplete="email" placeholder="[email protected]" 837 class="mt-1.5 w-full bg-card px-3.5 py-2.5 text-[14px] text-ink placeholder:text-ink-soft focus:border-stamp focus:ring-2 focus:ring-stamp-wash" style="border:1px solid #141317; border-radius:2px"> 838 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 839 840 <button type="submit" class="btn-primary w-full" wire:loading.attr="disabled">
841 <span wire:loading.remove wire:target="submitEmail">Create your account</span> 842 <span wire:loading wire:target="submitEmail">Setting up…</span> 843 </button> 844 845 <p class="text-center text-[13.5px] text-ink-soft">Human approval on every send</p> 846 <p class="text-center text-[13px] text-ink-soft"> 847 Already have an account? 848 <button type="button" wire:click="$set('state', 'login')" class="font-medium text-stamp-deep underline decoration-2 underline-offset-2">Log in</button> 849 </p> 850 </form> 851 852 853 <!--[if ENDBLOCK]><![endif]--> </div> 854 </div> 855 </div> 856</div>
vendor: 114 bytes, lines 856-858
856 857 858 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
858<script> 859 // Fire the confirmed signup as the conversion goal across whatever tags are 860 // installed. The Livewire modal dispatches 'signup-confirmed'. 861 document.addEventListener('livewire:init', function () { 862 Livewire.on('signup-confirmed', function () { 863 try { if (window.uetq) window.uetq.push('event', 'signup', { event_category: 'conversion' }); } catch (e) {} 864 try { if (window.gtag) window.gtag('event', 'sign_up', { event_category: 'conversion' }); } catch (e) {} 865 try { if (window.clarity) window.clarity('set', 'signup', 'true'); } catch (e) {} 866 try { (window.dataLayer = window.dataLayer || []).push({ event: 'signup' }); } catch (e) {} 867 }); 868 }); 869</script>
869 870
870<script src="/livewire/livewire.min.js?id=e949cd11" data-csrf="SpI8XSi0jw6ih0M3YKWV603XsNFaSjxJColirmm2" data-update-uri="/livewire/update" data-navigate-once="true"></script>
870 871 872
872<script src="https://inchat.ai/widget.js" data-website-id="116" defer></script>
872 873 874 </body> 875</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.