1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth" data-theme="cupcake"> 3 4<head> 5 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-RX0TZE7LJD
vendor: 14 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 140 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 12 gtag('config', '
12G-RX0TZE7LJD
vendor: 6 bytes, lines 12-13
12'); 13
13</script>
13 14 <link rel="canonical" href="https://www.automagicalapps.com/nudge" /> 15 <meta charset="utf-8" /> 16 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 17 <meta name="description" 18 content="Automagical Nudge allows Gmail users to easily create email sequences for automated follow-ups and set unlimited reminders for any inbound or outbound email, boosting productivity and ensuring no message is missed."> 19 <meta name="keywords" 20 content="Google Workspace, Google Workspace Extensions, Gmail email sequences, Email Reminders Gmail, Automated follow-ups, Email automation, Gmail productivity tool, Mail merge alternative, Email nudge, CRM for Gmail, QuickBooks integration, Stripe integration, email sequences, inbox monitor, AI email automation" /> 21 <meta name="author" content="Automagical Apps" /> 22 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 23 <meta name="theme-color" content="#4f46e5" /> 24 25 <!-- Open Graph / Facebook --> 26 <meta property="og:type" content="website" /> 27 <meta property="og:url" content="https://www.automagicalapps.com/nudge" /> 28 <meta property="og:title" content="Automagical Nudge - Email Sequences, Automated Follow-ups & Reminders for Gmail" /> 29 <meta property="og:description" content="Automagical Nudge allows Gmail users to easily create email sequences for automated follow-ups and set unlimited reminders for any inbound or outbound email, boosting productivity and ensuring no message is missed." /> 30 <meta property="og:image" content="https://www.automagicalapps.com/assets/img/logo.png" /> 31 <meta property="og:site_name" content="Automagical Apps" /> 32 33 <!-- Twitter --> 34 <meta name="twitter:card" content="summary_large_image" /> 35 <meta name="twitter:url" content="https://www.automagicalapps.com/nudge" /> 36 <meta name="twitter:title" content="Automagical Nudge - Email Sequences, Automated Follow-ups & Reminders for Gmail" /> 37 <meta name="twitter:description" content="Automagical Nudge allows Gmail users to easily create email sequences for automated follow-ups and set unlimited reminders for any inbound or outbound email, boosting productivity and ensuring no message is missed." /> 38 <meta name="twitter:image" content="https://www.automagicalapps.com/assets/img/logo.png" /> 39 40 <title>Automagical Nudge - Email Sequences, Automated Follow-ups & Reminders for Gmail</title> 41 42
42<script src="https://cdn.tailwindcss.com"></script>
42 43 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" /> 44 45
45<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
45 46 47
47<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
47 48 49
49<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js" 50 integrity="sha512-37T7leoNS06R80c8Ulq7cdCDU5MNQBwlYoy1TX/WUsLFC2eYNqtKlV0QjH7r8JpG/S0GUMZwebnVFLPd6SU5yg==" 51 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
51 52
52<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
52 53 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" /> 54 55 <link rel="preconnect" href="https://fonts.googleapis.com" /> 56 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 57 <style> 58 html { 59 font-size: 90%; 60 } 61 </style> 62 <link 63 href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" 64 rel="stylesheet" /> 65 66 <link rel="shortcut icon" href="../assets/img/favicon-flows.ico" /> 67
67<script> 68 tailwind.config = { 69 theme: { 70 extend: { 71 fontFamily: { 72 sans: ["Manrope", "sans-serif"], 73 display: ["Space Grotesk", "sans-serif"], 74 }, 75 }, 76 }, 77 // We must add DaisyUI as a plugin for Tailwind 78 plugins: [require('daisyui')], 79 // Configure DaisyUI theme 80 daisyui: { 81 themes: ["cupcake"], // Set 'cupcake' as the default 82 }, 83 }; 84 </script>
84 85 86<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"> 87 88
88<script type="application/ld+json"> 89 { 90 "@context": "https://schema.org", 91 "@type": "WebPage", 92 "name": "Automagical Nudge - Email Sequences & Reminders for Gmail", 93 "url": "https://www.automagicalapps.com/nudge", 94 "description": "Automagical Nudge allows Gmail users to easily create email sequences for automated follow-ups and set unlimited reminders for any inbound or outbound email, boosting productivity and ensuring no message is missed.", 95 "datePublished": "2026-01-27", 96 "dateModified": "2026-01-27", 97 "publisher": { 98 "@type": "Organization", 99 "name": "Automagical Apps", 100 "url": "https://www.automagicalapps.com", 101 "logo": { 102 "@type": "ImageObject", 103 "url": "https://www.automagicalapps.com/assets/img/logo.png" 104 }, 105 "sameAs": [ 106 "https://www.linkedin.com/company/unicorn-magic", 107 "https://x.com/UnicornMagicApp", 108 "https://www.youtube.com/@LoveAutomagicalApps" 109 ] 110 }, 111 "mainEntity": { 112 "@type": "SoftwareApplication", 113 "name": "Automagical Nudge", 114 "url": "https://www.automagicalapps.com/nudge", 115 "description": "Gmail add-on for email sequences, follow-ups, reminders, and QuickBooks/Stripe in inbox. By Automagical Apps.", 116 "applicationCategory": "ProductivityApplication", 117 "operatingSystem": "Google Workspace, Gmail", 118 "offers": { 119 "@type": "Offer", 120 "price": "0", 121 "priceCurrency": "USD" 122 } 123 } 124 } 125 </script>
125 126
126<script type="application/ld+json"> 127 { 128 "@context": "https://schema.org", 129 "@type": "FAQPage", 130 "mainEntity": [ 131 { 132 "@type": "Question", 133 "name": "Do you offer discounted rates?", 134 "acceptedAnswer": { "@type": "Answer", "text": "Of course! Reach out to [email protected] for more information. We offer heavily discounted licenses for public sector, schools, and non profits, as well as significant discounts for bulk licensing and if you purchase multiple products, or sign a multi-year agreement." } 135 }, 136 { 137 "@type": "Question", 138 "name": "How do you approach privacy & security?", 139 "acceptedAnswer": { "@type": "Answer", "text": "We are FERPA & COPPA compliant, and we retain no PII for our enterprise/school customers. Any data that is transmitted on our network (in transit or in rest) is encrypted. We do not believe in storing or selling data as a core principle. All of our servers that run our add-ons are hosted with Google." } 140 }, 141 { 142 "@type": "Question", 143 "name": "How can I manage my subscription?", 144 "acceptedAnswer": { "@type": "Answer", "text": "Simply go to our member portal at http://portal.automagicalapps.com to cancel your subscription if you have an active license." } 145 }, 146 { 147 "@type": "Question", 148 "name": "How do I use Slides Translator?", 149 "acceptedAnswer": { "@type": "Answer", "text": "You can find an instructional video on how to use Slides Translator here: https://www.loom.com/share/5aa4c37a32424030abe6984a0e733f1c" } 150 }, 151 { 152 "@type": "Question", 153 "name": "How do I get started?", 154 "acceptedAnswer": { "@type": "Answer", "text": "Here are our quick instructional videos: <ul><li>How to install any of our apps - https://www.loom.com/share/e85902b0af2c49388cf210f3ea80a813?sid=25d1651d-8a71-4482-8b92-05e2763f4226</li><li>A Quick intro to our Translation Suite - https://www.loom.com/share/6a0743684a3f410b8924c190e676019a?sid=844f6287-5f69-475d-a1d2-444f3406e622</li><li>How to use Slides Translator - https://www.loom.com/share/5aa4c37a32424030abe6984a0e733f1c</li><li>How to use Automagical Forms - https://www.loom.com/share/e32efdcf1e574efba2e639ddab456b2e</li></ul>" } 155 }, 156 { 157 "@type": "Question", 158 "name": "I installed or purchased an app, but I don't see it?", 159 "acceptedAnswer": { "@type": "Answer", "text": "Just ensure that you are logged in as the same Google account that you installed or bought your automagical app with. Often, many people have many Google accounts. Watch this 2 minute video explainer: https://www.loom.com/share/625bfe1423a743639c7abcfe21f93064" } 160 }, 161 { 162 "@type": "Question", 163 "name": "Is Nudge free to start?", 164 "acceptedAnswer": { "@type": "Answer", "text": "We would love to partner with you. Just reach out to [email protected] and tell us which app you're interested in, and someone will reach out to help you kick off a 1 week free pilot of any of our apps for your organization." } 165 }, 166 { 167 "@type": "Question", 168 "name": "How do I use Automagical Forms?", 169 "acceptedAnswer": { "@type": "Answer", "text": "You can find an instructional video on how to use Automagical Forms here: https://www.loom.com/share/e32efdcf1e574efba2e639ddab456b2e" } 170 } 171 ] 172 } 173 </script>
173 174 175 <!-- MailerLite Universal --> 176
176<script> 177 (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[]) 178 .push(arguments);},l=d.createElement(e),l.async=1,l.src=u, 179 n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);}) 180 (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml'); 181 ml('account', '2067227'); 182 </script>
182 183 <!-- End MailerLite Universal --> 184</head> 185 186<body class="bg-base-100 font-sans text-base-content antialiased"> 187 <div class="flex min-h-screen flex-col"> 188 189 <header id="site-header" class="absolute inset-x-0 top-0 z-50" x-data="{ open: false, dropdown: '' }"> 190 <noscript><div class="bg-gradient-to-r from-pink-500 to-violet-600 text-white text-center py-2 text-sm"><a href="/" class="text-white underline">Home</a> | <a href="/app/pricing" class="text-white underline">Pricing</a> | <a href="#contact-sales" class="text-white underline">Contact</a></div></noscript> 191 <!-- Header loaded by /assets/js/load-header-footer.js --> 192 </header> 193 194 <main class="flex-grow"> 195 <div id="sticky-product-cta" class="fixed bottom-24 right-6 z-40 flex flex-col gap-2 opacity-0 pointer-events-none transition-all duration-300 translate-y-2" aria-hidden="true"> 196 <a href="https://chromewebstore.google.com/detail/automagical-nudge/dcedcbkogfnegennlbahojfpodapjbkl" target="_blank" rel="noopener noreferrer" class="btn btn-secondary btn-sm shadow-lg">Chrome Extension</a> 197 <a href="https://workspace.google.com/marketplace/app/automagical_nudge/792902431116?flow_type=2" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm shadow-lg">Mobile Add-on</a> 198 <a href="/nudge-faq" class="btn btn-accent btn-sm shadow-lg">Nudge FAQ</a> 199 <a href="#contact-sales" class="btn btn-outline btn-sm shadow-lg">Contact Sales</a> 200 </div> 201 202 <section id="product-hero" class="relative bg-base-200/50 pt-48 lg:pt-52"> 203 <div class="container mx-auto px-6 lg:px-8"> 204 <div class="grid items-center gap-12 pb-16 pt-12 md:grid-cols-2 lg:pb-10"> 205 <div class="text-center lg:text-left"> 206 <h1 class="font-display text-4xl font-bold tracking-tight text-base-content sm:text-5xl lg:text-6xl"> 207 Email Followups, Invoicing, and Reminders 208 <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">built inside 209 Gmail</span> 210 </h1> 211 <p class="mt-6 text-lg leading-8 text-base-content/70"> 212 Power your Gmail Inbox with AI that can followup emails, catch missed actions, and more! 213 </p> 214 <p class="mt-4 flex flex-wrap items-center gap-2 text-sm"> 215 <span class="flex items-center gap-1.5 font-semibold text-base-content/90"><i class="uil uil-feather text-primary text-base" aria-hidden="true"></i> â Perfect For:</span> 216 <span class="rounded-full bg-violet-100 px-3 py-0.5 text-xs font-medium text-violet-800">RevOps</span> 217 <span class="rounded-full bg-pink-100 px-3 py-0.5 text-xs font-medium text-pink-800">Sales</span> 218 <span class="rounded-full bg-cyan-100 px-3 py-0.5 text-xs font-medium text-cyan-800">Invoicing & Finance</span> 219 <span class="rounded-full bg-amber-100 px-3 py-0.5 text-xs font-medium text-amber-800">Customer Success</span> 220 </p> 221 <div class="mt-10 flex flex-col items-center gap-4 lg:items-start"> 222 <div class="flex flex-col items-center gap-3 sm:flex-row"> 223 <a href="https://chromewebstore.google.com/detail/automagical-nudge/dcedcbkogfnegennlbahojfpodapjbkl" 224 target="_blank" rel="noopener noreferrer" class="btn btn-secondary"> 225 Download the Chrome Extension 226 </a> 227 <span class="text-sm text-base-content/70">(For desktop use <u>only</u>)</span> 228 </div> 229 <div class="flex flex-col items-center gap-3 sm:flex-row"> 230 <a href="https://workspace.google.com/marketplace/app/automagical_nudge/792902431116?flow_type=2" 231 target="_blank" rel="noopener noreferrer" class="btn btn-primary"> 232 Download the Mobile Add-on 233 </a> 234 <span class="text-sm text-base-content/70">(for mobile use in Gmail App <u>only</u>)</span> 235 </div> 236 237 <div class="mt-2"> 238 <a href="/nudge-faq" class="btn btn-accent"> 239 Read Nudge FAQ 240 </a> 241 </div> 242 243 <div class="mt-2"> 244 <a href="#contact-sales" class="btn btn-outline"> 245 Contact Sales 246 </a> 247 </div> 248 249 </div> 250 </div> 251 <div class="overflow-hidden rounded-xl shadow-2xl"> 252 <div style="position: relative; padding-bottom: 56.25%; height: 0"> 253 <div style="position: relative; padding-bottom: 62.5%; height: 0;"> 254 <div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/3d70c87532d54721b0c2c2558a572d54" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div> 255 </div> 256 </div> 257 </div> 258 </div> 259 </div> 260 <div class="overflow-hidden"> 261 <svg class="h-auto w-full text-base-100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" 262 fill="currentColor" preserveAspectRatio="none"> 263 <polygon points="1440 100 0 100 0 85 1440 0 1440 100" /> 264 </svg> 265 </div> 266 </section> 267 268 <section class="bg-neutral text-neutral-content py-24 sm:py-32"> 269 <div class="container mx-auto px-6 lg:px-8">
270 <div class="stats stats-vertical lg:stats-horizontal shadow-lg w-full"> 271 <div class="stat"> 272 <div class="stat-value">160 Million</div> 273 <div class="stat-title ">Installs Globally</div> 274 </div> 275 <div class="stat"> 276 <div class="stat-value">5</div> 277 <div class="stat-title ">Years as a Google partner</div> 278 </div> 279 <div class="stat"> 280 <div class="stat-value">50,000+</div> 281 <div class="stat-title">Supported Schools & Businesses</div> 282 </div> 283 <div class="stat"> 284 <div class="stat-value">100,000+</div> 285 <div class="stat-title ">Hours saved</div> 286 </div> 287 </div> 288 </div> 289 </section> 290 291 <section class="py-24 sm:py-32"> 292 <div class="container mx-auto px-6 lg:px-8"> 293 <div class="mx-auto max-w-3xl text-center"> 294 <h2 class="badge badge-primary badge-lg text-sm font-semibold uppercase leading-7 tracking-wide"> 295 ⨠App Features 296 </h2> 297 <h3 class="mt-4 font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 298 Close deals and 299 <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">get paid faster with Nudge </span> 300 </h3> 301 </div> 302 <div class="mx-auto mt-16 grid max-w-none grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4"> 303 <div class="text-center"> 304 <div class="avatar placeholder"> 305 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 306 <i class="uil uil-envelope-send text-4xl text-primary"></i> 307 </div> 308 </div> 309 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Email sequences</b> that auto-followup if no reply. Schedule down to the minute.</h4> 310 </div> 311 <div class="text-center"> 312 <div class="avatar placeholder"> 313 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 314 <i class="uil uil-robot text-4xl text-secondary"></i> 315 </div> 316 </div> 317 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Inbox Monitor</b> finds and summarizes missed emailsâautomatically.</h4> 318 </div> 319 <div class="text-center"> 320 <div class="avatar placeholder"> 321 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 322 <i class="uil uil-bell text-4xl text-accent"></i> 323 </div> 324 </div> 325 <h4 class="mt-5 text-lg font-semibold text-base-content">Set <b>reminders</b> on any email to nudge yourself if no reply.</h4> 326 </div> 327 <div class="text-center"> 328 <div class="avatar placeholder"> 329 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 330 <i class="uil uil-bolt text-4xl text-info"></i> 331 </div> 332 </div> 333 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>AI-generated nudges</b> that summarize messages and personalize by name.</h4> 334 </div> 335 <div class="text-center"> 336 <div class="avatar placeholder"> 337 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 338 <i class="uil uil-money-bill text-4xl text-success"></i> 339 </div> 340 </div> 341 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>QuickBooks</b> integration to create customers, estimates, and invoices.</h4> 342 </div> 343 <div class="text-center"> 344 <div class="avatar placeholder"> 345 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 346 <i class="uil uil-chart-line text-4xl text-warning"></i> 347 </div> 348 </div> 349 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Visual analytics</b> built right into Gmail to show your outbound stats, success rate, and more.</h4> 350 </div> 351 <div class="text-center"> 352 <div class="avatar placeholder"> 353 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 354 <i class="uil uil-users-alt text-4xl text-error"></i> 355 </div> 356 </div> 357 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Bulk nudge</b> multiple threads at once to attach a Nudge template to many threads at once</h4> 358 </div> 359 <div class="text-center"> 360 <div class="avatar placeholder"> 361 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 362 <i class="uil uil-mobile-android text-4xl text-base-content/70"></i> 363 </div> 364 </div> 365 <h4 class="mt-5 text-lg font-semibold text-base-content">Works in the <b>Gmail mobile app</b>. Set, customize nudges and reminders from the Gmail mobile app.</h4> 366 </div> 367 <div class="text-center"> 368 <div class="avatar placeholder"> 369 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 370 <i class="uil uil-credit-card text-4xl text-primary"></i> 371 </div> 372 </div> 373 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Stripe integration</b> shows customer intelligence directly in Gmail.</h4> 374 </div> 375 <div class="text-center"> 376 <div class="avatar placeholder"> 377 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 378 <i class="uil uil-eye text-4xl text-secondary"></i> 379 </div> 380 </div> 381 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Team Mode</b> lets teams share templates, nudges, stats, and best practices.</h4> 382 </div> 383 <div class="text-center"> 384 <div class="avatar placeholder"> 385 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 386 <i class="uil uil-heartbeat text-4xl text-accent"></i> 387 </div> 388 </div> 389 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Nudge Pulse</b> keeps unresponded sequences active with monthly pulses.</h4> 390 </div> 391 <div class="text-center"> 392 <div class="avatar placeholder"> 393 <div class="bg-base-200 w-20 h-20 rounded-lg flex items-center justify-center"> 394 <i class="uil uil-sync text-4xl text-info"></i> 395 </div> 396 </div> 397 <h4 class="mt-5 text-lg font-semibold text-base-content"><b>Automate invoice renewals</b> with pre/during/post renewal nudges.</h4> 398 </div> 399 </div> 400 </div> 401 </section> 402 403 <section class="bg-base-200 py-24 sm:py-32"> 404 <div class="container mx-auto px-6 lg:px-8"> 405 <div class="mx-auto max-w-3xl text-center"> 406 <h2 class="font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 407 ð How <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">Automagical Nudge 408 Works</span> 409 </h2> 410 <p class="mt-6 text-lg leading-7 text-base-content/70"> 411 Automagical Nudge makes it simple to automate follow-ups and set reminders. It's a powerful tool for your 412 daily email workflow, regardless of whether you're using it on desktop or mobile. 413 </p> 414 </div> 415 <div class="mx-auto mt-16 grid max-w-none grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-4"> 416 417 <div class="flex flex-col items-center text-center"> 418 <div class="avatar placeholder"> 419 <div class="bg-primary text-primary-content w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold"> 420 1 421 </div> 422 </div> 423 <h4 class="mt-5 text-lg font-semibold text-base-content">Install the Add-on or Extension</h4> 424 <p class="mt-2 text-base text-base-content/70"> 425 Install the <a 426 href="https://chromewebstore.google.com/detail/automagical-nudge/dcedcbkogfnegennlbahojfpodapjbkl" 427 target="_blank" class="link link-hover font-semibold text-primary">Chrome extension</a> <br>(or the <a 428 href="https://workspace.google.com/marketplace/app/automagical_nudge/792902431116?flow_type=2" 429 target="_blank" class="link link-hover font-semibold text-primary">Gmail add-on</a> if using it on the Gmail Mobile app) 430 </p> 431 </div> 432 433 <div class="flex flex-col items-center text-center"> 434 <div class="avatar placeholder"> 435 <div class="bg-secondary text-secondary-content w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold"> 436 2 437 </div> 438 </div> 439 <h4 class="mt-5 text-lg font-semibold text-base-content">Connect to Your Gmail</h4> 440 <p class="mt-2 text-base text-base-content/70"> 441 Once installed, click the Nudge icon in your Gmail sidebar and click <strong>"Connect to 442 Gmail"</strong>. 443 </p> 444 </div> 445 446 <div class="flex flex-col items-center text-center"> 447 <div class="avatar placeholder"> 448 <div class="bg-accent text-accent-content w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold"> 449 3 450 </div> 451 </div> 452 <h4 class="mt-5 text-lg font-semibold text-base-content">Get Started in a Minute</h4> 453 <p class="mt-2 text-base text-base-content/70"> 454 Start quickly with our default <strong>email sequence templates</strong>, or create your own reusable 455 templates. 456 </p> 457 </div> 458 459 <div class="flex flex-col items-center text-center"> 460 <div class="avatar placeholder"> 461 <div class="bg-info text-info-content w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold"> 462 4 463 </div> 464 </div> 465 <h4 class="mt-5 text-lg font-semibold text-base-content">Set Nudges / Reminders in One Click</h4> 466 <p class="mt-2 text-base text-base-content/70"> 467 Attach a email sequence or reminder to any messageâworks on <strong>inbound or outbound</strong> emails. 468 </p> 469 </div> 470 </div> 471 </div> 472 </section> 473 474 475 <div class="py-12 bg-base-100"> 476 <div class="container mx-auto px-6 lg:px-8 max-w-7xl"> 477 <div class="mx-auto text-center"> 478 <h3 class="font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl">
479 <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">Attaching AI Generated Followups</span> is easy 480 </h3><br> 481 <div class="shadow-2xl rounded-xl overflow-hidden border border-base-300"> 482 <video 483 src="../assets/img/photos/an3.mp4" 484 class="w-full h-auto object-cover" 485 loop 486 muted 487 autoplay 488 playsinline 489 title="Automagical Nudge features, sequences, and reminders" 490 ></video> 491 </div> 492 </div> 493 </div> 494 </div> 495 496 <section class="overflow-hidden py-24 sm:py-32"> 497 <div class="container mx-auto px-6 lg:px-8"> 498 <div class="grid grid-cols-1 items-center gap-x-16 gap-y-10 lg:grid-cols-2"> 499 <div> 500 <img class="w-full rounded-2xl shadow-2xl" src="../assets/img/photos/an1.gif" 501 alt="Screenshot of Automagical Nudge email sequences interface" /> 502 </div> 503 <div> 504 <h3 class="font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 505 <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">Email Sequences and Reminders</span> on compose, sent or received email. 506 </h3> 507 <p class="mt-6 text-lg leading-7 text-base-content/70"> 508 Automagical Nudge helps you <strong>stay on top of conversations</strong> by letting you create and track 509 personalized sequences directly in Gmail. Nudges can be <strong>edited on the fly</strong>, attached 510 while composing, after sending, or even after receiving a message. 511 </p> 512 <ul class="mt-8 list-none space-y-4"> 513 <li class="flex gap-3"> 514 <i class="uil uil-arrow-right text-2xl flex-none text-primary"></i> 515 <span class="text-base-content/70">Single click <strong>automate follow-ups</strong> that stop on reply</span> 516 </li> 517 <li class="flex gap-3"> 518 <i class="uil uil-edit text-2xl flex-none text-secondary"></i> 519 <span class="text-base-content/70">Set nudges while composing or <strong>after recieving, or sending</strong></span> 520 </li> 521 <li class="flex gap-3"> 522 <i class="uil uil-setting text-2xl flex-none text-accent"></i> 523 <span class="text-base-content/70">Create <strong>reusable templates</strong> for any use case, and nudge with AI </span> 524 </li> 525 <li class="flex gap-3"> 526 <i class="uil uil-mobile-android text-2xl flex-none text-info"></i> 527 <span class="text-base-content/70">Works <strong>in the Gmail mobile app</strong></span> 528 </li> 529 </ul> 530 </div> 531 </div> 532 </div> 533 </section> 534 535 <section class="overflow-hidden py-24 sm:py-32"> 536 <div class="container mx-auto px-6 lg:px-8"> 537 <div class="grid grid-cols-1 items-center gap-x-16 gap-y-10 lg:grid-cols-2"> 538 <div class="lg:order-2"> 539 <img class="w-full rounded-2xl shadow-2xl" src="../assets/img/photos/an2.gif" 540 alt="Screenshot of Automagical Nudge email reminders feature" /> 541 </div> 542 <div class="lg:order-1"> 543 <h3 class="font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 544 Track everything <span 545 class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">with the Dashboard and Inbox Monitor</span> 546 </h3> 547 <p class="mt-6 text-lg leading-7 text-base-content/70"> 548 Either create your own email reminders if something wasn't replied to, track all nudges and reminders in the Dashboard, or simply rely on Inbox Monitor that reads your email and catches notes you forgot about! 549 </p> 550 <ul class="mt-8 list-none space-y-4"> 551 <li class="flex gap-3"> 552 <i class="uil uil-clock-three text-2xl flex-none text-primary"></i>
553 <span class="text-base-content/70"><strong>Create unlimited reminders</strong> for any single 554 email</span> 555 </li> 556 <li class="flex gap-3"> 557 <i class="uil uil-comment-alt-message text-2xl flex-none text-secondary"></i> 558 <span class="text-base-content/70">Receive reminders across Gmail, Google Calendar, Slack, and 559 more</span> 560 </li> 561 <li class="flex gap-3"> 562 <i class="uil uil-chart-bar text-2xl flex-none text-accent"></i> 563 <span class="text-base-content/70">Track everything <strong>right inside of Gmail</strong></span> 564 </li> 565 <li class="flex gap-3"> 566 <i class="uil uil-eye text-2xl flex-none text-info"></i> 567 <span class="text-base-content/70"><strong>Inbox Monitor uses AI</strong> to catch missed action items in your inbox in the last 30 days</span> 568 </li> 569 </ul> 570 </div> 571 </div> 572 </div> 573 </section> 574 575 <section class="bg-gradient-to-br from-primary/10 via-secondary/5 to-accent/10 py-24 sm:py-32"> 576 <div class="container mx-auto px-6 lg:px-8"> 577 <div class="mx-auto max-w-5xl"> 578 <div class="overflow-hidden rounded-xl shadow-2xl border border-base-300 mb-16"> 579 <video class="w-full h-auto" src="./assets/img/photos/qbomp4.mp4" autoplay loop muted playsinline title="Automagical Nudge and QuickBooks"></video> 580 </div> 581 <div class="text-center mb-16"> 582 <h2 class="font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl mb-4"> 583 <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">Customer Intelligence</span> Right in Your Inbox 584 </h2> 585 <p class="text-lg leading-7 text-base-content/70 max-w-3xl mx-auto"> 586 Connect Stripe and QuickBooks to Gmail and see customer data instantly when you open any email. Automate customer relations, invoice renewals, and moreâall without leaving Gmail. 587 </p> 588 </div> 589 590 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12"> 591 <div class="card bg-base-100 shadow-xl border border-primary/20"> 592 <div class="card-body"> 593 <div class="flex items-center gap-4 mb-4"> 594 <div class="bg-primary/10 p-3 rounded-lg"> 595 <i class="uil uil-credit-card text-3xl text-primary"></i> 596 </div> 597 <h3 class="text-xl font-bold text-base-content">Stripe Integration</h3> 598 </div> 599 <p class="text-base-content/70 mb-4"> 600 Connect your Stripe account and instantly see customer subscription status, payment history, lifetime value, and moreâright in Gmail when you open any customer email. 601 </p> 602 <ul class="space-y-2 text-sm text-base-content/70"> 603 <li class="flex items-start gap-2"> 604 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i> 605 <span>View customer subscription details and payment history</span> 606 </li> 607 <li class="flex items-start gap-2"> 608 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i> 609 <span>Automate invoice renewal communications</span> 610 </li> 611 <li class="flex items-start gap-2"> 612 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i> 613 <span>Track customer lifetime value and engagement</span> 614 </li> 615 </ul> 616 </div> 617 </div> 618 619 <div class="card bg-base-100 shadow-xl border border-secondary/20"> 620 <div class="card-body"> 621 <div class="flex items-center gap-4 mb-4"> 622 <div class="bg-secondary/10 p-3 rounded-lg"> 623 <i class="uil uil-invoice text-3xl text-secondary"></i> 624 </div> 625 <h3 class="text-xl font-bold text-base-content">QuickBooks Integration</h3> 626 </div> 627 <p class="text-base-content/70 mb-4"> 628 Link QuickBooks to Gmail and access customer financial data, invoice history, and account status directly from your inbox. Create customers, estimates, and invoices without switching apps. 629 </p> 630 <ul class="space-y-2 text-sm text-base-content/70"> 631 <li class="flex items-start gap-2"> 632 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i>
633 <span>See customer invoice history and account balance</span> 634 </li> 635 <li class="flex items-start gap-2"> 636 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i> 637 <span>Create customers, estimates, and invoices from Gmail</span> 638 </li> 639 <li class="flex items-start gap-2"> 640 <i class="uil uil-check-circle text-success text-lg mt-0.5"></i> 641 <span>Automate follow-ups for overdue invoices</span> 642 </li> 643 </ul> 644 </div> 645 </div> 646 </div> 647 648 <div class="card bg-base-100 shadow-2xl border-2 border-primary/30"> 649 <div class="card-body p-8"> 650 <div class="flex flex-col md:flex-row items-center gap-6"> 651 <div class="flex-shrink-0"> 652 <div class="bg-gradient-to-br from-primary to-secondary p-4 rounded-2xl"> 653 <i class="uil uil-automation text-5xl text-white"></i> 654 </div> 655 </div> 656 <div class="flex-grow text-center md:text-left"> 657 <h3 class="text-2xl font-bold text-base-content mb-3"> 658 Automate Customer Relations & Invoice Renewals 659 </h3> 660 <p class="text-base-content/70 mb-4"> 661 Use Nudge sequences to automate customer communications throughout the entire lifecycle. Send pre-renewal reminders, follow up during renewal periods, and re-engage post-renewalâall automatically triggered by your Stripe or QuickBooks data. 662 </p> 663 <div class="flex flex-wrap gap-3 justify-center md:justify-start"> 664 <span class="badge badge-primary badge-lg">Pre-renewal nudges</span> 665 <span class="badge badge-secondary badge-lg">Renewal reminders</span> 666 <span class="badge badge-accent badge-lg">Post-renewal follow-ups</span> 667 <span class="badge badge-info badge-lg">Overdue invoice automation</span> 668 </div> 669 </div> 670 </div> 671 </div> 672 </div> 673 </div> 674 </div> 675 </section> 676 677 <section class="bg-base-200 py-24 sm:py-32"> 678 <div class="container mx-auto px-6 lg:px-8"> 679 <div class="mx-auto max-w-3xl text-center"> 680 681 <i class="uil uil-question-circle text-6xl text-primary"></i> 682 683 <h2 class="mt-6 font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 684 Have Questions About Nudge? 685 </h2> 686 687 <p class="mt-6 text-lg leading-8 text-base-content/70"> 688 We've got a dedicated help center just for Automagical Nudge. Find tutorials, troubleshooting tips, and answers to all your questions. 689 </p> 690 691 <div class="mt-10 flex flex-wrap justify-center gap-4"> 692 <a href="/nudge-faq" 693 class="btn btn-primary btn-lg shadow-lg transition-transform hover:-translate-y-0.5"> 694 ð¡ Visit the Nudge FAQ 695 </a> 696 </div> 697 </div> 698 </div> 699 </section> 700 701 702 <section id="getting-started-video" class="py-24 sm:py-32 bg-base-200/50"> 703 <div class="container mx-auto px-6 lg:px-8"> 704 <div class="mx-auto max-w-4xl text-center"> 705 <h2 class="text-base font-semibold uppercase leading-7 tracking-wide text-primary">Video Tutorial</h2> 706 <h3 class="mt-4 font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 707 Nudge full walkthrough and <span class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">getting started</span> 708 </h3> 709 <p class="mt-4 text-lg leading-7 text-base-content/70"> 710 Watch the complete tutorial to install Nudge, attach sequences and reminders, and get the most out of Gmail follow-ups. 711 </p> 712 </div> 713 <div class="mx-auto mt-12 max-w-5xl"> 714 <div class="aspect-video w-full rounded-2xl overflow-hidden shadow-2xl border border-base-200"> 715 <iframe src="https://www.loom.com/embed/d9c717a636c94f90a00fc53afdbff9a7" frameborder="0" 716 webkitallowfullscreen mozallowfullscreen allowfullscreen class="w-full h-full" title="Nudge full walkthrough and tutorial"></iframe> 717 </div> 718 <p class="mt-4 text-center"> 719 <a href="/nudge-faq#video-tutorials" class="link link-primary font-semibold">More video tutorials (Chrome extension & mobile)</a> 720 </p> 721 </div> 722 </div> 723 </section> 724 725 <!-- <section id="faq" class="py-24 sm:py-32"> 726 <div class="container mx-auto px-6 lg:px-8"> 727 <div class="card card-compact bg-base-100 shadow-2xl mx-auto mb-24 w-full max-w-5xl overflow-hidden"> 728 <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> 729 <iframe 730 style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 731 src="https://www.youtube.com/embed/NT7u8m_K0kw?si=x38PMjixWoJRfHaU" 732 title="YouTube video player" 733 frameborder="0" 734 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
735 referrerpolicy="strict-origin-when-cross-origin" 736 allowfullscreen> 737 </iframe> 738 </div> 739 </div> 740 741 <div class="mx-auto max-w-4xl"> 742 <div class="text-center"> 743 <h2 class="text-base font-semibold uppercase leading-7 tracking-wide text-primary">FAQ</h2> 744 <h3 class="mt-2 font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 745 The most common <span 746 class="bg-gradient-to-r from-pink-500 to-violet-600 bg-clip-text text-transparent">questions</span> 747 that we receive. 748 </h3> 749 </div> 750 <div class="join join-vertical mt-16 w-full"> 751 752 <div class="collapse collapse-arrow join-item border-base-300 border"> 753 <input type="radio" name="faq-accordion" checked="checked" /> 754 <div class="collapse-title text-lg font-semibold text-base-content"> 755 Do you offer discounted rates? 756 </div> 757 <div class="collapse-content"> 758 <p class="text-base text-base-content/70"> 759 Of course! Reach out to [email protected] for more information. We offer heavily 760 discounted licenses for public sector, schools, and non profits, as well as significant 761 discounts for bulk licensing and if you purchase multiple products, or sign a multi-year 762 agreement. 763 </p> 764 </div> 765 </div> 766
767 <div class="collapse collapse-arrow join-item border-base-300 border"> 768 <input type="radio" name="faq-accordion" /> 769 <div class="collapse-title text-lg font-semibold text-base-content"> 770 How do you approach privacy & security? 771 </div> 772 <div class="collapse-content"> 773 <p class="text-base text-base-content/70"> 774 We are FERPA & COPPA compliant, and we retain no PII for our enterprise/school customers. Any 775 data that is transmitted on our network (in transit or in rest) is encrypted. We do not 776 believe in storing or selling data as a core principle. All of our servers that run our 777 add-ons are hosted with Google. 778 </p> 779 </div> 780 </div> 781 782 <div class="collapse collapse-arrow join-item border-base-300 border"> 783 <input type="radio" name="faq-accordion" /> 784 <div class="collapse-title text-lg font-semibold text-base-content"> 785 How can I manage my subscription? 786 </div> 787 <div class="collapse-content"> 788 <p class="text-base text-base-content/70"> 789 Simply go to <a target='_blank' href='http://portal.automagicalapps.com' rel="noopener noreferrer" 790 class="link link-primary font-semibold">your member portal</a> 791 to cancel your subscription if you have an active license. 792 </p> 793 </div> 794 </div> 795
796 <div class="collapse collapse-arrow join-item border-base-300 border"> 797 <input type="radio" name="faq-accordion" /> 798 <div class="collapse-title text-lg font-semibold text-base-content"> 799 How do I use Slides Translator? 800 </div> 801 <div class="collapse-content"> 802 <p class="text-base text-base-content/70"> 803 How to use Slides Translator - <a target='_blank' 804 href='https://www.loom.com/share/5aa4c37a32424030abe6984a0e733f1c' rel="noopener noreferrer" 805 class="link link-primary font-semibold">video</a> 806 </p> 807 </div> 808 </div> 809 810 <div class="collapse collapse-arrow join-item border-base-300 border"> 811 <input type="radio" name="faq-accordion" /> 812 <div class="collapse-title text-lg font-semibold text-base-content"> 813 How do I get started? 814 </div> 815 <div class="collapse-content"> 816 <p class="text-base text-base-content/70">Here are our quick instructional videos:</p> 817 <ul class="list-disc space-y-2 pl-6 pt-2 text-base text-base-content/70"> 818 <li>How to install any of our apps - <a target='_blank' 819 href='https://www.loom.com/share/e85902b0af2c49388cf210f3ea80a813?sid=25d1651d-8a71-4482-8b92-05e2763f4226' 820 rel="noopener noreferrer" class="link link-primary font-semibold">video</a> 821 </li> 822 <li>A Quick intro to our Translation Suite - <a target='_blank' 823 href='https://www.loom.com/share/6a0743684a3f410b8924c190e676019a?sid=844f6287-5f69-475d-a1d2-444f3406e622' 824 rel="noopener noreferrer" class="link link-primary font-semibold">video</a> 825 </li> 826 <li>How to use Slides Translator - <a target='_blank' 827 href='https://www.loom.com/share/5aa4c37a32424030abe6984a0e733f1c' rel="noopener noreferrer" 828 class="link link-primary font-semibold">video</a></li> 829 <li>How to use Automagical Forms - <a target='_blank' 830 href='https://www.loom.com/share/e32efdcf1e574efba2e639ddab456b2e' rel="noopener noreferrer" 831 class="link link-primary font-semibold">video</a></li> 832 </ul> 833 </div> 834 </div> 835
836 <div class="collapse collapse-arrow join-item border-base-300 border"> 837 <input type="radio" name="faq-accordion" /> 838 <div class="collapse-title text-lg font-semibold text-base-content"> 839 I installed or purchased an app, but I don't see it? 840 </div> 841 <div class="collapse-content"> 842 <p class="text-base text-base-content/70"> 843 Just ensure that you are logged in as the same Google account that you installed or bought 844 your automagical app with. Often, many people have many Google accounts. Watch this 2 minute 845 video explainer: 846 </p> 847 <ul class="list-disc space-y-2 pl-6 pt-2 text-base text-base-content/70"> 848 <li>The most common reasons this happens - <a target='_blank' 849 href='https://www.loom.com/share/625bfe1423a743639c7abcfe21f93064' rel="noopener noreferrer" 850 class="link link-primary font-semibold">video</a></li> 851 </ul> 852 </div> 853 </div> 854
855 <div class="collapse collapse-arrow join-item border-base-300 border"> 856 <input type="radio" name="faq-accordion" /> 857 <div class="collapse-title text-lg font-semibold text-base-content"> 858 Is Nudge free to start? 859 </div> 860 <div class="collapse-content"> 861 <p class="text-base text-base-content/70"> 862 We would love to partner with you. Just reach out to [email protected] and tell us 863 which app you're interested in, and someone will reach out to help you kick off a 1 week free 864 pilot of any of our apps for your organization. 865 </p> 866 </div> 867 </div> 868 869 <div class="collapse collapse-arrow join-item border-base-300 border"> 870 <input type="radio" name="faq-accordion" /> 871 <div class="collapse-title text-lg font-semibold text-base-content"> 872 How do I use Automagical Forms? 873 </div> 874 <div class="collapse-content"> 875 <p class="text-base text-base-content/70"> 876 How to use Automagical Forms - <a target='_blank' 877 href='https://www.loom.com/share/e32efdcf1e574efba2e639ddab456b2e' rel="noopener noreferrer" 878 class="link link-primary font-semibold">video</a> 879 </p> 880 </div> 881 </div> 882 </div> 883 </div> 884 </div> 885 </section> --> 886 887 <section id="pricing" class="bg-base-200 py-24 sm:py-32" 888 x-data="{ 889 billing: 'monthly', 890 aiBilling: 'monthly', 891 plan: 0, 892 plans: [ 893 { name: 'Basic', icon: 'uil-paper-plane', monthly: 20, annual: 16.67, emails: '50', monthlyLink: 'https://buy.stripe.com/00w3cv18X7yg0UU2z1gbm1l', annualLink: 'https://buy.stripe.com/bJe9ATg3R4m4avuc9Bgbm1n' }, 894 { name: 'Standard', icon: 'uil-rocket', monthly: 35, annual: 29.75, emails: '500', monthlyLink: 'https://buy.stripe.com/3cI3cv3h5bOw9rq5Ldgbm13', annualLink: 'https://buy.stripe.com/dRm00jbNB4m4332flNgbm16' }, 895 { name: 'Pro', icon: 'uil-layer-group', monthly: 50, annual: 42.50, emails: '1,000', monthlyLink: 'https://buy.stripe.com/6oU8wPcRFdWE3325Ldgbm0X', annualLink: 'https://buy.stripe.com/7sY3cvg3R19S332b5xgbm17' }, 896 { name: 'Unlimited', icon: 'uil-globe', monthly: 100, annual: 85.00, emails: 'Unlimited', monthlyLink: 'https://buy.stripe.com/cNi9ATeZNdWE7jigpRgbm14', annualLink: 'https://buy.stripe.com/5kQ3cv4l9aKsgTS7Tlgbm18' } 897 ], 898 aiPlans: [ 899 { name: 'Starter', icon: 'uil-robot', monthly: 15, annual: 12.75, credits: '100', monthlyLink: 'https://buy.stripe.com/4gMdR9eZN7ygbzy4H9gbm1a', annualLink: 'https://buy.stripe.com/00w5kD2d12dWbzyb5xgbm1e' }, 900 { name: 'Growth', icon: 'uil-bolt', monthly: 25, annual: 21.25, credits: '250', monthlyLink: 'https://buy.stripe.com/4gM9AT18Xf0I1YY4H9gbm1b', annualLink: 'https://buy.stripe.com/28EfZhdVJ8Ck9rqa1tgbm1f' }, 901 { name: 'Pro', icon: 'uil-brain', monthly: 35, annual: 29.75, credits: '500', monthlyLink: 'https://buy.stripe.com/5kQ6oH5pd19S8nmgpRgbm1c', annualLink: 'https://buy.stripe.com/28E00j4l905O5ba7Tlgbm1g' }, 902 { name: 'Unlimited', icon: 'uil-circuit', monthly: 125, annual: 106.25, credits: 'Unlimited', monthlyLink: 'https://buy.stripe.com/00w8wPg3RaKs5ba6Phgbm1d', annualLink: 'https://buy.stripe.com/6oUcN5eZN6uc8nmgpRgbm1h' } 903 ] 904 }"> 905 906 <div class="container mx-auto px-6 lg:px-8"> 907 908 <div class="mx-auto max-w-3xl text-center mb-12"> 909 <h2 class="font-display text-4xl font-bold tracking-tight text-base-content sm:text-5xl">Automagical Nudge Pricing</h2> 910 <p class="mt-4 text-base-content/70"> 911 Flexible plans that grow with you. Save 15% with annual billing. 912 </p> 913 </div> 914 915 <div class="flex justify-center items-center gap-4 mb-12"> 916 <span class="text-sm font-semibold" :class="billing === 'monthly' ? 'text-base-content' : 'text-base-content/50'">Monthly</span> 917 <input type="checkbox" class="toggle toggle-primary toggle-lg" 918 @click="billing = (billing === 'monthly' ? 'annual' : 'monthly')" />
919 <span class="text-sm font-semibold" :class="billing === 'annual' ? 'text-base-content' : 'text-base-content/50'"> 920 Annual <span class="badge badge-accent badge-sm ml-1">-15%</span> 921 </span> 922 </div> 923 924 <div class="grid grid-cols-1 gap-8 lg:grid-cols-3 items-start"> 925 926 <div class="card bg-base-100 shadow-xl h-full border border-base-content/5"> 927 <div class="card-body items-center text-center p-8"> 928 <i class="uil uil-gift text-5xl text-info mb-4"></i> 929 <h4 class="text-xl font-bold text-base-content mb-2">Free License</h4> 930 <div class="mb-6 h-16 flex flex-col justify-center"> 931 <div> 932 <span class="font-display text-4xl font-bold text-base-content">$0</span> 933 <span class="text-lg font-semibold text-base-content/70">/mo</span> 934 </div> 935 </div> 936 <ul class="text-sm space-y-3 text-left w-full flex-grow"> 937 <li class="flex items-center gap-3"> 938 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 939 <span class="text-base-content"><strong>15</strong> Nudges & Reminders / mo*</span> 940 </li> 941 <li class="flex flex-col items-start gap-0"> 942 <div class="flex items-center gap-3"> 943 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 944 <span class="text-base-content"><strong>20</strong> AI Credits / mo</span> 945 </div> 946 <a href="#ai-packs" class="link link-primary text-xs ml-8 opacity-80 hover:opacity-100">Need more AI credits?</a> 947 </li> 948 <li class="flex items-center gap-3"> 949 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 950 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Finds and summarizes missed emailsâautomatically.">Inbox Monitor</span> 951 </li> 952 <li class="flex items-center gap-3"> 953 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 954 <span class="text-base-content/70">No email attribution</span> 955 </li> 956 <li class="flex items-center gap-3"> 957 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 958 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="AI-generated nudges that summarize messages and personalize by name."><strong>AI-Generated</strong> Nudges</span> 959 </li> 960 <li class="flex items-center gap-3"> 961 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 962 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Built right into Gmail to show your outbound stats, success rate, and more.">Visual <strong>Analytics</strong></span> 963 </li> 964 <li class="flex items-center gap-3"> 965 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 966 <span class="text-base-content">Gmail Overview Dashboard</span> 967 </li> 968 <li class="flex items-center gap-3"> 969 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 970 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Multiple threads at once to attach a Nudge template to many threads at once.">Bulk Nudge</span> 971 </li> 972 <li class="flex items-center gap-3"> 973 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 974 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Keeps unresponded sequences active with monthly pulses.">Nudge Pulse</span> 975 </li> 976 <li class="flex items-center gap-3"> 977 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 978 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Lets teams share templates, nudges, stats, and best practices.">Team Mode</span> 979 </li> 980 <li class="flex items-center gap-3"> 981 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i>
982 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Integration to create customers, estimates, and invoices.">QuickBooks Integration</span> 983 </li> 984 <li class="flex items-center gap-3"> 985 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 986 <span class="tooltip tooltip-right text-base-content/70 cursor-help" data-tip="Shows customer intelligence directly in Gmail.">Stripe Integration</span> 987 </li> 988 <li class="flex items-center gap-3"> 989 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 990 <span class="text-base-content/70">24x7 Support</span> 991 </li> 992 <li class="flex items-center gap-3"> 993 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 994 <span class="text-base-content/70">Success manager</span> 995 </li> 996 </ul> 997 <div class="card-actions mt-8 w-full"> 998 <a href="https://chromewebstore.google.com/detail/automagical-nudge/dcedcbkogfnegennlbahojfpodapjbkl" 999 target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-info w-full"> 1000 Install Free 1001 </a> 1002 </div> 1003 </div> 1004 </div> 1005 1006 <div class="card bg-base-100 shadow-2xl h-full border-2 border-primary relative overflow-visible transform scale-100 lg:scale-105 z-10"> 1007 <div class="absolute -top-4 left-0 right-0 flex justify-center"> 1008 <div class="badge badge-primary p-3 text-sm font-semibold shadow-sm uppercase tracking-wide">Most Popular</div> 1009 </div> 1010 <div class="card-body items-center text-center p-8"> 1011 1012 <div class="flex flex-col items-center gap-2 mb-2"> 1013 <i :class="plans[plan].icon" class="uil text-5xl text-primary transition-all duration-300"></i> 1014 <h4 class="text-2xl font-bold text-base-content" x-text="plans[plan].name + ' License'"></h4> 1015 </div> 1016 1017 <div class="join grid grid-cols-4 w-full mb-4"> 1018 <button class="join-item btn btn-xs sm:btn-sm" :class="plan === 0 ? 'btn-primary' : 'btn-ghost bg-base-200'" @click="plan = 0">50</button> 1019 <button class="join-item btn btn-xs sm:btn-sm" :class="plan === 1 ? 'btn-primary' : 'btn-ghost bg-base-200'" @click="plan = 1">500</button> 1020 <button class="join-item btn btn-xs sm:btn-sm" :class="plan === 2 ? 'btn-primary' : 'btn-ghost bg-base-200'" @click="plan = 2">1k</button> 1021 <button class="join-item btn btn-xs sm:btn-sm" :class="plan === 3 ? 'btn-primary' : 'btn-ghost bg-base-200'" @click="plan = 3">Unl</button> 1022 </div> 1023 <div class="text-xs text-base-content/50 uppercase tracking-wider font-bold mb-2">Select Monthly Nudge Volume</div> 1024 1025 <div class="mb-6 h-16 flex flex-col justify-center"> 1026 <div class="flex items-baseline justify-center gap-1"> 1027 <span class="font-display text-5xl font-bold text-base-content" 1028 x-text="'$' + (billing === 'monthly' ? plans[plan].monthly : plans[plan].annual.toFixed(2))"> 1029 </span> 1030 <span class="text-lg font-semibold text-base-content/70">/mo</span> 1031 </div> 1032 <div class="text-xs text-success font-bold mt-1" x-show="billing === 'annual'" x-transition> 1033 Billed $<span x-text="(plans[plan].annual * 12).toFixed(0)"></span> yearly 1034 </div> 1035 </div> 1036 1037 <ul class="text-sm space-y-3 text-left w-full flex-grow"> 1038 <li class="flex items-center gap-3 bg-yellow-100/50 p-2 rounded-lg -mx-2"> 1039 1040 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1041 <span class="text-base-content"> 1042 <strong x-text="plans[plan].emails"></strong> Nudges & Reminders / mo* 1043 </span> 1044 </li> 1045 <li class="flex flex-col items-start gap-0"> 1046 <div class="flex items-center gap-3"> 1047 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i>
1048 <span class="text-base-content"><strong>20</strong> AI Credits / mo</span> 1049 </div> 1050 <a href="#ai-packs" class="link link-primary text-xs ml-8 opacity-80 hover:opacity-100">Need more AI credits?</a> 1051 </li> 1052 <li class="flex items-center gap-3"> 1053 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1054 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Finds and summarizes missed emailsâautomatically."><strong>Inbox Monitor</strong> <span class="text-xs opacity-70">(catch missed actions)</span></span> 1055 </li> 1056 <li class="flex items-center gap-3"> 1057 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1058 <span class="text-base-content/70">No email attribution</span> 1059 </li> 1060 <li class="flex items-center gap-3"> 1061 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1062 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="AI-generated nudges that summarize messages and personalize by name."><strong>AI-Generated</strong> Nudges</span> 1063 </li> 1064 <li class="flex items-center gap-3"> 1065 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1066 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Built right into Gmail to show your outbound stats, success rate, and more.">Visual <strong>Analytics</strong></span> 1067 </li> 1068 <li class="flex items-center gap-3"> 1069 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1070 <span class="text-base-content">Gmail Overview Dashboard</span> 1071 </li> 1072 <li class="flex items-center gap-3"> 1073 <i :class="plan >= 1 ? 'uil uil-check-circle text-success' : 'uil uil-times-circle text-error'" class="text-xl min-w-[1.25rem]"></i> 1074 <span :class="plan >= 1 ? 'tooltip tooltip-right text-base-content cursor-help' : 'tooltip tooltip-right text-base-content/70 cursor-help'" data-tip="Multiple threads at once to attach a Nudge template to many threads at once.">Bulk Nudge</span> 1075 </li> 1076 <li class="flex items-center gap-3"> 1077 <i :class="plan >= 2 ? 'uil uil-check-circle text-success' : 'uil uil-times-circle text-error'" class="text-xl min-w-[1.25rem]"></i> 1078 <span :class="plan >= 2 ? 'tooltip tooltip-right text-base-content cursor-help' : 'tooltip tooltip-right text-base-content/70 cursor-help'" data-tip="Keeps unresponded sequences active with monthly pulses.">Nudge Pulse</span> 1079 </li> 1080 <li class="flex items-center gap-3"> 1081 <i :class="plan >= 2 ? 'uil uil-check-circle text-success' : 'uil uil-times-circle text-error'" class="text-xl min-w-[1.25rem]"></i> 1082 <span :class="plan >= 2 ? 'tooltip tooltip-right text-base-content cursor-help' : 'tooltip tooltip-right text-base-content/70 cursor-help'" data-tip="Lets teams share templates, nudges, stats, and best practices.">Team Mode</span> 1083 </li> 1084 <li class="flex items-center gap-3"> 1085 <i :class="plan >= 2 ? 'uil uil-check-circle text-success' : 'uil uil-times-circle text-error'" class="text-xl min-w-[1.25rem]"></i> 1086 <span :class="plan >= 2 ? 'tooltip tooltip-right text-base-content cursor-help' : 'tooltip tooltip-right text-base-content/70 cursor-help'" data-tip="Integration to create customers, estimates, and invoices.">QuickBooks Integration</span> 1087 </li> 1088 <li class="flex items-center gap-3"> 1089 <i :class="plan >= 2 ? 'uil uil-check-circle text-success' : 'uil uil-times-circle text-error'" class="text-xl min-w-[1.25rem]"></i> 1090 <span :class="plan >= 2 ? 'tooltip tooltip-right text-base-content cursor-help' : 'tooltip tooltip-right text-base-content/70 cursor-help'" data-tip="Shows customer intelligence directly in Gmail.">Stripe Integration</span> 1091 </li> 1092 <li class="flex items-center gap-3"> 1093 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i>
1094 <span class="text-base-content"><strong>24x7</strong> Support</span> 1095 </li> 1096 <li class="flex items-center gap-3"> 1097 <i class="uil uil-times-circle text-error text-xl min-w-[1.25rem]"></i> 1098 <span class="text-base-content/70">Success manager</span> 1099 </li> 1100 </ul> 1101 <div class="card-actions mt-8 w-full"> 1102 <a :href="billing === 'monthly' ? plans[plan].monthlyLink : plans[plan].annualLink" target="_blank" rel="noopener noreferrer" class="btn btn-primary w-full shadow-lg"> 1103 Choose Plan 1104 </a> 1105 </div> 1106 </div> 1107 </div> 1108 1109 <div class="card bg-base-100 shadow-xl h-full border border-base-content/5"> 1110 <div class="card-body items-center text-center p-8"> 1111 <i class="uil uil-building text-5xl text-accent mb-4"></i> 1112 <h4 class="text-xl font-bold text-base-content mb-2">Business (Team) License</h4> 1113 <div class="mb-6 h-16 flex flex-col justify-center"> 1114 <span class="font-display text-3xl font-bold text-base-content">Contact Us</span> 1115 </div> 1116 1117 <ul class="text-sm space-y-3 text-left w-full flex-grow"> 1118 <li class="flex items-center gap-3"> 1119 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1120 <span class="text-base-content"><strong>Unlimited</strong> Nudges & Reminders*</span> 1121 </li> 1122 <li class="flex items-center gap-3"> 1123 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1124 <span class="text-base-content"><strong>Unlimited</strong> AI Credits</span> 1125 </li> 1126 <li class="flex items-center gap-3"> 1127 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1128 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Finds and summarizes missed emailsâautomatically."><strong>Inbox Monitor</strong> <span class="text-xs opacity-70">(catch missed actions)</span></span> 1129 </li> 1130 <li class="flex items-center gap-3"> 1131 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1132 <span class="text-base-content/70">No email attribution</span> 1133 </li> 1134 <li class="flex items-center gap-3"> 1135 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1136 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="AI-generated nudges that summarize messages and personalize by name."><strong>AI-Generated</strong> Nudges</span> 1137 </li> 1138 <li class="flex items-center gap-3"> 1139 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1140 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Built right into Gmail to show your outbound stats, success rate, and more.">Visual <strong>Analytics</strong></span> 1141 </li> 1142 <li class="flex items-center gap-3"> 1143 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1144 <span class="text-base-content">Gmail Overview Dashboard</span> 1145 </li> 1146 <li class="flex items-center gap-3"> 1147 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1148 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Multiple threads at once to attach a Nudge template to many threads at once.">Bulk Nudge</span> 1149 </li> 1150 <li class="flex items-center gap-3"> 1151 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1152 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Keeps unresponded sequences active with monthly pulses.">Nudge Pulse</span> 1153 </li> 1154 <li class="flex items-center gap-3"> 1155 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i>
1156 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Lets teams share templates, nudges, stats, and best practices.">Team Mode</span> 1157 </li> 1158 <li class="flex items-center gap-3"> 1159 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1160 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Integration to create customers, estimates, and invoices.">QuickBooks Integration</span> 1161 </li> 1162 <li class="flex items-center gap-3"> 1163 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1164 <span class="tooltip tooltip-right text-base-content cursor-help" data-tip="Shows customer intelligence directly in Gmail.">Stripe Integration</span> 1165 </li> 1166 <li class="flex items-center gap-3"> 1167 <i class="uil uil-check-circle text-success text-xl min-w-[1.25rem]"></i> 1168 <span class="text-base-content"><strong>Unlimited Advanced 24x7 Support</strong></span> 1169 </li> 1170 1171 <li class="flex items-center gap-3 pt-2 border-t border-base-content/10"> 1172 <i class="uil uil-check-circle text-accent text-xl min-w-[1.25rem]"></i> 1173 <span class="text-base-content"><strong>Features built for you</strong></span> 1174 </li> 1175 <li class="flex items-center gap-3"> 1176 <i class="uil uil-check-circle text-accent text-xl min-w-[1.25rem]"></i> 1177 <span class="text-base-content"><strong>Customer Success Manager</strong></span> 1178 </li> 1179 <li class="flex items-start gap-3 bg-yellow-100/50 p-2 rounded-lg -mx-2"> 1180 <i class="uil uil-check-circle text-accent text-xl min-w-[1.25rem]"></i> 1181 <span class="text-base-content font-bold text-xs sm:text-sm">Custom pricing for your team <br><span class="font-normal opacity-80">(multi-license discounting)</span></span> 1182 </li> 1183 </ul> 1184 <div class="card-actions mt-8 w-full"> 1185 <a href="#contact-sales" class="btn btn-outline btn-accent w-full"> 1186 Contact Sales 1187 </a> 1188 </div> 1189 </div> 1190 </div> 1191 </div> 1192 1193 <div class="mt-6 text-center"> 1194 <p class="text-xs text-base-content/60"> 1195 * Quota decremented once per each nudge email sent. 1196 <a href="https://support.google.com/mail/answer/22839?hl=en" target="_blank" rel="noopener noreferrer" class="link link-hover underline">Gmail limits still applicable</a> 1197 </p> 1198 </div> 1199 <div id="ai-packs" class="mt-24 pt-12 border-t border-base-300"> 1200 <div class="flex flex-col items-center text-center mb-10"> 1201 <h3 class="text-3xl font-bold text-base-content"> 1202 Optional: AI Power Packs 1203 </h3> 1204 <p class="text-base-content/70 mt-2 max-w-xl mx-auto mb-6"> 1205 Need more AI power? Add a supplemental pack. <br> 1206 <span class="badge badge-ghost mt-2">Credits do not stack month-to-month</span> 1207 </p> 1208 1209 <div class="flex justify-center items-center gap-4"> 1210 <span class="text-sm font-semibold" :class="aiBilling === 'monthly' ? 'text-base-content' : 'text-base-content/50'">Monthly</span> 1211 <input type="checkbox" class="toggle toggle-secondary toggle-md" 1212 @click="aiBilling = (aiBilling === 'monthly' ? 'annual' : 'monthly')" /> 1213 <span class="text-sm font-semibold" :class="aiBilling === 'annual' ? 'text-base-content' : 'text-base-content/50'"> 1214 Annual <span class="badge badge-accent badge-xs ml-1">-15%</span> 1215 </span> 1216 </div> 1217 </div> 1218 1219 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> 1220 1221 <template x-for="(pack, index) in aiPlans" :key="index"> 1222 <div class="card bg-base-100 shadow-md border border-base-200 hover:border-violet-500 transition-colors duration-300 relative" 1223 :class="pack.name === 'Pro' ? 'shadow-lg border-2 border-violet-500' : ''"> 1224 1225 <div x-show="pack.name === 'Pro'" class="absolute -top-2.5 left-0 right-0 flex justify-center">
1226 <span class="badge badge-xs badge-primary p-3 text-sm font-semibold shadow-sm">Best Value</span> 1227 </div> 1228 1229 <div class="card-body p-6 items-center text-center"> 1230 <i :class="pack.icon" class="uil text-4xl mb-2" 1231 :class="pack.name === 'Pro' ? 'text-primary' : 'text-violet-500'"></i> 1232 <h5 class="font-bold text-base-content text-lg" x-text="pack.name + ' AI'"></h5> 1233 1234 <div class="my-2 h-14 flex flex-col justify-center"> 1235 <div class="flex items-baseline justify-center gap-1"> 1236 <span class="text-3xl font-bold text-base-content" 1237 x-text="'$' + (aiBilling === 'monthly' ? pack.monthly : pack.annual.toFixed(2))"></span> 1238 <span class="text-xs text-base-content/60">/mo</span> 1239 </div> 1240 <div class="text-[10px] text-success font-bold" x-show="aiBilling === 'annual'" x-transition> 1241 Billed $<span x-text="(pack.annual * 12).toFixed(0)"></span> yearly 1242 </div> 1243 </div> 1244 1245 <div class="divider my-1"></div> 1246 <ul class="text-sm space-y-2 mb-4 text-left w-full"> 1247 <li class="font-semibold text-violet-600 text-center"> 1248 <span x-text="pack.credits"></span> AI Credits / mo 1249 </li> 1250 <li class="flex items-start gap-2 text-xs text-base-content/70"> 1251 <i class="uil uil-check text-success text-sm min-w-[1rem]"></i> 1252 <span>Use for all AI features (Generate AI Emails, Inbox Monitor Usage)</span> 1253 </li> 1254 </ul> 1255 1256 <a :href="aiBilling === 'monthly' ? pack.monthlyLink : pack.annualLink" target="_blank" class="btn btn-sm w-full" 1257 :class="pack.name === 'Pro' ? 'btn-primary' : 'btn-ghost border-base-300'"> 1258 Add Pack 1259 </a> 1260 </div> 1261 </div> 1262 </template> 1263 1264 </div> 1265 </div> 1266 1267 </div> 1268</section> 1269 1270 <section id="contact-sales" class="bg-base-200/50 py-24 sm:py-32"> 1271 <div class="container mx-auto px-6 lg:px-8"> 1272 <div class="card lg:card-side bg-base-100 shadow-2xl mx-auto max-w-7xl"> 1273 <div class="card-body lg:w-1/2"> 1274 <span class="inline-flex shrink-0 w-14 h-14 items-center justify-center rounded-full bg-gradient-to-r from-pink-500 to-violet-600 p-3 mb-4" aria-hidden="true"><svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg></span> 1275 <h2 class="card-title font-display text-3xl font-bold tracking-tight text-base-content sm:text-4xl"> 1276 We respond to you, same day. 1277 </h2> 1278 <p class="mt-6 text-lg leading-7 text-base-content/70"> 1279 We respond within minutes or hours to every inquiry. If you are interested in licensing please let us 1280 know which products, how many licenses, and the name of your organization. Thank you! 1281 </p> 1282 </div> 1283 <div class="card-body lg:w-1/2"> 1284 <form id="mc-embedded-contact-form2" class="space-y-6"> 1285 <div class="grid grid-cols-1 gap-6 sm:grid-cols-2"> 1286 <div class="form-control"> 1287 <label class="label" for="frm_name"> 1288 <span class="label-text">Name *</span> 1289 </label> 1290 <input type="text" id="frm_name" name="name" required class="input input-bordered w-full" /> 1291 </div> 1292 <div class="form-control"> 1293 <label class="label" for="frm_email"> 1294 <span class="label-text">Email *</span> 1295 </label> 1296 <input type="email" id="frm_email" name="email" required class="input input-bordered w-full" /> 1297 </div> 1298 </div> 1299 <div class="form-control"> 1300 <label class="label" for="frm_message">
1301 <span class="label-text">Message *</span> 1302 </label> 1303 <textarea id="frm_message" name="message" rows="4" required 1304 class="textarea textarea-bordered h-24"></textarea> 1305 </div> 1306 <div> 1307 <input type="submit" value="Send message" class="btn btn-primary w-full" /> 1308 </div> 1309 <div class="messages" aria-live="polite"></div> 1310 </form> 1311 </div> 1312 </div> 1313 </div> 1314 </section> 1315 </main> 1316 1317 <footer id="site-footer" class="bg-slate-900"></footer> 1318
1318<script src="/assets/js/load-header-footer.js"></script>
1318 1319
1319<script> 1320 $(document).ready(function () { 1321 $("#mc-embedded-subscribe-form2-footer").on("submit", function (e) { 1322 e.preventDefault(); 1323 var $form = $(this); 1324 var $btn = $form.find('button[type="submit"]'); 1325 var email = ($("#mce-EMAIL2").val() || "").trim(); 1326 var group = $form.find('input[name="group"]:checked').val(); 1327 if (!email) { toastr.error("Please enter a valid email address."); return; } 1328 if (!group || (group !== "business" && group !== "education")) { toastr.error('Please choose "I am in Business" or "I am in Education".'); return; } 1329 $btn.prop("disabled", true); 1330 $btn.find(".btn-text").addClass("hidden"); 1331 $btn.find(".loader").removeClass("hidden"); 1332 $.ajax({ 1333 url: "/api/mailerlite-subscribe", 1334 type: "POST", 1335 contentType: "application/json", 1336 data: JSON.stringify({ email: email, group: group }), 1337 dataType: "json", 1338 success: function (res) { 1339 if (res && res.success) { 1340 $("#alert-success-footer").show(); 1341 setTimeout(function () { $("#alert-success-footer").hide(); }, 5000); 1342 $form[0].reset(); 1343 } else { toastr.error((res && res.error) || "Something went wrong. Please try again."); } 1344 }, 1345 error: function (xhr) { 1346 var msg = (xhr.responseJSON && xhr.responseJSON.error) || "An error occurred. Please try again."; 1347 toastr.error(msg); 1348 }, 1349 complete: function () { 1350 $btn.prop("disabled", false); 1351 $btn.find(".btn-text").removeClass("hidden"); 1352 $btn.find(".loader").addClass("hidden"); 1353 } 1354 }); 1355 }); 1356 1357 1358 // --- CORRECTED Contact Sales Form --- 1359 // This validation code from your JS file is correct. 1360 $("#mc-embedded-contact-form2").validate({ 1361 rules: { 1362 name: { 1363 required: true, 1364 }, 1365 email: { 1366 required: true, 1367 email: true, 1368 }, 1369 message: { 1370 required: true, 1371 }, 1372 }, 1373 messages: { 1374 name: { 1375 required: "Please enter your name.", 1376 }, 1377 email: { 1378 required: "Please provide a valid email address.", 1379 email: "Please enter a valid email address.", 1380 }, 1381 message: { 1382 required: "Please enter your message.", 1383 }, 1384 }, 1385 // This submitHandler is the correct way to handle submission 1386 // when using the jquery-validate plugin. 1387 submitHandler: function (form) { 1388 $.ajax({ 1389 url: "https://us-central1-website-431211.cloudfunctions.net/sendSupportEmail", 1390 type: "POST", 1391 data: $(form).serialize(), 1392 success: function (response) { 1393 // Handle the response from the server 1394 $(form)[0].reset(); // Reset the form 1395 toastr.success("Your message has been sent successfully!"); 1396 }, 1397 error: function (jqXHR, textStatus, errorThrown) { 1398 // Handle errors 1399 console.log(errorThrown, textStatus); 1400 toastr.error("An error occurred. Please try again."); 1401 }, 1402 }); 1403 return false; // Prevent the form from submitting the default way 1404 }, 1405 }); 1406 1407 }); 1408 </script>
1408 1409
1409<script> 1410 (function () { 1411 var hero = document.getElementById('product-hero'); 1412 var cta = document.getElementById('sticky-product-cta'); 1413 if (!hero || !cta) return; 1414 var io = new IntersectionObserver(function (entries) { 1415 entries.forEach(function (e) { 1416 if (e.target !== hero) return; 1417 if (e.isIntersecting) { 1418 cta.classList.add('opacity-0', 'pointer-events-none', 'translate-y-2'); 1419 cta.setAttribute('aria-hidden', 'true'); 1420 } else { 1421 cta.classList.remove('opacity-0', 'pointer-events-none', 'translate-y-2'); 1422 cta.setAttribute('aria-hidden', 'false'); 1423 } 1424 }); 1425 }, { threshold: 0 }); 1426 io.observe(hero); 1427 })(); 1428 </script>
1428 1429 1430</body> 1431 1432</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.