PageSourceSearch

https://automagicalapps.com/nudge

html automagicalapps.com collected 2026-09-24 12:35:17 UTC 83,349 bytes, 1,432 lines download raw bytes

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 &amp; 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 &amp; 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.