1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" /> 15 <link rel="canonical" href="https://www.automagicalapps.com/about" /> 16 <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"> 17 <meta charset="utf-8" /> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 19 <meta name="description" content="Learn about Automagical Apps, the leading provider of AI-powered Google Workspace productivity and automation tools. Over 160 million installs across our suite of extensions." /> 20 <meta name="keywords" content="Automagical Apps, Google Workspace, Google Workspace Extensions, Translate, Generate Forms, About Automagical, productivity tools, AI 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 24 <!-- Open Graph / Facebook --> 25 <meta property="og:type" content="website" /> 26 <meta property="og:url" content="https://www.automagicalapps.com/about" /> 27 <meta property="og:title" content="About - Automagical Apps" /> 28 <meta property="og:description" content="Learn about Automagical Apps, the leading provider of AI-powered Google Workspace productivity and automation tools. Over 160 million installs across our suite of extensions." /> 29 <meta property="og:image" content="https://www.automagicalapps.com/assets/img/logo.png" /> 30 <meta property="og:site_name" content="Automagical Apps" /> 31 32 <!-- Twitter --> 33 <meta name="twitter:card" content="summary_large_image" /> 34 <meta name="twitter:url" content="https://www.automagicalapps.com/about" /> 35 <meta name="twitter:title" content="About - Automagical Apps" /> 36 <meta name="twitter:description" content="Learn about Automagical Apps, the leading provider of AI-powered Google Workspace productivity and automation tools. Over 160 million installs across our suite of extensions." /> 37 <meta name="twitter:image" content="https://www.automagicalapps.com/assets/img/logo.png" /> 38 39 <title>About - Automagical Apps</title> 40 41
41<script src="https://cdn.tailwindcss.com"></script>
41 42 43
43<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
43 44 45
45<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
45 46
46<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js" 47 integrity="sha512-37T7leoNS06R80c8Ulq7cdCDU5MNQBwlYoy1TX/WUsLFC2eYNqtKlV0QjH7r8JpG/S0GUMZwebnVFLPd6SU5yg==" 48 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
48 49
49<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
49 50 51 <link rel="preconnect" href="https://fonts.googleapis.com" /> 52 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 53 <link 54 href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap" 55 rel="stylesheet" /> 56 57 <link rel="shortcut icon" href="./assets/img/favicon.ico" /> 58 59
59<script> 60 tailwind.config = { 61 theme: { 62 extend: { 63 fontFamily: { 64 sans: ["Manrope", "sans-serif"], 65 display: ["Space Grotesk", "sans-serif"], 66 }, 67 }, 68 }, 69 plugins: [ 70 require('@tailwindcss/forms'), 71 ], 72 }; 73 </script>
73 74 75</head> 76 77<body class="bg-white font-sans text-slate-800 antialiased"> 78 <div class="flex min-h-screen flex-col"> 79 80 <header id="site-header" class="absolute inset-x-0 top-0 z-50" x-data="{ open: false, dropdown: '' }"> 81 <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> 82 <!-- Header loaded by /assets/js/load-header-footer.js --> 83 </header> 84 85 <main class="flex-grow"> 86 87 <section class="relative bg-gradient-to-br from-violet-50 via-pink-50 to-blue-50 pt-48 lg:pt-52"> 88 <div class="container mx-auto px-6 lg:px-8"> 89 <div class="grid items-center gap-12 py-16 md:grid-cols-2 lg:gap-24"> 90 91 <div> 92 <h1 class="font-display text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl"> 93 Automagical Apps (Unicorn Magic) 94 </h1> 95 <p class="mt-6 text-lg leading-8 text-slate-600"> 96 With over 160 million installs globally, Automagical Apps is the 97 most downloaded product company on the Google Workspace Marketplace. 98 Founded in 2020 by ex-Google and academic professionals, we build 99 best-in-class productivity tools and automation software 100 tailored to your specific industry. 101 </p> 102 <div class="mt-10 grid grid-cols-1 gap-8 sm:grid-cols-2"> 103 <div class="flex items-start gap-4"> 104 <div 105 class="flex h-12 w-12 flex-none items-center justify-center rounded-xl bg-gradient-to-br from-violet-100 to-blue-100" 106 > 107 <i 108 class="uil uil-bullseye text-2xl text-blue-700" 109 aria-hidden="true" 110 ></i> 111 </div> 112 <div> 113 <h4 class="text-lg font-semibold text-slate-900">Our Mission</h4> 114 <p class="mt-1 text-slate-600"> 115 To save our users time through automation across Google Workspace and Chrome. 116 </p> 117 </div> 118 </div> 119 <div class="flex items-start gap-4"> 120 <div 121 class="flex h-12 w-12 flex-none items-center justify-center rounded-xl bg-gradient-to-br from-violet-100 to-pink-100" 122 > 123 <i 124 class="uil uil-shield-check text-2xl text-pink-700" 125 aria-hidden="true" 126 ></i> 127 </div> 128 <div> 129 <h4 class="text-lg font-semibold text-slate-900">Our Values</h4> 130 <p class="mt-1 text-slate-600">100% Privacy. 100% Customer-First.</p> 131 </div> 132 </div> 133 </div> 134 </div> 135 136 <div class="relative"> 137 <div class="absolute -top-8 -right-8 w-40 h-40 bg-blue-100 rounded-full -z-10" aria-hidden="true"></div> 138 <figure class="relative z-10"> 139 <img class="w-full rounded-2xl shadow-2xl" src="./assets/img/photos/marketing2.jpeg" 140 alt="Automagical Apps team working" /> 141 </figure> 142 </div> 143 144 </div> 145 </div> 146 </section> 147 148 <section class="bg-white py-24 sm:py-32"> 149 <div class="container mx-auto px-6 lg:px-8"> 150 <div class="mx-auto max-w-3xl text-center"> 151 <i data-feather="users" class="mx-auto h-12 w-12 text-slate-700" aria-hidden="true"></i> 152 <h2 class="mt-4 font-display text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl"> 153 Meet our team 154 </h2> 155 </div> 156 157 <div class="mt-16 flex flex-wrap justify-center gap-6"> 158 159 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 160 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/John.png" alt="John McGowan" /> 161 <h4 class="text-lg font-semibold text-slate-900">John McGowan</h4> 162 <p class="text-sm font-medium text-violet-600">Chief Executive Officer</p> 163 <nav class="mt-4 flex justify-center"> 164 <a href="https://www.linkedin.com/in/john-mcgowan-1bb374104/" 165 class="text-slate-400 hover:text-blue-600">
166 <span class="sr-only">LinkedIn</span> 167 <i class="uil uil-linkedin text-xl"></i> 168 </a> 169 </nav> 170 </div> 171 172 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 173 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/Hussein.png" alt="Hussein Sharif" /> 174 <h4 class="text-lg font-semibold text-slate-900">Hussein Sharif</h4> 175 <p class="text-sm font-medium text-violet-600">Chief Operating Officer</p> 176 <nav class="mt-4 flex justify-center"> 177 <a href="https://www.linkedin.com/in/husseinsharif/" 178 class="text-slate-400 hover:text-blue-600"> 179 <span class="sr-only">LinkedIn</span> 180 <i class="uil uil-linkedin text-xl"></i> 181 </a> 182 </nav> 183 </div> 184 185 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 186 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/Charlene.png" alt="Charlene Tormes" /> 187 <h4 class="text-lg font-semibold text-slate-900">Charlene Tormes</h4> 188 <p class="text-sm font-medium text-violet-600">Senior Engineer</p> 189 <nav class="mt-4 flex justify-center"> 190 <a href="https://www.linkedin.com/in/charlene-tormes-90023a17b" 191 class="text-slate-400 hover:text-blue-600"> 192 <span class="sr-only">LinkedIn</span> 193 <i class="uil uil-linkedin text-xl"></i> 194 </a> 195 </nav> 196 </div> 197 198 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 199 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/Deanna.webp" alt="Deanna McGowan" /> 200 <h4 class="text-lg font-semibold text-slate-900">Deanna McGowan</h4> 201 <p class="text-sm font-medium text-violet-600">Board Advisor</p> 202 <nav class="mt-4 flex justify-center"> 203 <a href="#" class="text-slate-400 hover:text-blue-600"> 204 <span class="sr-only">LinkedIn</span> 205 <i class="uil uil-linkedin text-xl"></i> 206 </a> 207 </nav> 208 </div> 209 210 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 211 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/Deanna.webp" alt="Mele McGowan" /> 212 <h4 class="text-lg font-semibold text-slate-900">Mele McGowan</h4> 213 <p class="text-sm font-medium text-violet-600">Chief Branding Officer</p> 214 <nav class="mt-4 flex justify-center"> 215 <a href="https://www.linkedin.com/in/john-mcgowan-1bb374104/" 216 class="text-slate-400 hover:text-blue-600"> 217 <span class="sr-only">LinkedIn</span> 218 <i class="uil uil-linkedin text-xl"></i> 219 </a> 220 </nav> 221 </div> 222 223 <div class="w-52 rounded-2xl bg-slate-50 p-6 text-center transition-all hover:shadow-xl"> 224 <img class="mx-auto mb-4 h-20 w-20 rounded-full" src="./assets/img/photos/sundew.png" alt="Sundew Willow" /> 225 <h4 class="text-lg font-semibold text-slate-900">Sundew Willow</h4> 226 <p class="text-sm font-medium text-violet-600">Operations Associate</p> 227 </div> 228 229 </div> 230 </div> 231 </section> 232 233 <section id="contact-sales" class="relative overflow-hidden py-24 sm:py-32"> 234 <img src="./assets/img/photos/bg22.png" alt="" class="absolute inset-0 -z-20 h-full w-full object-cover"> 235 <div class="absolute inset-0 -z-10 bg-white/70" aria-hidden="true"></div> 236 237 <div class="container mx-auto px-6 lg:px-8"> 238 <div class="mx-auto max-w-3xl text-center"> 239 <h2 class="text-base font-semibold uppercase leading-7 text-violet-600"> 240 Lets Connect 241 </h2> 242 <h3 class="mt-2 font-display text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl"> 243 Interested in partnership, sales, investment or career opportunities? 244 </h3> 245 </div> 246 <div class="mx-auto mt-16 max-w-2xl"> 247 <form id="mc-embedded-contact-form2" class="space-y-6"> 248 <div class="grid grid-cols-1 gap-6 sm:grid-cols-2"> 249 <div> 250 <label for="form_name" class="block text-sm font-medium text-slate-700">Name *</label> 251 <input type="text" id="form_name" name="name" required 252 class="mt-1 block w-full rounded-md border-slate-300 bg-white/80 shadow-sm focus:border-violet-500 focus:ring-violet-500" /> 253 </div> 254 <div> 255 <label for="form_email" class="block text-sm font-medium text-slate-700">Email *</label> 256 <input type="email" id="form_email" name="email" required 257 class="mt-1 block w-full rounded-md border-slate-300 bg-white/80 shadow-sm focus:border-violet-500 focus:ring-violet-500" /> 258 </div> 259 </div> 260 <div> 261 <label for="form_message" class="block text-sm font-medium text-slate-700">Message *</label> 262 <textarea id="form_message" name="message" rows="4" required 263 class="mt-1 block w-full rounded-md border-slate-300 bg-white/80 shadow-sm focus:border-violet-500 focus:ring-violet-500"></textarea> 264 </div> 265 <div> 266 <button type="submit" 267 class="w-full cursor-pointer rounded-full bg-gradient-to-r from-pink-500 to-violet-600 px-6 py-3 text-sm font-semibold text-white shadow-lg transition-opacity hover:opacity-90 disabled:opacity-70 disabled:cursor-not-allowed">
268 <span class="loader hidden"> 269 <i class="uil uil-spinner-alt animate-spin-slow inline-block text-lg"></i> 270 </span> 271 <span class="btn-text">Send message</span> 272 </button> 273 </div> 274 <div class="messages"></div> </form> 275 </div> 276 </div> 277 </section> 278 279 </main> 280 281 <footer id="site-footer" class="bg-slate-900"></footer> 282
282<script src="/assets/js/load-header-footer.js"></script>
282 283
283<script src="https://unpkg.com/feather-icons"></script>
283 284
284<script> 285 $(document).ready(function () { 286 if (typeof feather !== 'undefined') feather.replace({ class: 'mx-auto h-12 w-12 text-slate-700', 'stroke-width': 2 }); 287 288 // --- 1. Footer Newsletter Form Handler --- 289 $("#mc-embedded-subscribe-form2-footer").on("submit", function (e) { 290 e.preventDefault(); 291 var $form = $(this); 292 var $btn = $form.find('input[type="submit"]'); // Assumes input type submit for this form 293 294 // The ID in your HTML is "mce-EMAIL2" 295 var email = $("#mce-EMAIL2").val(); 296 if (!email) { 297 toastr.error("Please enter a valid email address."); 298 return; 299 } 300 var url = 301 "https://us-central1-website-431211.cloudfunctions.net/subscribeUser"; 302 303 $btn.prop('disabled', true); // Disable button 304 305 $.ajax({ 306 url: url, 307 type: "POST", 308 data: { email: email }, 309 dataType: "json", 310 success: function (response) { 311 // The ID in your HTML is "alert-success-footer" 312 $("#alert-success-footer").show(); 313 setTimeout(function () { 314 $("#alert-success-footer").hide(); 315 }, 5000); 316 $form[0].reset(); 317 }, 318 error: function (xhr, status, error) { 319 console.error("Error!", status, xhr); 320 toastr.error("An error occurred. Please try again."); 321 }, 322 complete: function() { 323 $btn.prop('disabled', false); // Re-enable button 324 } 325 }); 326 }); 327 328 329 // --- 2. Contact Sales Form (NOW WITH LOADER LOGIC) --- 330 $("#mc-embedded-contact-form2").validate({ 331 rules: { 332 name: { required: true }, 333 email: { required: true, email: true }, 334 message: { required: true } 335 }, 336 messages: { 337 name: { required: "Please enter your name." }, 338 email: { required: "Please provide a valid email address.", email: "Please enter a valid email address." }, 339 message: { required: "Please enter your message." } 340 }, 341 submitHandler: function (form) { 342 var $form = $(form); 343 // Find the new button and its text/loader spans 344 var $btn = $form.find('button[type="submit"]'); 345 var $btnText = $btn.find('.btn-text'); 346 var $loader = $btn.find('.loader'); 347 348 // Show loader and disable button 349 $btn.prop('disabled', true); 350 $btnText.addClass('hidden'); 351 $loader.removeClass('hidden'); 352 353 $.ajax({ 354 url: "https://us-central1-website-431211.cloudfunctions.net/sendSupportEmail", 355 type: "POST", 356 data: $(form).serialize(), 357 success: function (response) { 358 $(form)[0].reset(); 359 toastr.success("Your message has been sent successfully!"); 360 }, 361 error: function (jqXHR, textStatus, errorThrown) { 362 console.log(errorThrown, textStatus); 363 toastr.error("An error occurred. Please try again."); 364 }, 365 complete: function () { 366 // Hide loader and re-enable button 367 $btn.prop('disabled', false); 368 $btnText.removeClass('hidden'); 369 $loader.addClass('hidden'); 370 } 371 }); 372 return false; // Prevent the form from submitting the default way 373 }, 374 }); 375 376 }); 377 </script>
377 378 379</body> 380 381</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.