1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Fri Oct 02 2026 19:05:57 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="jasper-new.webflow.io" data-wf-page="6818f1c322781799d4a9ed0e" data-wf-site="6807ee8d73c233fb82842313" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Plans & Pricing | Jasper</title><meta content="Jasper is the AI purpose-built for marketing. Compare the features of Jasper's Pro & Business plans. Start your 7-day free trial today." name="description"/><meta content="Plans & Pricing | Jasper" property="og:title"/><meta content="Jasper is the AI purpose-built for marketing. Compare the features of Jasper's Pro & Business plans. Start your 7-day free trial today." property="og:description"/><meta content="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6846454f67d96b7825b969bb_OpenGraph%20-%20Plans%20and%20Pricing.png" property="og:image"/><meta content="Plans & Pricing | Jasper" name="twitter:title"/><meta content="Jasper is the AI purpose-built for marketing. Compare the features of Jasper's Pro & Business plans. Start your 7-day free trial today." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/css/jasper-new.webflow.shared.eeb6ab88c.min.css" rel="stylesheet" type="text/css" integrity="sha384-7rariM38/RzDitCMUq8N6VuUOEYYxTixI9xyIYD9gLQDYnYiTMvlNMc+u4G6A+/F" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/681e121b52f97ed0b2098aab_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/681e121f9445a06741087852_Webclip.png" rel="apple-touch-icon"/><link href="https://www.jasper.ai/pricing" rel="canonical"/><!-- Qualified connection CSP correction â 2026-09-18. 2 Extend Transcend's generated policy for its existing Essential connection. 3 Keep Transcend first; preserve consent controls and independent HubSpot capture. -->
4<script> 5window.airgap = window.airgap || {}; 6window.airgap.csp = window.airgap.csp || {}; 7window.airgap.csp['wss://ws5.qualified.com/cable'] = ['Essential']; 8</script>
8 9 10<!-- TEMPORARY DEMO CAPTURE EXCEPTION â added 2026-09-18. 11 Place immediately BEFORE the existing Transcend airgap.js script. 12 Only /demo is covered; other pages and demo modals are unchanged. 13 Remove after equivalent central Transcend rules are verified. 14 Preserve the existing airgap.js loader and its cookie/consent controls. -->
15<script> 16(function () { 17 if (window.location.pathname !== '/demo' && 18 window.location.pathname !== '/demo/') return; 19 20 var captureResources = [ 21 "https://js.hsforms.net/forms/embed/v2.js", 22 "https://forms.hsforms.com/embed/v3/form/22774847/e3dc6094-7a71-45e7-8a09-30e0dad23881/json", 23 "https://forms.hsforms.com/emailcheck/v1/json-ext", 24 "https://forms.hsforms.com/submissions/v3/public/submit/formsnext/multipart/22774847/e3dc6094-7a71-45e7-8a09-30e0dad23881" 25 ]; 26 27 function isCaptureResource(input) { 28 try { 29 var url = new URL(String(input), window.location.href); 30 if (url.username || url.password) return false; 31 return captureResources.indexOf(url.origin + url.pathname) !== -1; 32 } catch (_) { 33 return false; 34 } 35 } 36 37 var config = window.airgap = window.airgap || {}; 38 if (config.overrides && !Array.isArray(config.overrides)) return; 39 config.overrides = config.overrides || []; 40 config.overrides.push({ 41 name: 'Temporary Jasper demo capture exception', 42 override: function (event) { 43 // Override callbacks can run for every event and can contain multiple URLs. 44 // Every URL must match: never release an unrelated request in the same event. 45 var urls = event.urls; 46 if (!Array.isArray(urls) || urls.length === 0) return; 47 if (!urls.every(isCaptureResource)) return; 48 if (typeof event.allow === 'function') event.allow(); 49 } 50 }); 51})(); 52</script>
52 53 54<link rel="preconnect" href="https://transcend-cdn.com" crossorigin /> 55<link rel="dns-prefetch" href="https://transcend-cdn.com" />
56<script 57 data-cfasync="false" 58 src="https://transcend-cdn.com/cm/bb87e5f9-6a5f-4dcd-b9e4-1097382b40be/airgap.js" 59></script>
59 60<link rel="preconnect" href="https://cdn.prod.website-files.com" crossorigin /> 61<link rel="dns-prefetch" href="https://cdn.prod.website-files.com" /> 62<!-- Qualified direct loader â 2026-09-18. 63 Start independently of GTM; do not make HubSpot wait for this script. 64 Webflow is the sole loader; the former GTM tag is removed. -->
65<script> 66(function (w, d) { 67 if (w.location.hostname.indexOf('app.jasper') !== -1) return; 68 if (w.__jasperQualifiedLoaderRequested) return; 69 if (d.getElementById('jasper-qualified-loader') || 70 d.querySelector('script[src="https://js.qualified.com/qualified.js"], script[src^="https://js.qualified.com/qualified.js?"], script[src^="https://js.qualified.com/qualified.js#"]')) { 71 w.__jasperQualifiedLoaderRequested = true; 72 return; 73 } 74 w.__jasperQualifiedLoaderRequested = true; 75 76 (function(w,q){w['QualifiedObject']=q;w[q]=w[q]||function(){ 77 (w[q].q=w[q].q||[]).push(arguments)};})(w,'qualified'); 78 79 var script = d.createElement('script'); 80 script.id = 'jasper-qualified-loader'; 81 script.async = true; 82 script.src = 'https://js.qualified.com/qualified.js?token=vcWs5rDsh4BigCsT'; 83 d.head.appendChild(script); 84})(window, document); 85</script>
85 86<!-- End Qualified direct loader --> 87 88<!-- Google Tag Manager -->
89<script>
vendor: 415 bytes, lines 89-99
89 90 (function (w, d, s, l, i) { 91 w[l] = w[l] || []; 92 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 93 var f = d.getElementsByTagName(s)[0], 94 j = d.createElement(s), 95 dl = l != 'dataLayer' ? '&l=' + l : ''; 96 j.async = true; 97 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 98 f.parentNode.insertBefore(j, f); 99 })(window, document, 'script', 'dataLayer', '
99GTM-TZL4MSB
vendor: 4 bytes, line 99
99');
100</script>
100 101<!-- End Google Tag Manager --> 102<meta name="ahrefs-site-verification" content="76cb1757b99961946885e120c0ebbb2ebd2298644f940c441853bd623d599ea3" /> 103<meta name="msvalidate.01" content="CF45E4546D0C7EE91DED8FAF0F4FA956" /> 104<!-- NEW Atlas implementation
105<script> 106 !function(e,n){ 107 var o=e.atlas=e.atlas||{}; 108 if(o.invoked) return; 109 o.invoked=!0; 110 o.methods=["track","identify","page","group","alias"]; 111 o.factory=function(t){return function(){var a=Array.prototype.slice.call(arguments);a.unshift(t);o.push(a);return o}}; 112 for(var t=0;t<o.methods.length;t++){var a=o.methods[t];o[a]=o.factory(a)} 113 o.load=function(e){ 114 window.addEventListener('load', function() { 115 var t=n.createElement("script"); 116 t.type="text/javascript"; 117 t.async=!0; 118 t.src=e + "/snippet.js"; 119 var a=n.getElementsByTagName("script")[0]; 120 a.parentNode.insertBefore(t,a); 121 }); 122 }; 123 o.SNIPPET_VERSION="1.0.0"; 124 o.load("https://t.jasper.ai"); 125 }(window,document); 126</script>
126 127--> 128 129<!-- OLD Atlas Script -->
130<script> 131 !(function (e, n) { 132 var o = (e.atlas = e.atlas || {}); 133 o.invoked 134 ? e.console && console.error && console.error('Atlas tracking snippet included twice') 135 : ((o.invoked = !0), 136 (o.load = function (e) { 137 var t = n.createElement('script'); 138 ((t.type = 'text/javascript'), (t.async = !0)); 139 var a = n.getElementsByTagName('script')[0]; 140 ((t.src = e + '/snippet.js'), a.parentNode.insertBefore(t, a)); 141 }), 142 o.load('https://t.jasper.ai')); 143 })(window, document); 144 var timer = setInterval(function () { 145 if (!window.atlas.track) return; 146 const referrerUrl = document?.referrer && document.referrer !== window.location.href ? new URL(document.referrer) : null; 147 window.atlas.track('pageview', { 148 referrer: referrerUrl?.href || null, 149 referring_domain: referrerUrl?.hostname || null, 150 }); 151 // TODO: Determine the use case of the below google analytics data. 152 // window.atlas.identify({ga: {{ga}}}) 153 clearInterval(timer); 154 }, 20); 155</script>
155 156 157<!-- OB Programmatic JS Functions -->
158<script> 159 (function (global) { 160 global.pageFunctions = global.pageFunctions || { 161 executed: {}, 162 functions: {}, 163 observers: [], 164 active: false, 165 166 // Add Function (existing method) 167 addFunction: function (id, fn, options) { 168 if (!this.functions[id]) { 169 this.functions[id] = { fn: fn, options: options }; 170 } 171 }, 172 173 // Method for SPA 174 cleanup: function () { 175 // Disconnect all observers 176 this.observers.forEach((observer) => { 177 if (observer && observer.disconnect) { 178 observer.disconnect(); 179 } 180 }); 181 182 // Clear observers array 183 this.observers = []; 184 185 // Clear execution states 186 this.executed = {}; 187 188 // Reset added flag 189 this.added = false; 190 191 // Set active flag to false 192 this.active = false; 193 194 console.log('Cleaned up pageFunctions observers and states'); 195 }, 196 197 // Modified executeFunctions to store observer references 198 executeFunctions: function () { 199 if (this.active) return; 200 this.active = true; 201 202 const executeAll = () => { 203 for (const id in this.functions) { 204 if (!this.executed[id]) { 205 try { 206 const funcObj = this.functions[id]; 207 const fn = funcObj.fn; 208 const options = funcObj.options || {}; 209 210 // Check if immediate execution is requested 211 if (options.immediate) { 212 fn(); 213 this.executed[id] = true; 214 continue; 215 } 216 217 const element = document.querySelector(options.selector); 218 if (element) { 219 const observerOptions = { 220 root: options.root || null, 221 rootMargin: options.rootMargin || '0px', 222 threshold: options.threshold !== undefined ? options.threshold : 0, 223 }; 224 225 const observer = new IntersectionObserver((entries, observer) => { 226 entries.forEach((entry) => { 227 if (entry.isIntersecting) { 228 fn(); 229 this.executed[id] = true; 230 observer.unobserve(entry.target); 231 232 // Remove observer from our tracking array 233 const index = this.observers.indexOf(observer); 234 if (index > -1) { 235 this.observers.splice(index, 1); 236 } 237 } 238 }); 239 }, observerOptions); 240 241 observer.observe(element); 242 243 // Store observer reference 244 this.observers.push(observer); 245 } else { 246 console.error(`Element not found for function ${id}`); 247 } 248 } catch (e) { 249 console.error(`Error setting up IntersectionObserver for function ${id}:`, e); 250 } 251 } 252 } 253 }; 254 255 if (document.readyState === 'loading') { 256 document.addEventListener('DOMContentLoaded', executeAll); 257 } else { 258 executeAll(); 259 } 260 }, 261 262 // New method to handle SPA transitions 263 handlePageTransition: function () { 264 // Clean up existing observers and states 265 this.cleanup(); 266 267 // Re-execute functions for new page content 268 this.executeFunctions(); 269 }, 270 }; 271 })(window); 272</script>
272 273 274<!-- Vercel IDE
275<script> 276 function onErrorLoader() { 277 const script = document.createElement("script"); 278 script.src = "https://jasper-ai.vercel.app/app.js "; 279 script.type = "module"; 280 document.head.appendChild(script); 281 } 282</script>
282 283
284<script defer 285 type="module" 286 src="http://localhost:5173/app.js" 287 onerror="onErrorLoader()" 288 ></script>
288 289 290--> 291<style> 292 /*[data-start] { 293 visibility: hidden; 294 }*/ 295 296 [data-block-item] { 297 transition: opacity 0s linear; 298 transition-delay: 0.2s; 299 } 300 301 [data-block-item]:hover { 302 opacity: 0; 303 transition-delay: 0s; 304 } 305</style> 306 307<noscript> 308 <style> 309 [data-start] { 310 visibility: visible !important; 311 opacity: 1 !important; 312 } 313 </style> 314</noscript> 315 316<!-- [Attributes by Finsweet] Modal -->
317<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-modal@1/modal.js"></script>
317 318 319<!---->
320<script> 321 function fillWithSquares(containerClass, squareClass, width, height) { 322 const container = document.querySelector(`.${containerClass}`); 323 324 // Get container dimensions 325 const containerWidth = container.clientWidth; 326 const containerHeight = container.clientHeight; 327 328 // Calculate how many squares we need 329 const squaresPerRow = Math.floor(containerWidth / width); 330 const rows = Math.floor(containerHeight / height); 331 const totalSquares = squaresPerRow * rows; 332 333 // Create and append squares 334 for (let i = 0; i < totalSquares; i++) { 335 const square = document.createElement('div'); 336 square.className = squareClass; 337 square.setAttribute('data-block-item', true); 338 container.appendChild(square); 339 } 340 } 341</script>
341 342<!-- Lenis config CSS 343<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/lenis.css"> --> 344<style> 345 #transcend-consent-manager:empty { 346 Â Â pointer-events: none !important; 347 } 348</style><style> 349 350 .tab_menu_item.w--current .is_light_text_color { 351 color: #ffe8e2; 352 } 353 354 .tab_menu_item .is_light_text_color { 355 color: #bbbabc; 356 } 357</style> 358
359<script type="application/ld+json"> 360{ 361 "@context": "https://schema.org", 362 "@type": "WebPage", 363 "name": "Jasper.ai Pricing Page", 364 "url": "https://www.jasper.ai/pricing", 365 "description": "View Jasper's transparent pricing plans for Pro and Business. Compare features, usage limits, billing options, and enterprise solutions tailored to your marketing needs.", 366 "dateModified": "2025-07-01T00:00:00+00:00", 367 "inLanguage": "en-US", 368 "breadcrumb": { 369 "@type": "BreadcrumbList", 370 "itemListElement": [ 371 { 372 "@type": "ListItem", 373 "position": 1, 374 "name": "Home", 375 "item": "https://www.jasper.ai" 376 }, 377 { 378 "@type": "ListItem", 379 "position": 2, 380 "name": "Pricing", 381 "item": "https://www.jasper.ai/pricing" 382 } 383 ] 384 }, 385 "isPartOf": { 386 "@type": "WebSite", 387 "name": "Jasper.ai", 388 "url": "https://www.jasper.ai", 389 "description": "Explore Jasper's flexible pricing for marketing teams and organizations of all sizes: Creator, Pro, and Business plans with options for individuals, teams, and enterprises.", 390 "publisher": { 391 "@id": "https://www.jasper.ai/#organization" 392 } 393 }, 394 "publisher": { 395 "@id": "https://www.jasper.ai/#organization" 396 }, 397 "mainEntity": { 398 "@type": "SoftwareApplication", 399 "@id": "https://www.jasper.ai/platform#software", 400 "name": "Jasper AI", 401 "url": "https://www.jasper.ai/", 402 "description": "Jasper is an AI platform built for marketers and teams to accelerate creative workflows, maintain brand consistency, and streamline campaign production with AI-powered tools.", 403 "applicationCategory": "BusinessApplication", 404 "applicationSubCategory": "Marketing Software", 405 "operatingSystem": "Web Browser", 406 "provider": { 407 "@id": "https://www.jasper.ai/#organization" 408 }, 409 "aggregateRating": { 410 "@type": "AggregateRating", 411 "ratingValue": "4.8", 412 "reviewCount": "10000", 413 "bestRating": "5", 414 "worstRating": "1" 415 }, 416 "offers": [ 417 { 418 "eligibleCustomerType": "Individual", 419 "category": "Monthly Subscription" 420 }, 421 { 422 "eligibleCustomerType": "Individual", 423 "category": "Annual Subscription" 424 }, 425 { 426 "@type": "Offer", 427 "name": "Pro Plan (Monthly)", 428 "description": "Collaboration tools, campaign support, and enhanced brand controls for marketing teams. Includes 1 user with ability to add up to 5 total users", 429 "price": "69", 430 "priceCurrency": "USD", 431 "priceValidUntil": "2025-12-31", 432 "availability": "https://schema.org/InStock", 433 "url": "https://www.jasper.ai/pricing", 434 "seller": { 435 "@id": "https://www.jasper.ai/#organization" 436 }, 437 "eligibleCustomerType": "Small Team", 438 "category": "Monthly Subscription" 439 }, 440 { 441 "@type": "Offer", 442 "name": "Pro Plan (Annual)", 443 "description": "Yearly billing for Pro teams with campaign management, collaboration, and advanced controls. Save ~20% with annual billing", 444 "price": "59", 445 "priceCurrency": "USD", 446 "priceValidUntil": "2025-12-31", 447 "availability": "https://schema.org/InStock", 448 "url": "https://www.jasper.ai/pricing", 449 "seller": { 450 "@id": "https://www.jasper.ai/#organization" 451 }, 452 "eligibleCustomerType": "Small Team", 453 "category": "Annual Subscription" 454 }, 455 { 456 "@type": "Offer", 457 "name": "Business Plan", 458 "description": "Custom solutions for large teams and enterprises with advanced brand governance, integrations, security, SSO, dedicated team spaces, and custom style guides. Minimum 12-month commitment", 459 "availability": "https://schema.org/InStock", 460 "url": "https://www.jasper.ai/pricing", 461 "seller": { 462 "@id": "https://www.jasper.ai/#organization" 463 }, 464 "eligibleCustomerType": "Enterprise", 465 "category": "Custom Enterprise Solution", 466 "priceSpecification": { 467 "@type": "PriceSpecification", 468 "priceCurrency": "USD", 469 "price": "Contact for pricing" 470 } 471 }, 472 { 473 "@type": "Offer", 474 "name": "Free Trial", 475 "description": "7-day free trial of Creator or Pro plans to explore all platform features before choosing a plan", 476 "price": "0", 477 "priceCurrency": "USD", 478 "availability": "https://schema.org/InStock", 479 "url": "https://app.jasper.ai/", 480 "seller": { 481 "@id": "https://www.jasper.ai/#organization" 482 }, 483 "category": "Free Trial", 484 "validThrough": "P7D" 485 } 486 ], 487 "audience": [ 488 { 489 "@type": "PeopleAudience", 490 "audienceType": "Individual Content Creators", 491 "description": "Individuals needing AI for content creation, personalization, and rewriting" 492 }, 493 { 494 "@type": "PeopleAudience", 495 "audienceType": "Marketing Teams", 496 "description": "Teams needing collaboration tools, campaign support, and brand controls" 497 }, 498 { 499 "@type": "PeopleAudience", 500 "audienceType": "Enterprise Organizations", 501 "description": "Large companies needing advanced security, governance, and custom integrations" 502 } 503 ] 504 }, 505 "hasPart": [ 506 { 507 "@type": "FAQPage", 508 "name": "Jasper Pricing FAQ", 509 "description": "Frequently asked questions about Jasper's pricing, plans, and billing", 510 "mainEntity": [ 511 { 512 "@type": "Question", 513 "name": "How much does Jasper cost?",
514 "acceptedAnswer": { 515 "@type": "Answer", 516 "text": "Jasper offers flexible pricing with Pro plans for individuals and teams, plus custom Business solutions for enterprises. See the pricing page for the most current rates and plan details." 517 } 518 }, 519 { 520 "@type": "Question", 521 "name": "Is there a free trial available for Jasper?", 522 "acceptedAnswer": { 523 "@type": "Answer", 524 "text": "Yes, Jasper provides a 7-day free trial so you can explore all platform features before choosing a plan." 525 } 526 }, 527 { 528 "@type": "Question", 529 "name": "What is included in the Business plan?", 530 "acceptedAnswer": { 531 "@type": "Answer", 532 "text": "Jasper's Business plan includes advanced brand controls, dedicated customer success, API integrations, higher limits, and custom onboarding support tailored for large teams and enterprises." 533 } 534 }, 535 { 536 "@type": "Question", 537 "name": "Can I manage multiple brands or clients with Jasper?", 538 "acceptedAnswer": { 539 "@type": "Answer", 540 "text": "Yes, Jasper's multi-brand management features are available in the Pro and Business plans, letting agencies or complex organizations handle multiple brand guidelines and assets." 541 } 542 }, 543 { 544 "@type": "Question", 545 "name": "Do Jasper plans include image generation?", 546 "acceptedAnswer": { 547 "@type": "Answer", 548 "text": "All paid Jasper plans include AI-powered image generation and editing so you can create on-brand visuals easily." 549 } 550 } 551 ] 552 } 553 ], 554 "mentions": [ 555 { 556 "@type": "Organization", 557 "name": "Wayfair", 558 "description": "Large company that chooses Jasper to help create on-brand content at scale" 559 }, 560 { 561 "@type": "Organization", 562 "name": "SentinelOne", 563 "description": "Large company that chooses Jasper to help create on-brand content at scale" 564 }, 565 { 566 "@type": "Organization", 567 "name": "IHeartMedia", 568 "description": "Large company that chooses Jasper to help create on-brand content at scale" 569 } 570 ], 571 "potentialAction": [ 572 { 573 "@type": "BuyAction", 574 "name": "Start Free Trial", 575 "target": "https://app.jasper.ai/", 576 "description": "Start a 7-day free trial of Jasper AI platform" 577 }, 578 { 579 "@type": "ViewAction", 580 "name": "Contact Sales", 581 "target": "https://www.jasper.ai/demo", 582 "description": "Talk with sales for Business plan demo and custom pricing" 583 } 584 ] 585} 586</script>
586<script src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313%2F6544eda5f000985a163a8687%2F69037f634cda873b9fc29915%2Ffinsweetcomponentsconfig-1.0.0.js" type="module" async="" siteId="6807ee8d73c233fb82842313" finsweet="components"></script>
586</head><body><div class="page_wrap"><div class="page_code_wrap u-theme-dark"><div class="page_code_base w-embed"><style> 587 :root { 588 --site--max-width: min(var(--site--width), 100vw); 589 --container--main: calc(var(--site--max-width) - var(--site--margin) * 2); 590 --container--full: calc(100vw - var(--site--margin) * 2); 591 --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 2) - var(--site--gutter)); 592 --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); 593 --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count)); 594 --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); 595 --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); 596 --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); 597 --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); 598 --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); 599 --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); 600 --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); 601 --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); 602 --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); 603 --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); 604 --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); 605 --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); 606 --column-margin--1: calc(var(--column-width--plus-gutter) * 1); 607 --column-margin--2: calc(var(--column-width--plus-gutter) * 2); 608 --column-margin--3: calc(var(--column-width--plus-gutter) * 3); 609 --column-margin--4: calc(var(--column-width--plus-gutter) * 4); 610 --column-margin--5: calc(var(--column-width--plus-gutter) * 5); 611 --column-margin--6: calc(var(--column-width--plus-gutter) * 6); 612 --column-margin--7: calc(var(--column-width--plus-gutter) * 7); 613 --column-margin--8: calc(var(--column-width--plus-gutter) * 8); 614 --column-margin--9: calc(var(--column-width--plus-gutter) * 9); 615 --column-margin--10: calc(var(--column-width--plus-gutter) * 10); 616 --column-margin--11: calc(var(--column-width--plus-gutter) * 11); 617 --column-margin--12: calc(var(--column-width--plus-gutter) * 12); 618 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 619 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 620 --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); 621 --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end); 622 --_typography---text-transform--none: none; 623 --_typography---text-transform--uppercase: uppercase; 624 --_typography---text-transform--captialize: capitalize; 625 --_typography---text-transform--lowercase: lowercase; 626 --align--start: start; 627 --align--center: center; 628 --align--end: end; 629 --is-variable-font: 0; 630 } 631 * { 632 vertical-align: bottom; 633 } 634 ::before, ::after { 635 box-sizing: border-box; 636 } 637 html { 638 background-color: var(--_theme---background); 639 } 640 button { 641 background-color: unset; 642 padding: unset; 643 text-align: inherit; 644 } 645 button:not(:disabled) { 646 cursor: pointer; 647 } 648 video { 649 width: 100%; 650 object-fit: cover; 651 } 652 /* remove padding of empty element */ 653 .wf-empty { 654 padding: 0; 655 } 656 svg { 657 max-width: 100%; 658 } 659 section, header, footer { 660 position: relative; 661 } 662 @media (prefers-color-scheme: light) { 663 option { color: black; } 664 } 665 img::selection { 666 background: transparent; 667 } 668 /* Typography */ 669 body { 670 text-transform: var(--_text-style---text-transform); 671 font-smoothing: antialiased; 672 -webkit-font-smoothing: antialiased; 673 } 674 /* Clear Defaults */ 675 a:not([class]) { 676 text-decoration: underline; 677 } 678 h1,h2,h3,h4,h5,h6,p,blockquote,label { 679 font-family: inherit; 680 font-size: inherit; 681 font-weight: inherit; 682 line-height: inherit; 683 letter-spacing: inherit; 684 text-transform: inherit; 685 text-wrap: inherit; 686 margin-top: 0; 687 margin-bottom: 0; 688 } 689 p, h1, h2, h3, h4, h5, h6, span, div, a, li, blockquote, label, button, input, textarea { 690 font-variation-settings: "opsz" 45; 691 } 692 /* Selection Color */ 693 ::selection { 694 background-color: var(--_theme---selection--background); 695 color: var(--_theme---selection--text); 696 } 697 /* Margin Trim */ 698 :is(.u-margin-trim, .u-rich-text) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { 699 margin-top: 0; 700 } 701 :is(.u-margin-trim, .u-rich-text) > :not(:has(~ :not(.w-condition-invisible))) { 702 margin-bottom: 0; 703 } 704 /* Line Height Trim */ 705 :is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::before { 706 content: ""; 707 display: table; 708 margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); 709 } 710 :is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::after { 711 content: ""; 712 display: table; 713 margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); 714 } 715 /* Rich Text Links */ 716 .w-richtext a { 717 position: relative; 718 z-index: 4; 719 } 720 /* Line Clamp */ 721 .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 722 -webkit-line-clamp: 1; 723 -webkit-box-orient: vertical; 724 } 725 .u-line-clamp-2 { -webkit-line-clamp: 2; } 726 .u-line-clamp-3 { -webkit-line-clamp: 3; } 727 .u-line-clamp-4 { -webkit-line-clamp: 4; } 728 /* Child Contain */ 729 .u-child-contain > * { 730 width: 100%; 731 max-width: inherit !important; 732 margin-inline: 0 !important; 733 margin-top: 0 !important; 734 } 735 /* Hide */ 736 .u-hide-if-empty:empty, 737 .u-hide-if-empty:not(:has(> :not(.w-condition-invisible))), 738 .u-hide-if-empty-cms:not(:has(.w-dyn-item)), 739 .u-embed-js, 740 .u-embed-css { 741 display: none !important; 742 } 743 /* Focus State */ 744 a, button, :where([tabindex]) {
745 outline-offset: var(--focus--offset-outer); 746 } 747 a:focus-visible, 748 button:focus-visible, 749 [tabindex]:focus-visible { 750 outline-color: var(--_theme---text); 751 outline-width: var(--focus--width); 752 outline-style: solid; 753 } 754 /* Global / Clickable Component */ 755 .wf-design-mode .g_clickable_wrap { 756 z-index: 0; 757 } 758 .g_clickable_wrap a[href="#"] { 759 display: none; 760 } 761 .g_clickable_wrap a[href="#"] ~ button { 762 display: block; 763 } 764 /* Responsive */ 765 @container (width < 62em) { 766 .u-grid-from-large { display: flex; } 767 } 768 @container (width < 48em) { 769 .u-grid-from-medium { display: flex; } 770 } 771 @container (width < 30em) { 772 .u-grid-from-small { display: flex; } 773 } 774</style></div><div class="page_code_custom w-embed"><style> 775 776 /* Hide scrollbar for Chrome, Safari and Opera */ 777 .u-hide-scrollbar::-webkit-scrollbar { 778 display: none; 779 } 780 781 /* Hide scrollbar for IE, Edge and Firefox */ 782 .u-hide-scrollbar { 783 -ms-overflow-style: none; /* IE and Edge */ 784 scrollbar-width: none; /* Firefox */ 785 } 786 787 /* Base styles - ensure wrapper allows transforms */ 788 .g_card .g_visual_wrap { 789 overflow: hidden; 790 } 791 792 .g_card .g_visual_img { 793 --rotation: 0deg; 794 transition: all 50ms ease !important; 795 transform: rotate(0deg) scale(1) !important; 796 } 797 798 .g_card:hover .g_visual_img { 799 transform: scale(1.05) rotate(var(--rotation)) !important; 800 } 801 802 /* Individual rotation values - set on image directly */ 803 .collection_list_item:nth-child(1) .g_visual_img { --rotation: 1.8deg; } 804 .collection_list_item:nth-child(2) .g_visual_img { --rotation: -3.2deg; } 805 .collection_list_item:nth-child(3) .g_visual_img { --rotation: 2.9deg; } 806 .collection_list_item:nth-child(4) .g_visual_img { --rotation: -1.4deg; } 807 .collection_list_item:nth-child(5) .g_visual_img { --rotation: 3.5deg; } 808 .collection_list_item:nth-child(6) .g_visual_img { --rotation: -2.5deg; } 809 810 /* Repeating pattern for cards beyond 6 */ 811 .collection_list_item:nth-child(6n+7) .g_visual_img { --rotation: 1.5deg; } 812 .collection_list_item:nth-child(6n+8) .g_visual_img { --rotation: -2.1deg; } 813 .collection_list_item:nth-child(6n+9) .g_visual_img { --rotation: 3.2deg; } 814 .collection_list_item:nth-child(6n+10) .g_visual_img { --rotation: -3.0deg; } 815 .collection_list_item:nth-child(6n+11) .g_visual_img { --rotation: 1.7deg; } 816 .collection_list_item:nth-child(6n+12) .g_visual_img { --rotation: -3.4deg; } 817 818 /* Individual rotation values - set on image directly */ 819 .blog_list_item:nth-child(1) .g_visual_img { --rotation: 1.8deg; } 820 .blog_list_item:nth-child(2) .g_visual_img { --rotation: -3.2deg; } 821 .blog_list_item:nth-child(3) .g_visual_img { --rotation: 2.9deg; } 822 .blog_list_item:nth-child(4) .g_visual_img { --rotation: -1.4deg; } 823 .blog_list_item:nth-child(5) .g_visual_img { --rotation: 3.5deg; } 824 .blog_list_item:nth-child(6) .g_visual_img { --rotation: -2.5deg; } 825 826 /* Repeating pattern for cards beyond 6 */ 827 .blog_list_item:nth-child(6n+7) .g_visual_img { --rotation: 1.5deg; } 828 .blog_list_item:nth-child(6n+8) .g_visual_img { --rotation: -2.1deg; } 829 .blog_list_item:nth-child(6n+9) .g_visual_img { --rotation: 3.2deg; } 830 .blog_list_item:nth-child(6n+10) .g_visual_img { --rotation: -3.0deg; } 831 .blog_list_item:nth-child(6n+11) .g_visual_img { --rotation: 1.7deg; } 832 .blog_list_item:nth-child(6n+12) .g_visual_img { --rotation: -3.4deg; } 833 834 .g_card:hover .g_visual_overlay { 835 opacity: 1; 836 } 837 838 .hanging-quote { 839 hanging-punctuation: first last; 840 padding-left: 1em; 841 } 842 843 /* Fallback for other browsers using text-indent */ 844 @supports not (hanging-punctuation: first) { 845 .hanging-quote { 846 text-indent: -1em; /* Moves the first line (the quote) to the left */ 847 } 848 } 849 850 @keyframes jitter { 851 0% { transform: translate(0px, 0px) rotate(0deg); } 852 10% { transform: translate(-3px, 2px) rotate(-0.8deg); } 853 20% { transform: translate(2px, -3px) rotate(0.6deg); } 854 30% { transform: translate(-2px, -2px) rotate(0.4deg); } 855 45% { transform: translate(3px, 1px) rotate(-0.5deg); } 856 55% { transform: translate(-1px, 3px) rotate(0.7deg); } 857 65% { transform: translate(2px, -1px) rotate(-0.3deg); } 858 75% { transform: translate(-3px, 2px) rotate(0.6deg); } 859 85% { transform: translate(1px, -2px) rotate(-0.4deg); } 860 95% { transform: translate(-2px, 1px) rotate(0.3deg); } 861 100% { transform: translate(0px, 0px) rotate(0deg); } 862} 863 864.jitter { 865 animation: jitter 9.6s steps(1, end) infinite; 866 display: inline-block; 867} 868 869.jitter-slow { 870 animation: jitter 14.4s steps(1, end) infinite; 871 display: inline-block; 872} 873 874.jitter-fast { 875 animation: jitter 4.8s steps(1, end) infinite; 876 display: inline-block; 877} 878</style></div><div class="page_code_edit-mode w-embed"><style> 879 /* ----- edit mode ----- */ 880 /* ----- edit mode ----- */ 881 882 [data-edit="true"] { 883 /* to show/hide */ 884 display: block; 885 } 886 887 .w-editor { 888 889 } 890 891 892 893 894</style></div><div class="page_split_text_animation w-embed w-script">
894<script> 895document.addEventListener("DOMContentLoaded", function () { 896 document.querySelectorAll(".page_main").forEach((element) => { 897 if (element.dataset.scriptInitialized) return; 898 element.dataset.scriptInitialized = "true"; 899 // run script here 900 901 /** 902 * Find and process all elements with text-anim attribute 903 * Split text only for elements that will be animated 904 */ 905 function initTextAnimations() { 906 // Find all elements with the text-anim attribute 907 const animElements = document.querySelectorAll('[text-anim]') 908 909 animElements.forEach((element) => { 910 // Extract the animation type and parameters 911 const textAnimAttr = element.getAttribute('text-anim') 912 if (!textAnimAttr) return 913 914 // Extract the animation type (first parameter) 915 const animType = textAnimAttr.split(',')[0].trim() 916 917 // Default values 918 let staggerValue = animType === 'para' ? 0.03 : 0.1 // default stagger (different per type) 919 let startDelay = 0 // default start delay is 0 for both types 920 let showMarkers = false // default hide markers 921 922 // Parse parameters if provided 923 if (textAnimAttr.includes(',')) { 924 const parts = textAnimAttr.split(',') 925 926 // Check for parameters (can be in any order after the first) 927 for (let i = 1; i < parts.length; i++) { 928 const part = parts[i].trim() 929 930 // Check for stagger value 931 if (part.startsWith('stagger')) { 932 const staggerVal = parseFloat(part.substring(7)) 933 if (!isNaN(staggerVal)) { 934 staggerValue = staggerVal 935 } 936 } 937 938 // Check for markers 939 else if (part === 'markers') { 940 showMarkers = true 941 } 942 943 // Check for delay 944 else if (part.startsWith('delay')) { 945 const delayValue = parseFloat(part.substring(5)) 946 if (!isNaN(delayValue)) { 947 startDelay = delayValue 948 } 949 } 950 } 951 } 952 953 // Determine which split text elements to animate 954 let elementsToAnimate 955 let splitType = '' 956 957 // Si text-anim a une valeur, on split automatiquement 958 // Utiliser split-text pour le type, sinon défaut à "words" 959 const splitTextAttr = element.getAttribute('split-text') || 'words' 960 961 try { 962 const splitTextInstance = SplitText.create(element, { 963 type: splitTextAttr, 964 reduceWhiteSpace: false, 965 }) 966 967 // Store for reference 968 element.splitTextInstance = splitTextInstance 969 element.splitTextType = splitTextAttr 970 971 // Get the elements to animate 972 elementsToAnimate = getElementsToAnimate(splitTextInstance, splitTextAttr) 973 splitType = splitTextAttr 974 } catch (error) { 975 console.warn('Error creating SplitText for element:', element, error) 976 // Fallback to animating the element itself 977 elementsToAnimate = [element] 978 } 979 980 // Vérifier que nous avons des éléments valides avant d'appliquer l'animation 981 if (!elementsToAnimate || elementsToAnimate.length === 0) { 982 console.warn('No elements to animate for:', element) 983 return 984 } 985 986 // Apply the animation 987 if (animType === 'display') { 988 createStopMotionAnimation( 989 elementsToAnimate, 990 splitType, 991 element, 992 staggerValue, 993 startDelay, 994 showMarkers 995 ) 996 } else if (animType === 'para') { 997 createParaAnimation( 998 elementsToAnimate, 999 splitType, 1000 element, 1001 staggerValue, 1002 startDelay, 1003 showMarkers 1004 ) 1005 } 1006 }) 1007 1008 // Announce that text processing is complete 1009 announceTextSplit() 1010 } 1011 1012 /** 1013 * Simple paragraph-style animation (fade-in only) 1014 */ 1015 function createParaAnimation( 1016 elementsToAnimate, 1017 splitType, 1018 originalElement, 1019 staggerValue = 0.03, 1020 startDelay = 0, 1021 showMarkers = false 1022 ) { 1023 // Vérifier que nous avons des éléments valides 1024 if (!elementsToAnimate || elementsToAnimate.length === 0) { 1025 console.warn('No valid elements to animate in para animation') 1026 return 1027 } 1028
1029 // Filter out any invalid elements 1030 const validElements = elementsToAnimate.filter((element) => element != null) 1031 1032 if (validElements.length === 0) { 1033 console.warn('No valid elements after filtering in para animation') 1034 return 1035 } 1036 1037 // Set initial state (hidden) 1038 gsap.set(validElements, { autoAlpha: 0 }) 1039 1040 // Create the main timeline for revealing elements 1041 const mainTl = gsap.timeline({ 1042 scrollTrigger: { 1043 trigger: originalElement, 1044 start: 'top 80%', 1045 toggleActions: 'play none none none', 1046 markers: showMarkers, 1047 id: 'para-text-' + Math.round(Math.random() * 1000), 1048 }, 1049 delay: startDelay, 1050 }) 1051 1052 // Simple staggered fade-in with the specified stagger value 1053 mainTl.to(validElements, { 1054 autoAlpha: 1, 1055 duration: 0.01, // Quick fade-in 1056 stagger: staggerValue, 1057 }) 1058 } 1059 1060 function createScaleAnimation( 1061 elementsToAnimate, 1062 splitType, 1063 originalElement, 1064 staggerValue = 0.1, 1065 startDelay = 0, 1066 showMarkers = false 1067 ) { 1068 // Vérifier que nous avons des éléments valides 1069 if (!elementsToAnimate || elementsToAnimate.length === 0) { 1070 console.warn('No valid elements to animate in scale animation') 1071 return 1072 } 1073 1074 // Filter out any invalid elements 1075 const validElements = elementsToAnimate.filter((element) => element != null) 1076 1077 if (validElements.length === 0) { 1078 console.warn('No valid elements after filtering in scale animation') 1079 return 1080 } 1081 1082 // Find any .span-highlight elements within the target 1083 const highlightElements = originalElement.querySelectorAll('.span-highlight') 1084 const highlightChildElements = [] 1085 1086 // Find all split words that are inside highlight spans 1087 highlightElements.forEach((highlight) => { 1088 const childElements = highlight.querySelectorAll('[aria-hidden="true"]') 1089 childElements.forEach((child) => { 1090 // Vérifier que l'élément existe et est dans notre liste d'éléments valides 1091 if (child && validElements.includes(child)) { 1092 highlightChildElements.push(child) 1093 } 1094 }) 1095 }) 1096 1097 // Set scale ranges 1098 const scaleStartValue = 0.6 1099 const scaleEndValue = 1 1100 1101 // Set initial state (hidden and scaled down) 1102 gsap.set(validElements, { 1103 autoAlpha: 0, 1104 scale: scaleStartValue, 1105 transformOrigin: 'center center', 1106 }) 1107 1108 // Create the main timeline for revealing elements 1109 const mainTl = gsap.timeline({ 1110 scrollTrigger: { 1111 trigger: originalElement, 1112 start: 'top 80%', 1113 toggleActions: 'play none none none', 1114 markers: showMarkers, 1115 scrub: false, 1116 id: 'display-text-' + Math.round(Math.random() * 1000), 1117 }, 1118 delay: startDelay, 1119 onComplete: () => {
1120 ScrollTrigger.update() 1121 }, 1122 }) 1123 1124 // Calculate when the last element will finish animating 1125 const lastElementIndex = validElements.length - 1 1126 const totalDuration = lastElementIndex * staggerValue + 0.5 1127 1128 // Separate timeline for highlight elements 1129 const highlightJitterTl = gsap.timeline() 1130 1131 // Set up subtle jittering for highlighted elements if they exist 1132 if (highlightChildElements.length > 0) { 1133 // Add a subtle jitter effect to highlighted elements 1134 highlightJitterTl 1135 .to(highlightChildElements, { 1136 scale: (i) => scaleEndValue + Math.random() * 0.05, // Slight scale variation 1137 yPercent: 20, 1138 duration: MOTION_CONFIG.durationS, 1139 stagger: staggerValue / 2, 1140 ease: MOTION_CONFIG.easeOut, 1141 }) 1142 .to(highlightChildElements, { 1143 scale: scaleEndValue, 1144 duration: 0.2, 1145 stagger: staggerValue / 2, 1146 ease: MOTION_CONFIG.easeOut, 1147 }) 1148 1149 // Add the jittering timeline to the main timeline 1150 mainTl.add(highlightJitterTl, staggerValue * 2) 1151 } 1152 1153 // Add the scale up animation for all elements with staggered starts 1154 mainTl.to( 1155 validElements, 1156 { 1157 autoAlpha: 1, 1158 scale: scaleEndValue, 1159 duration: MOTION_CONFIG.durationS, 1160 stagger: staggerValue, 1161 ease: MOTION_CONFIG.easeOut, 1162 }, 1163 0 1164 ) 1165 1166 return mainTl 1167 } 1168 1169 /** 1170 * Stop motion animation (with displacement effects) 1171 */ 1172 function createStopMotionAnimation( 1173 elementsToAnimate, 1174 splitType, 1175 originalElement, 1176 staggerValue = 0.1, 1177 startDelay = 0, 1178 showMarkers = false 1179 ) { 1180 // Vérifier que nous avons des éléments valides 1181 if (!elementsToAnimate || elementsToAnimate.length === 0) { 1182 console.warn('No valid elements to animate') 1183 return 1184 } 1185 1186 // Filter out any invalid elements 1187 const validElements = elementsToAnimate.filter((element) => element != null) 1188 1189 if (validElements.length === 0) { 1190 console.warn('No valid elements after filtering') 1191 return 1192 } 1193 1194 // Find any .span-highlight elements within the target 1195 const highlightElements = originalElement.querySelectorAll('.span-highlight') 1196 const highlightChildElements = [] 1197 1198 // Find all split words that are inside highlight spans 1199 highlightElements.forEach((highlight) => { 1200 const childElements = highlight.querySelectorAll('[aria-hidden="true"]') 1201 childElements.forEach((child) => { 1202 // Vérifier que l'élément existe et est dans notre liste d'éléments valides 1203 if (child && validElements.includes(child)) { 1204 highlightChildElements.push(child) 1205 } 1206 }) 1207 }) 1208 1209 // Set displacement ranges (using the former "min" values as default) 1210 const xInitialRange = { min: 1, max: 3 } 1211 const yInitialRange = { min: 1, max: 2 } 1212 const rotationRange = { min: 0.1, max: 0.5 } 1213 const scaleRange = { min: 0.98, max: 1.02 } 1214 1215 // Set initial state (hidden) - uniquement pour les éléments valides 1216 gsap.set(validElements, { autoAlpha: 0 }) 1217 1218 // Create the main timeline for revealing elements 1219 const mainTl = gsap.timeline({ 1220 scrollTrigger: { 1221 trigger: originalElement, 1222 start: 'top 80%', 1223 toggleActions: 'play none none none', 1224 markers: showMarkers, 1225 id: 'display-text-' + Math.round(Math.random() * 1000), 1226 }, 1227 delay: startDelay, 1228 }) 1229 1230 // Calculate when the last element will finish animating 1231 const lastElementIndex = validElements.length - 1 1232 const totalDuration = lastElementIndex * staggerValue + 0.3 1233 1234 // Separate timeline for continuous highlight jittering 1235 const highlightJitterTl = gsap.timeline() 1236 1237 // Set up continuous jittering for highlighted elements 1238 if (highlightChildElements.length > 0) { 1239 // The jitter effect starts immediately and runs until all elements are done animating 1240 const jitterInterval = 0.08 // How frequently to change rotation/scale 1241 const numJitters = Math.ceil(totalDuration / jitterInterval) 1242 1243 for (let i = 0; i < numJitters; i++) { 1244 highlightJitterTl.set(highlightChildElements, { 1245 rotation: () => 1246 getRandomDisplacement(rotationRange.min, rotationRange.max), 1247 scale: () => 1248 scaleRange.min + Math.random() * (scaleRange.max - scaleRange.min), 1249 delay: jitterInterval, 1250 }) 1251 } 1252 1253 // Final settling after all jitters 1254 highlightJitterTl.set(highlightChildElements, { 1255 rotation: 0, 1256 scale: 1, 1257 }) 1258 1259 // Add the jittering timeline to the main timeline 1260 mainTl.add(highlightJitterTl, 0) 1261 } 1262 1263 // Add each element to the timeline with staggered starts
1264 validElements.forEach((element, index) => { 1265 const delay = index * staggerValue // Apply the stagger value 1266 1267 // Create individual timeline for each element's animation 1268 const elementTl = gsap.timeline({ delay: delay }) 1269 1270 // Add to main timeline 1271 mainTl.add(elementTl, 0) 1272 1273 // Check if this element is a highlighted element 1274 const isHighlighted = highlightChildElements.includes(element) 1275 1276 // Generate random frames for stop motion effect (2-3 frames only) 1277 const frames = 2 + Math.floor(Math.random() * 2) 1278 const frameDuration = 0.08 // Duration to show each frame 1279 1280 // First frame - appear with subtle random position 1281 if (isHighlighted) { 1282 // Highlighted elements get x/y animation (but rotation/scale come from the jitter timeline) 1283 elementTl.set(element, { 1284 autoAlpha: 1, 1285 x: getRandomDisplacement(xInitialRange.min, xInitialRange.max), 1286 y: getRandomDisplacement(yInitialRange.min, yInitialRange.max), 1287 }) 1288 } else { 1289 // Regular elements get x/y displacement 1290 elementTl.set(element, { 1291 autoAlpha: 1, 1292 x: getRandomDisplacement(xInitialRange.min, xInitialRange.max), 1293 y: getRandomDisplacement(yInitialRange.min, yInitialRange.max), 1294 }) 1295 } 1296 1297 // Middle frames - subtle jittery movement 1298 for (let i = 0; i < frames; i++) { 1299 // Calculate decreasing displacement values for each frame 1300 const factor = Math.max(0.5, 1 - i / frames) 1301 const xMidRange = { 1302 min: 0.5 * factor, 1303 max: xInitialRange.max * 0.6 * factor, 1304 } 1305 const yMidRange = { 1306 min: 0.5 * factor, 1307 max: yInitialRange.max * 0.6 * factor, 1308 } 1309 1310 if (isHighlighted) { 1311 // Highlighted elements only animate x/y here (rotation/scale from jitter timeline) 1312 elementTl.set(element, { 1313 x: getRandomDisplacement(xMidRange.min, xMidRange.max), 1314 y: getRandomDisplacement(yMidRange.min, yMidRange.max), 1315 delay: frameDuration, 1316 }) 1317 1318 // Occasional mild opacity flicker (less frequent) 1319 if (Math.random() > 0.8) { 1320 elementTl.set(element, { 1321 autoAlpha: 0.92 + Math.random() * 0.08, 1322 delay: frameDuration / 2, 1323 }) 1324 1325 elementTl.set(element, { 1326 autoAlpha: 1, 1327 delay: frameDuration / 2, 1328 }) 1329 } else { 1330 elementTl.set({}, {}, frameDuration) // Just wait for a frame 1331 } 1332 } else { 1333 // Regular elements get x/y changes 1334 elementTl.set(element, { 1335 x: getRandomDisplacement(xMidRange.min, xMidRange.max), 1336 y: getRandomDisplacement(yMidRange.min, yMidRange.max), 1337 delay: frameDuration, 1338 }) 1339 } 1340 } 1341 1342 // Final frame - settle x/y into position (all elements) 1343 elementTl.set(element, { 1344 x: 0, 1345 y: 0, 1346 delay: frameDuration, 1347 }) 1348 }) 1349 1350 return mainTl 1351 } 1352 1353 /** 1354 * Determine which elements to animate based on split type 1355 */ 1356 function getElementsToAnimate(splitText, splitType) { 1357 let elements = [] 1358 1359 // Priority: chars > words > lines 1360 if (splitType.includes('chars') && splitText.chars) { 1361 elements = splitText.chars 1362 } else if (splitType.includes('words') && splitText.words) { 1363 elements = splitText.words 1364 } else if (splitType.includes('lines') && splitText.lines) { 1365 elements = splitText.lines 1366 } else { 1367 // Default to the element itself if no valid type is specified 1368 elements = [splitText.target] 1369 } 1370 1371 // Filter out any undefined/null elements 1372 return elements.filter((element) => element != null) 1373 } 1374 1375 /** 1376 * Generate a random displacement value that can be positive or negative 1377 */ 1378 function getRandomDisplacement(min, max) { 1379 const displacement = min + Math.random() * (max - min) 1380 return Math.random() > 0.5 ? displacement : -displacement 1381 } 1382 1383 function announceTextSplit() { 1384 if (window.textSplitReady) return 1385 window.textSplitReady = true 1386 window.dispatchEvent(new Event('textSplit')) 1387 } 1388 1389 document.fonts.ready.then(() => { 1390 //initTextAnimations() 1391 }) 1392 }); 1393}); 1394</script>
1394</div><div class="page_slider_animations w-embed w-script">
1394<script> 1395document.addEventListener("DOMContentLoaded", function () { 1396 console.log("Slider script loaded"); 1397 1398 // Find all slider wrappers 1399 const wrappers = document.querySelectorAll('[data-slider="wrapper"]'); 1400 console.log("Found data-slider wrapper elements:", wrappers.length); 1401 1402 if (wrappers.length === 0) { 1403 console.log("No data-slider wrapper elements found"); 1404 return; 1405 } 1406 1407 // Initialize each slider 1408 wrappers.forEach((wrapper, wrapperIndex) => { 1409 console.log(`Initializing wrapper ${wrapperIndex + 1}`); 1410 1411 // Remove initialization flag to allow re-initialization 1412 wrapper.removeAttribute('data-script-initialized'); 1413 1414 // Find the list and slides 1415 const list = wrapper.querySelector('[data-slider="list"]'); 1416 if (!list) { 1417 console.log(`Wrapper ${wrapperIndex + 1}: No list element found`); 1418 return; 1419 } 1420 1421 const slides = Array.from(list.children); 1422 console.log(`Wrapper ${wrapperIndex + 1}: Found ${slides.length} slides`); 1423 1424 if (slides.length === 0) { 1425 console.log(`Wrapper ${wrapperIndex + 1}: No slides found`); 1426 return; 1427 } 1428 1429 // Find navigation buttons 1430 const nextButton = wrapper.querySelector('[data-slider="button-next"]'); 1431 const prevButton = wrapper.querySelector('[data-slider="button-prev"]'); 1432 console.log(`Wrapper ${wrapperIndex + 1}: Found buttons - prev: ${!!prevButton}, next: ${!!nextButton}`); 1433 1434 // Slider state 1435 let currentIndex = 0; 1436 let isAnimating = false; 1437 let activeElement; 1438 1439 // Get the correct container width - look for the immediate parent that has a defined width 1440 let container = list.parentElement;
1441 let containerWidth = container.offsetWidth; 1442 1443 // If the parent is too wide, look for a more specific container 1444 if (containerWidth > 2000) { 1445 // Look for the slider_main_list_wrap or similar container 1446 const sliderContainer = wrapper.querySelector('.slider_main_list_wrap'); 1447 if (sliderContainer) { 1448 container = sliderContainer; 1449 containerWidth = container.offsetWidth; 1450 console.log(`Wrapper ${wrapperIndex + 1}: Using slider_main_list_wrap, width: ${containerWidth}`); 1451 } else { 1452 // Try to find a container with a reasonable width 1453 const containers = wrapper.querySelectorAll('div'); 1454 for (let cont of containers) { 1455 const width = cont.offsetWidth; 1456 if (width > 0 && width < 2000) { 1457 container = cont; 1458 containerWidth = width; 1459 console.log(`Wrapper ${wrapperIndex + 1}: Found reasonable container, width: ${containerWidth}`); 1460 break; 1461 } 1462 } 1463 } 1464 } 1465 1466 const slideWidth = slides[0].offsetWidth; 1467 const slideMargin = parseInt(getComputedStyle(slides[0]).marginRight) || 0; 1468 const totalSlideWidth = slideWidth + slideMargin; 1469 const visibleSlides = Math.floor(containerWidth / totalSlideWidth); 1470 const maxIndex = Math.max(0, slides.length - visibleSlides); 1471 1472 console.log(`Wrapper ${wrapperIndex + 1}: containerWidth: ${containerWidth}, slideWidth: ${slideWidth}, totalSlideWidth: ${totalSlideWidth}, visibleSlides: ${visibleSlides}, maxIndex: ${maxIndex}`); 1473 1474 // Reset transforms 1475 gsap.set(slides, { x: 0 }); 1476 gsap.set(list, { x: 0 }); 1477 1478 // Update active element 1479 function updateActiveElement() { 1480 if (activeElement) { 1481 activeElement.classList.remove('active'); 1482 } 1483 activeElement = slides[currentIndex]; 1484 if (activeElement) { 1485 activeElement.classList.add('active'); 1486 } 1487 } 1488 1489 // Go to specific slide 1490 function goToSlide(index, animate = true) { 1491 if (isAnimating) return; 1492 1493 const clampedIndex = Math.max(0, Math.min(index, maxIndex)); 1494 if (clampedIndex === currentIndex) return; 1495 1496 console.log(`Wrapper ${wrapperIndex + 1}: Going to slide ${clampedIndex} (was ${currentIndex})`); 1497 1498 isAnimating = true; 1499 currentIndex = clampedIndex; 1500 1501 // Calculate target position - use slideWidth + 16px gap 1502 const gap = 16; // Known gap between slides 1503 const targetX = -currentIndex * (slideWidth + gap); 1504 1505 if (animate) { 1506 gsap.to(list, { 1507 x: targetX, 1508 duration: 0.6, 1509 ease: "power2.out", 1510 onComplete: () => { 1511 isAnimating = false; 1512 updateActiveElement(); 1513 updateButtonStates(); 1514 } 1515 }); 1516 } else { 1517 gsap.set(list, { x: targetX }); 1518 isAnimating = false; 1519 updateActiveElement(); 1520 updateButtonStates(); 1521 } 1522 } 1523 1524 // Update button states 1525 function updateButtonStates() { 1526 if (prevButton) { 1527 const isAtStart = currentIndex === 0; 1528 prevButton.disabled = isAtStart; 1529 prevButton.classList.toggle('disabled', isAtStart); 1530 prevButton.style.opacity = isAtStart ? '0.5' : '1'; 1531 prevButton.style.pointerEvents = isAtStart ? 'none' : 'auto'; 1532 } 1533 if (nextButton) { 1534 const isAtEnd = currentIndex >= maxIndex; 1535 nextButton.disabled = isAtEnd; 1536 nextButton.classList.toggle('disabled', isAtEnd); 1537 nextButton.style.opacity = isAtEnd ? '0.5' : '1'; 1538 nextButton.style.pointerEvents = isAtEnd ? 'none' : 'auto'; 1539 } 1540 } 1541 1542 // Initialize 1543 updateActiveElement(); 1544 updateButtonStates(); 1545 1546 // Button event listeners 1547 if (nextButton) { 1548 nextButton.addEventListener('click', (e) => { 1549 e.preventDefault(); 1550 console.log(`Wrapper ${wrapperIndex + 1}: Next button clicked`); 1551 if (currentIndex < maxIndex) { 1552 goToSlide(currentIndex + 1); 1553 } 1554 }); 1555 } 1556 1557 if (prevButton) { 1558 prevButton.addEventListener('click', (e) => { 1559 e.preventDefault(); 1560 console.log(`Wrapper ${wrapperIndex + 1}: Prev button clicked`); 1561 if (currentIndex > 0) { 1562 goToSlide(currentIndex - 1); 1563 } 1564 }); 1565 } 1566 1567 // Touch/swipe functionality 1568 let startX = 0; 1569 let startY = 0;
1570 let currentX = 0; 1571 let isDragging = false; 1572 let dragStartTime = 0; 1573 1574 function handleTouchStart(e) { 1575 if (isAnimating) return; 1576 1577 const touch = e.touches ? e.touches[0] : e; 1578 startX = touch.clientX; 1579 startY = touch.clientY; 1580 currentX = startX; 1581 isDragging = true; 1582 dragStartTime = Date.now(); 1583 } 1584 1585 function handleTouchMove(e) { 1586 if (!isDragging || isAnimating) return; 1587 1588 const touch = e.touches ? e.touches[0] : e; 1589 const deltaX = touch.clientX - startX; 1590 const deltaY = touch.clientY - startY; 1591 1592 // Only allow horizontal swipes 1593 if (Math.abs(deltaX) < Math.abs(deltaY)) return; 1594 1595 currentX = touch.clientX; 1596 1597 // More forgiving drag - allow larger movement range 1598 const gap = 16; // Known gap between slides 1599 const slideSpacing = slideWidth + gap; 1600 const maxDrag = slideSpacing * 0.8; // Increased from 0.3 1601 const dragAmount = Math.max(-maxDrag, Math.min(maxDrag, deltaX)); 1602 const resistance = 0.7; // Increased from 0.5 for more responsive feel 1603 1604 gsap.set(list, { 1605 x: -currentIndex * slideSpacing + dragAmount * resistance 1606 }); 1607 1608 e.preventDefault(); 1609 } 1610 1611 function handleTouchEnd(e) { 1612 if (!isDragging) return; 1613 1614 isDragging = false; 1615 const deltaX = currentX - startX; 1616 const deltaTime = Date.now() - dragStartTime; 1617 const velocity = Math.abs(deltaX) / deltaTime; 1618 1619 // More forgiving swipe thresholds 1620 const gap = 16; // Known gap between slides 1621 const slideSpacing = slideWidth + gap; 1622 const minSwipeDistance = slideSpacing * 0.15; // Reduced from 0.2 1623 const minVelocity = 0.2; // Reduced from 0.3 1624 1625 if (Math.abs(deltaX) > minSwipeDistance || velocity > minVelocity) { 1626 // Calculate how many slides to move based on distance and velocity 1627 const swipeDistance = Math.abs(deltaX); 1628 const velocityMultiplier = Math.min(velocity / 0.5, 3); // Cap velocity multiplier at 3 1629 const distanceMultiplier = Math.min(swipeDistance / slideSpacing, 2); // Cap distance multiplier at 2 1630 1631 // Combine distance and velocity for natural feel 1632 const slideMultiplier = Math.max(1, Math.min(3, (distanceMultiplier + velocityMultiplier) / 2)); 1633 const slidesToMove = Math.floor(slideMultiplier); 1634 1635 console.log(`Wrapper ${wrapperIndex + 1}: Swipe - distance: ${swipeDistance}, velocity: ${velocity}, slidesToMove: ${slidesToMove}`); 1636 1637 if (deltaX > 0 && currentIndex > 0) { 1638 // Swipe right - go to previous slide(s) 1639 const targetIndex = Math.max(0, currentIndex - slidesToMove); 1640 goToSlide(targetIndex); 1641 } else if (deltaX < 0 && currentIndex < maxIndex) { 1642 // Swipe left - go to next slide(s) 1643 const targetIndex = Math.min(maxIndex, currentIndex + slidesToMove); 1644 goToSlide(targetIndex); 1645 } else { 1646 // Snap back to current position 1647 goToSlide(currentIndex); 1648 } 1649 } else { 1650 // Snap back to current position 1651 goToSlide(currentIndex); 1652 } 1653 } 1654 1655 // Mouse events 1656 let isMouseDown = false; 1657 let mouseStartX = 0; 1658 1659 function handleMouseDown(e) { 1660 if (isAnimating) return; 1661 isMouseDown = true; 1662 mouseStartX = e.clientX; 1663 e.preventDefault(); 1664 } 1665 1666 function handleMouseMove(e) { 1667 if (!isMouseDown || isAnimating) return; 1668 const deltaX = e.clientX - mouseStartX; 1669 const gap = 16; // Known gap between slides 1670 const slideSpacing = slideWidth + gap; 1671 const maxDrag = slideSpacing * 0.8; // Increased from 0.3 1672 const dragAmount = Math.max(-maxDrag, Math.min(maxDrag, deltaX)); 1673 const resistance = 0.7; // Increased from 0.5 1674 1675 gsap.set(list, { 1676 x: -currentIndex * slideSpacing + dragAmount * resistance 1677 }); 1678 } 1679 1680 function handleMouseUp(e) { 1681 if (!isMouseDown) return; 1682 isMouseDown = false; 1683 const deltaX = e.clientX - mouseStartX; 1684 const gap = 16; // Known gap between slides 1685 const slideSpacing = slideWidth + gap; 1686 const minSwipeDistance = slideSpacing * 0.15; // Reduced from 0.2 1687 1688 if (Math.abs(deltaX) > minSwipeDistance) { 1689 // Calculate slides to move based on distance 1690 const swipeDistance = Math.abs(deltaX); 1691 const distanceMultiplier = Math.min(swipeDistance / slideSpacing, 2); 1692 const slidesToMove = Math.max(1, Math.floor(distanceMultiplier)); 1693 1694 console.log(`Wrapper ${wrapperIndex + 1}: Mouse drag - distance: ${swipeDistance}, slidesToMove: ${slidesToMove}`); 1695 1696 if (deltaX > 0 && currentIndex > 0) { 1697 const targetIndex = Math.max(0, currentIndex - slidesToMove); 1698 goToSlide(targetIndex); 1699 } else if (deltaX < 0 && currentIndex < maxIndex) { 1700 const targetIndex = Math.min(maxIndex, currentIndex + slidesToMove); 1701 goToSlide(targetIndex); 1702 } else { 1703 goToSlide(currentIndex); 1704 } 1705 } else { 1706 goToSlide(currentIndex); 1707 } 1708 } 1709 1710 // Add event listeners 1711 list.addEventListener('touchstart', handleTouchStart, { passive: false }); 1712 list.addEventListener('touchmove', handleTouchMove, { passive: false }); 1713 list.addEventListener('touchend', handleTouchEnd, { passive: false }); 1714 1715 list.addEventListener('mousedown', handleMouseDown); 1716 document.addEventListener('mousemove', handleMouseMove); 1717 document.addEventListener('mouseup', handleMouseUp); 1718 1719 // Keyboard navigation 1720 function handleKeydown(e) {
1721 const isSliderFocused = document.activeElement && 1722 (document.activeElement.closest('[data-slider="wrapper"]') === wrapper || 1723 document.activeElement.classList.contains('slider_main_wrap')); 1724 1725 if (!isSliderFocused) return; 1726 1727 if (e.key === 'ArrowLeft' && currentIndex > 0) { 1728 goToSlide(currentIndex - 1); 1729 } else if (e.key === 'ArrowRight' && currentIndex < maxIndex) { 1730 goToSlide(currentIndex + 1); 1731 } 1732 } 1733 1734 document.addEventListener('keydown', handleKeydown); 1735 1736 // Handle window resize 1737 function handleResize() { 1738 // Recalculate container width 1739 let newContainerWidth = container.offsetWidth; 1740 1741 // If the container is still too wide, try to find a better one 1742 if (newContainerWidth > 2000) { 1743 const sliderContainer = wrapper.querySelector('.slider_main_list_wrap'); 1744 if (sliderContainer) { 1745 container = sliderContainer; 1746 newContainerWidth = container.offsetWidth; 1747 } 1748 } 1749 1750 const newSlideWidth = slides[0].offsetWidth; 1751 const newSlideMargin = parseInt(getComputedStyle(slides[0]).marginRight) || 0; 1752 const newTotalSlideWidth = newSlideWidth + newSlideMargin; 1753 const newVisibleSlides = Math.floor(newContainerWidth / newTotalSlideWidth); 1754 const newMaxIndex = Math.max(0, slides.length - newVisibleSlides); 1755 1756 if (currentIndex > newMaxIndex) { 1757 currentIndex = newMaxIndex; 1758 } 1759 1760 // Update variables 1761 const slideWidth = newSlideWidth; 1762 const slideMargin = newSlideMargin; 1763 const totalSlideWidth = newTotalSlideWidth; 1764 const visibleSlides = newVisibleSlides; 1765 const maxIndex = newMaxIndex; 1766 1767 goToSlide(currentIndex, false); 1768 } 1769 1770 window.addEventListener('resize', handleResize); 1771 }); 1772}); 1773</script>
1773 1774 1775<!-- Generate random hover state for cards -->
1776<script> 1777// JavaScript 1778document.querySelectorAll('.g_card .g_visual_img').forEach(image => { 1779 const randomDegrees = (Math.random() * 10 - 5).toFixed(2); 1780 image.style.setProperty('--random-rotation', `${randomDegrees}deg`); 1781}); 1782</script>
1782</div><style>:root {--site--margin: clamp(1.25rem, 0.27844744455159115rem + 3.857280617164899vw, 3.75rem);--_typography---font-size--display: clamp(2.5rem, 1.5284474445515912rem + 3.857280617164899vw, 5rem);--_typography---font-size--h1: clamp(2.375rem, 1.9863789778206364rem + 1.5429122468659595vw, 3.375rem);--_typography---font-size--h2: clamp(2.375rem, 2.375rem + 0vw, 2.375rem);--_typography---font-size--h3: clamp(1.75rem, 1.75rem + 0vw, 1.75rem);--_typography---font-size--h4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_typography---font-size--h5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_typography---font-size--h6: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-large: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);--_typography---font-size--text-main: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-small: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);--_spacing---space--1: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);--_spacing---space--2: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3: clamp(1rem, 1rem + 0vw, 1rem);--_spacing---space--4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_spacing---space--5: clamp(2rem, 2rem + 0vw, 2rem);--_spacing---space--6: clamp(2rem, 1.8056894889103183rem + 0.7714561234329798vw, 2.5rem);--_spacing---space--7: clamp(3rem, 3rem + 0vw, 3rem);--_spacing---space--8: clamp(4rem, 4rem + 0vw, 4rem);--_spacing---section-space--small: clamp(3rem, 2.142857142857143rem + 4.285714285714286vw, 6rem);--_spacing---section-space--main: clamp(4rem, 3.142857142857143rem + 4.285714285714286vw, 7rem);--_spacing---section-space--large: clamp(7rem, 5.785714285714286rem + 6.071428571428571vw, 11.25rem);--_spacing---section-space--page-top: clamp(6.25rem, 5.535714285714286rem + 3.571428571428571vw, 8.75rem);--_spacing---section-space--xsmall: clamp(5rem, 5rem + 0vw, 5rem);--_typography---font-size--text-tiny: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3-5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_spacing---space--9: clamp(5rem, 5rem + 0vw, 5rem);--site--margin: clamp(1rem, 0.41706846673095466rem + 2.3143683702989395vw, 2.5rem);}</style></div><div class="styleguide_guide_wrap"><div class="w-embed"><style> 1783html.wf-design-mode .styleguide_guide_wrap { 1784 display: block; 1785} 1786.styleguide_guide_layout { 1787 counter-reset: gridguides; 1788} 1789.styleguide_guide_layout > div::before { 1790 counter-increment: gridguides; 1791 content: counter(gridguides); 1792} 1793</style></div><div data-padding-bottom="none" data-padding-top="none" class="styleguide_guide_contain u-container"><div class="styleguide_guide_layout"><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div><div class="styleguide_guide_column"></div></div></div></div><div class="nav_wrap"><div class="u-embed-js w-embed w-script">
1793<script> 1794document.addEventListener("DOMContentLoaded", function () { 1795 // Scroll lock utility 1796 const _scroll = { 1797 isLocked: false, 1798 stop: function() { 1799 if (!this.isLocked) { 1800 document.body.style.overflow = 'hidden'; 1801 this.isLocked = true; 1802 console.log('[Nav] Scroll locked'); 1803 } 1804 }, 1805 start: function() { 1806 if (this.isLocked) { 1807 document.body.style.overflow = ''; 1808 this.isLocked = false; 1809 console.log('[Nav] Scroll unlocked'); 1810 } 1811 } 1812 }; 1813 1814 document.querySelectorAll(".nav_wrap").forEach((element) => { 1815 if (element.dataset.scriptInitialized) return; 1816 element.dataset.scriptInitialized = "true"; 1817 // run script here 1818 1819 /* function initNav() { 1820 1821 const nav = document.querySelector('.nav_wrap') 1822 1823 //Desktop version 1824 MM.add('(min-width : 992px)', () => { 1825 const refs = { 1826 overlay: nav.querySelector('.nav_overlay'), 1827 dropdownWrap: nav.querySelector('.nav_dropdown_wrap'), 1828 menuItems: gsap.utils.toArray('.nav_menu_link', nav), 1829 menuBtns: [], 1830 dropdowns: gsap.utils.toArray('.nav_dropdown', nav), 1831 isOpen: false, 1832 currentTimeline: null, // Ajout pour tracker la timeline active 1833 } 1834 1835 gsap.set([refs.overlay, refs.dropdownWrap, refs.dropdowns], { 1836 autoAlpha: 0, 1837 display: 'none', 1838 }) 1839 1840 getDropdownButtons() 1841 1842 refs.menuBtns.forEach((btn) => { 1843 btn.addEventListener('mouseenter', () => { 1844 if (refs.isOpen === true) { 1845 closeDropdowns() 1846 } 1847 openDropdown(btn) 1848 refs.isOpen = true 1849 }) 1850 }) 1851 1852 refs.dropdownWrap.addEventListener('mouseleave', () => { 1853 closeAll() 1854 }) 1855 1856 function openDropdown(btn) { 1857 // Tuer toutes les animations en cours 1858 if (refs.currentTimeline) { 1859 refs.currentTimeline.kill() 1860 } 1861 gsap.killTweensOf([refs.overlay, refs.dropdownWrap, refs.dropdowns]) 1862 1863 // Fermer immédiatement tous les dropdowns 1864 gsap.set(refs.dropdowns, { autoAlpha: 0, display: 'none' }) 1865 1866 // Trouver le dropdown correspondant 1867 const targetDropdown = refs.dropdowns.find( 1868 (dropdown) => 1869 dropdown.getAttribute('data-dropdown') === 1870 btn.getAttribute('data-nav-btn') 1871 ) 1872 1873 if (targetDropdown) { 1874 const inner = targetDropdown.querySelector('.nav_dropdown_inner') 1875 1876 // Créer une nouvelle timeline 1877 refs.currentTimeline = gsap.timeline() 1878 1879 refs.currentTimeline 1880 .to([refs.overlay, refs.dropdownWrap], { 1881 autoAlpha: 1, 1882 display: 'flex', 1883 duration: 0.1, // Durée plus courte pour l'overlay 1884 }) 1885 .fromTo( 1886 targetDropdown, 1887 { autoAlpha: 0 }, 1888 { 1889 autoAlpha: 1, 1890 display: 'block', 1891 duration: MOTION_CONFIG.durationI, 1892 }, 1893 0.05 // Léger décalage 1894 ) 1895 .fromTo( 1896 inner, 1897 { 1898 autoAlpha: 0, 1899 yPercent: 5, 1900 }, 1901 { 1902 autoAlpha: 1, 1903 yPercent: 0, 1904 duration: MOTION_CONFIG.durationS, 1905 ease: MOTION_CONFIG.easeOut, 1906 }, 1907 0.1 // Décalage pour l'animation du contenu 1908 ) 1909 1910 // Gérer les états des boutons 1911 btn.classList.add('is-active') 1912 clearUnactiveItems() 1913 // setUnactiveItems() 1914 _scroll.stop() 1915 } 1916 } 1917 1918 function closeDropdowns() { 1919 // Tuer les animations en cours 1920 if (refs.currentTimeline) { 1921 refs.currentTimeline.kill() 1922 refs.currentTimeline = null 1923 } 1924 gsap.killTweensOf(refs.dropdowns) 1925 1926 // Fermer immédiatement 1927 gsap.set(refs.dropdowns, { autoAlpha: 0, display: 'none' }) 1928 1929 refs.menuBtns.forEach((btn) => { 1930 btn.classList.remove('is-active') 1931 }) 1932 refs.isOpen = false 1933 } 1934 1935 function closeAll() { 1936 // Tuer toutes les animations 1937 if (refs.currentTimeline) { 1938 refs.currentTimeline.kill() 1939 refs.currentTimeline = null 1940 } 1941 gsap.killTweensOf([refs.overlay, refs.dropdownWrap, refs.dropdowns]) 1942 1943 closeDropdowns() 1944 clearUnactiveItems() 1945 1946 gsap.to([refs.overlay, refs.dropdownWrap], { 1947 autoAlpha: 0, 1948 display: 'none', 1949 duration: 0.2, 1950 })
1951 _scroll.start() 1952 } 1953 1954 function getDropdownButtons() { 1955 refs.menuItems.forEach((item) => { 1956 if (item.getAttribute('data-nav-btn') !== '') { 1957 refs.menuBtns.push(item) 1958 } 1959 }) 1960 } 1961 1962 function setUnactiveItems() { 1963 refs.menuItems.forEach((item) => { 1964 if (!item.classList.contains('is-active')) { 1965 item.classList.add('is-unactive') 1966 } 1967 }) 1968 } 1969 1970 function clearUnactiveItems() { 1971 refs.menuItems.forEach((item) => { 1972 item.classList.remove('is-unactive') 1973 }) 1974 } 1975 }) 1976 1977 //Mobile version 1978 MM.add('(max-width : 991px)', () => { 1979 const refs = { 1980 container: nav.querySelector('.nav_contain'), 1981 btn: nav.querySelector('.nav_cta_mobile_btn'), 1982 mainDropdowns: gsap.utils.toArray('.nav_dropdown', nav), 1983 innerDropdowns: gsap.utils.toArray('.nav_dropdown_col', nav), 1984 isOpen: false, 1985 } 1986 openMenu() 1987 initDropdown(refs.mainDropdowns) 1988 initDropdown(refs.innerDropdowns) 1989 1990 function openMenu() { 1991 const tl = gsap.timeline({ paused: true }) 1992 const demoBtn = refs.container.querySelector( 1993 '.nav_cta_item.is-btn.is-demo' 1994 ) 1995 const btnLines = gsap.utils.toArray('.nav_cta_mobile_btn_line', refs.btn) 1996 1997 gsap.set(nav, { height: '5rem' }) 1998 1999 tl.to(nav, { 2000 height: 'auto', 2001 duration: MOTION_CONFIG.durationS, 2002 ease: MOTION_CONFIG.easeInOut, 2003 }) 2004 .to( 2005 demoBtn, 2006 { 2007 autoAlpha: 0, 2008 duration: MOTION_CONFIG.durationI, 2009 }, 2010 '<' 2011 ) 2012 .to( 2013 btnLines[0], 2014 { 2015 y: '0.4125rem', 2016 rotateZ: '45deg', 2017 duration: MOTION_CONFIG.durationS, 2018 ease: MOTION_CONFIG.easeInOut, 2019 }, 2020 '<' 2021 ) 2022 .to( 2023 btnLines[2], 2024 { 2025 y: '-0.4125rem', 2026 rotateZ: '-45deg', 2027 duration: MOTION_CONFIG.durationS, 2028 ease: MOTION_CONFIG.easeInOut, 2029 }, 2030 '<' 2031 ) 2032 .to( 2033 btnLines[1], 2034 { 2035 autoAlpha: 0, 2036 duration: MOTION_CONFIG.durationI, 2037 }, 2038 '<' 2039 ) 2040 2041 refs.btn.addEventListener('click', () => { 2042 refs.isOpen ? tl.reverse() : tl.play() 2043 refs.isOpen ? _scroll.start() : _scroll.stop() 2044 refs.isOpen = !refs.isOpen 2045 nav.classList.toggle('is-scrollable') 2046 }) 2047 } 2048 2049 function initDropdown(dropdowns) { 2050 dropdowns.forEach((dropdown) => { 2051 let isOpen = false 2052 const icon = dropdown.querySelector('.nav_mobile_dropdown_icon') 2053 const btn = dropdown.querySelector('.nav_mobile_dropdown_header') 2054 2055 const tl = gsap.timeline({ paused: true }) 2056 2057 tl.to(dropdown, { 2058 height: 'auto', 2059 duration: MOTION_CONFIG.durationS, 2060 ease: MOTION_CONFIG.easeInOut, 2061 }).to( 2062 icon, 2063 { 2064 rotateZ: -90, 2065 ease: MOTION_CONFIG.easeInOut, 2066 duration: MOTION_CONFIG.durationS, 2067 }, 2068 '<' 2069 ) 2070 2071 btn.addEventListener('click', () => { 2072 isOpen ? tl.reverse() : tl.play() 2073 isOpen = !isOpen 2074 }) 2075 }) 2076 } 2077 }) 2078 }*/ 2079 2080 function initNav() { 2081 const nav = document.querySelector('.nav_wrap') 2082 if (!nav) return 2083 2084 //Desktop version 2085 MM.add('(min-width : 992px)', () => { 2086 const refs = { 2087 overlay: nav.querySelector('.nav_overlay'), 2088 dropdownWrap: nav.querySelector('.nav_dropdown_wrap'), 2089 menuItems: gsap.utils.toArray('.nav_menu_link', nav), 2090 menuBtns: [], 2091 dropdowns: gsap.utils.toArray('.nav_dropdown', nav), 2092 isOpen: false,
2093 currentTimeline: null, // Ajout pour tracker la timeline active 2094 } 2095 2096 gsap.set([refs.overlay, refs.dropdownWrap, refs.dropdowns], { 2097 autoAlpha: 0, 2098 display: 'none', 2099 }) 2100 2101 getDropdownButtons() 2102 2103 refs.menuBtns.forEach((btn) => { 2104 btn.addEventListener('mouseenter', () => { 2105 if (refs.isOpen === true) { 2106 closeDropdowns() 2107 } 2108 openDropdown(btn) 2109 refs.isOpen = true 2110 }) 2111 }) 2112 2113 refs.dropdownWrap.addEventListener('mouseleave', () => { 2114 closeAll() 2115 }) 2116 2117 function openDropdown(btn) { 2118 // Tuer toutes les animations en cours 2119 if (refs.currentTimeline) { 2120 refs.currentTimeline.kill() 2121 } 2122 gsap.killTweensOf([refs.overlay, refs.dropdownWrap, refs.dropdowns]) 2123 2124 // Fermer immédiatement tous les dropdowns 2125 gsap.set(refs.dropdowns, { autoAlpha: 0, display: 'none' }) 2126 2127 // Trouver le dropdown correspondant 2128 const targetDropdown = refs.dropdowns.find( 2129 (dropdown) => 2130 dropdown.getAttribute('data-dropdown') === 2131 btn.getAttribute('data-nav-btn') 2132 ) 2133 2134 if (targetDropdown) { 2135 const inner = targetDropdown.querySelector('.nav_dropdown_inner') 2136 const spotlight = targetDropdown.querySelector('.nav_dropdown_spotlight') 2137 2138 // Créer une nouvelle timeline 2139 refs.currentTimeline = gsap.timeline() 2140 2141 refs.currentTimeline 2142 .to([refs.overlay, refs.dropdownWrap], { 2143 autoAlpha: 1, 2144 display: 'flex', 2145 duration: 0.1, // Durée plus courte pour l'overlay 2146 }) 2147 .fromTo( 2148 targetDropdown, 2149 { autoAlpha: 0 }, 2150 { 2151 autoAlpha: 1, 2152 display: 'flex', 2153 duration: MOTION_CONFIG.durationI, 2154 }, 2155 0.05 // Léger décalage 2156 ) 2157 .fromTo( 2158 [inner, spotlight].filter(el => el !== null), 2159 { 2160 autoAlpha: 0, 2161 yPercent: 5, 2162 }, 2163 { 2164 autoAlpha: 1, 2165 yPercent: 0, 2166 duration: MOTION_CONFIG.durationS, 2167 ease: MOTION_CONFIG.easeOut, 2168 }, 2169 0.1 // Décalage pour l'animation du contenu 2170 ) 2171 2172 // Gérer les états des boutons 2173 btn.classList.add('is-active') 2174 clearUnactiveItems() 2175 // setUnactiveItems() 2176 _scroll.stop() 2177 } 2178 } 2179 2180 function closeDropdowns() { 2181 // Tuer les animations en cours 2182 if (refs.currentTimeline) { 2183 refs.currentTimeline.kill() 2184 refs.currentTimeline = null 2185 } 2186 gsap.killTweensOf(refs.dropdowns) 2187 2188 // Fermer immédiatement 2189 gsap.set(refs.dropdowns, { autoAlpha: 0, display: 'none' }) 2190 2191 refs.menuBtns.forEach((btn) => { 2192 btn.classList.remove('is-active') 2193 }) 2194 refs.isOpen = false 2195 } 2196 2197 function closeAll() { 2198 // Tuer toutes les animations 2199 if (refs.currentTimeline) { 2200 refs.currentTimeline.kill() 2201 refs.currentTimeline = null 2202 } 2203 gsap.killTweensOf([refs.overlay, refs.dropdownWrap, refs.dropdowns]) 2204 2205 closeDropdowns() 2206 clearUnactiveItems() 2207 2208 gsap.to([refs.overlay, refs.dropdownWrap], { 2209 autoAlpha: 0, 2210 display: 'none', 2211 duration: 0.2, 2212 }) 2213 _scroll.start() 2214 } 2215 2216 function getDropdownButtons() { 2217 refs.menuItems.forEach((item) => { 2218 if (item.getAttribute('data-nav-btn') !== '') { 2219 refs.menuBtns.push(item) 2220 } 2221 }) 2222 } 2223 2224 function setUnactiveItems() { 2225 refs.menuItems.forEach((item) => { 2226 if (!item.classList.contains('is-active')) { 2227 item.classList.add('is-unactive') 2228 } 2229 }) 2230 } 2231 2232 function clearUnactiveItems() {
2233 refs.menuItems.forEach((item) => { 2234 item.classList.remove('is-unactive') 2235 }) 2236 } 2237 }) 2238 2239 //Mobile version 2240 MM.add('(max-width : 991px)', () => { 2241 const refs = { 2242 container: nav.querySelector('.nav_contain'), 2243 btn: nav.querySelector('.nav_cta_mobile_btn'), 2244 mainDropdowns: gsap.utils.toArray('.nav_dropdown', nav), 2245 innerDropdowns: gsap.utils.toArray('.nav_dropdown_col', nav), 2246 isOpen: false, 2247 } 2248 openMenu() 2249 initDropdown(refs.mainDropdowns) 2250 initDropdown(refs.innerDropdowns) 2251 2252 function openMenu() { 2253 console.log('[Nav] Initializing mobile menu'); 2254 2255 if (!refs.btn) { 2256 console.error('[Nav] Mobile menu button not found'); 2257 return; 2258 } 2259 2260 const tl = gsap.timeline({ paused: true }) 2261 const demoBtn = refs.container?.querySelector( 2262 '.nav_cta_item.is-btn.is-demo' 2263 ) 2264 const btnLines = gsap.utils.toArray('.nav_cta_mobile_btn_line', refs.btn) 2265 2266 if (btnLines.length < 3) { 2267 console.warn('[Nav] Expected 3 button lines, found:', btnLines.length); 2268 } 2269 2270 // Set initial state 2271 gsap.set(nav, { height: '5rem' }) 2272 if (demoBtn) { 2273 gsap.set(demoBtn, { autoAlpha: 1 }) 2274 } 2275 if (btnLines[0]) gsap.set(btnLines[0], { y: 0, rotateZ: 0 }) 2276 if (btnLines[1]) gsap.set(btnLines[1], { autoAlpha: 1 }) 2277 if (btnLines[2]) gsap.set(btnLines[2], { y: 0, rotateZ: 0 }) 2278 2279 tl.fromTo(nav, 2280 { height: '5rem' }, 2281 { 2282 height: 'auto', 2283 duration: MOTION_CONFIG.durationS, 2284 ease: MOTION_CONFIG.easeInOut, 2285 }) 2286 2287 if (demoBtn) { 2288 tl.fromTo( 2289 demoBtn, 2290 { autoAlpha: 1 }, 2291 { 2292 autoAlpha: 0, 2293 duration: MOTION_CONFIG.durationI, 2294 }, 2295 '<' 2296 ) 2297 } 2298 2299 if (btnLines[0]) { 2300 tl.fromTo( 2301 btnLines[0], 2302 { y: 0, rotateZ: 0 }, 2303 { 2304 y: '0.4375rem', 2305 rotateZ: '45deg', 2306 duration: MOTION_CONFIG.durationS, 2307 ease: MOTION_CONFIG.easeInOut, 2308 }, 2309 '<' 2310 ) 2311 } 2312 2313 if (btnLines[2]) { 2314 tl.fromTo( 2315 btnLines[2], 2316 { y: 0, rotateZ: 0 }, 2317 { 2318 y: '-0.4375rem', 2319 rotateZ: '-45deg', 2320 duration: MOTION_CONFIG.durationS, 2321 ease: MOTION_CONFIG.easeInOut, 2322 }, 2323 '<' 2324 ) 2325 } 2326 2327 if (btnLines[1]) { 2328 tl.fromTo( 2329 btnLines[1], 2330 { autoAlpha: 1 }, 2331 { 2332 autoAlpha: 0, 2333 duration: MOTION_CONFIG.durationI, 2334 }, 2335 '<' 2336 ) 2337 } 2338 2339 refs.btn.addEventListener('click', (e) => { 2340 e.preventDefault(); 2341 e.stopPropagation(); 2342 2343 console.log('[Nav] Mobile menu button clicked. Current state:', refs.isOpen ? 'OPEN' : 'CLOSED'); 2344 2345 try { 2346 if (refs.isOpen) { 2347 console.log('[Nav] Closing mobile menu...'); 2348 tl.reverse(); 2349 _scroll.start(); 2350 console.log('[Nav] Mobile menu closed'); 2351 } else { 2352 console.log('[Nav] Opening mobile menu...'); 2353 tl.play(); 2354 _scroll.stop(); 2355 console.log('[Nav] Mobile menu opened'); 2356 } 2357 refs.isOpen = !refs.isOpen; 2358 nav.classList.toggle('is-scrollable'); 2359 console.log('[Nav] New state:', refs.isOpen ? 'OPEN' : 'CLOSED'); 2360 } catch (error) { 2361 console.error('[Nav] Error toggling mobile menu:', error); 2362 } 2363 }) 2364 2365 console.log('[Nav] Mobile menu initialized successfully'); 2366 } 2367 2368 function initDropdown(dropdowns) { 2369 dropdowns.forEach((dropdown) => { 2370 let isOpen = false 2371 const icon = dropdown.querySelector('.nav_dropdown_mobile_icon') 2372 const btn = dropdown.querySelector('.nav_dropdown_mobile_header') 2373 2374 const tl = gsap.timeline({ paused: true }) 2375 2376 tl.to(dropdown, { 2377 height: 'auto', 2378 duration: MOTION_CONFIG.durationS, 2379 ease: MOTION_CONFIG.easeInOut, 2380 }).to( 2381 icon, 2382 { 2383 rotateZ: -90, 2384 ease: MOTION_CONFIG.easeInOut, 2385 duration: MOTION_CONFIG.durationS, 2386 }, 2387 '<' 2388 ) 2389 2390 btn.addEventListener('click', () => { 2391 isOpen ? tl.reverse() : tl.play() 2392 isOpen = !isOpen 2393 }) 2394 }) 2395 } 2396 }) 2397 } 2398 2399 initNav() 2400 }); 2401}); 2402</script>
2402</div><div class="u-embed-css w-embed"><style> 2403 2404 .nav_menu_link_color { 2405 transition: opacity 0.1s ease; 2406 transition-delay: 0s; /* délai par défaut */ 2407 } 2408 2409 .nav_menu_link:hover .nav_menu_link_color:nth-child(1) { 2410 opacity: 1; 2411 transition-delay: 0s; /* premier élément : pas de délai */ 2412 } 2413 2414 .nav_menu_link:hover .nav_menu_link_color:nth-child(2) { 2415 opacity: 1; 2416 transition-delay: 0.15s; /* deuxième élément : 0.1s */ 2417 } 2418 2419 .nav_menu_link:hover .nav_menu_link_color:nth-child(3) { 2420 opacity: 1; 2421 transition-delay: 0.3s; /* troisième élément : 0.2s */ 2422 } 2423 2424 .nav_menu_link.is-active .nav_menu_link_color.is-center { 2425 /*opacity: 1; 2426 transform: scaleY(0.1); 2427 transition: transform 0.1 ease*/ 2428 } 2429 2430 .nav_menu_link.is-active .nav_menu_link_color.is-border { 2431 /* opacity: 0; */ 2432 } 2433 2434 .nav_menu_link.is-unactive .nav_menu_text { 2435 opacity: 0.5; 2436 } 2437 2438 .nav_menu_link.is-unactive .nav_menu_link_color { 2439 transform: scaleY(0.1); 2440 } 2441 2442 .nav_menu_link.is-unactive .nav_menu_link_color.is-border { 2443 opacity: 0; 2444 } 2445 2446 /** ------------------- CARDS ---------- **/ 2447 2448 .nav_card_wrap:hover .nav_card_background { 2449 opacity: 1; 2450 } 2451 2452 .nav_card_wrap:hover .nav_card_header_svg { 2453 transform: scale(1.4); 2454 } 2455 2456 .nav_card__colorful:hover .nav_card_header_svg { 2457 transform: scale(1.4); 2458 } 2459 2460 .nav_card_list_item .nav_card_list_icon { 2461 opacity: 0; 2462 } 2463 2464 .nav_card_list_item:hover .nav_card_list_icon { 2465 opacity: 1; 2466 } 2467 2468 .nav_dropdown .nav_dropdown_col:last-child { 2469 border-right: 0rem; 2470 } 2471 2472 @media(max-width: 360px) { 2473 .nav_cta_item.is-btn.is-demo { 2474 display: none; 2475 } 2476 } 2477 /* Fix for shorter browsers */ 2478 @media screen and (max-height: 819px) and (min-width: 992px) { 2479 .nav_dropdown { 2480 overflow: scroll; 2481 max-height: calc(100vh - 8rem); 2482 } 2483 } 2484 2485</style></div><div class="nav_overlay"></div><div class="nav_contain u-grid-custom"><div class="utility-1_component"><a aria-label="Jasper.ai Homepage" href="/" class="utility-1_link w-inline-block"><svg data-wf--global-logo--variant="base" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 232 87" fill="none" STYLE="" class="g_logo_wrap u-height-full"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 232 87" fill="none" class="g_logo_wrap"><path d="M22.3688 68.0442C22.3688 72.7533 21.7549 76.4938 20.5272 79.2657C19.2994 82.0375 17.6675 84.0195 15.6312 85.2117C13.595 86.4039 11.4389 87 9.16312 87C7.30654 87 5.68952 86.702 4.31206 86.1059C2.93459 85.5098 1.87155 84.6901 1.12293 83.647C0.37431 82.6038 0 81.3967 0 80.0257C0 78.6547 0.389283 77.6562 1.16785 76.8515C1.94641 76.0468 3.02443 75.6444 4.40189 75.6444C5.53979 75.6444 6.45311 75.9275 7.14184 76.4938C7.83057 77.0601 8.44444 77.999 8.98345 79.3104C9.64224 80.5026 10.
24851812 81.352 10.6005 81.8587C11.0197 82.3654 11.5288 82.6187 12.1277 82.6187C13.026 82.6187 13.6998 82.276 14.1489 81.5904C14.5981 80.9049 14.8227 79.9959 14.8227 78.8633C14.8227 77.6711 14.6281 76.5236 14.2388 75.4209C13.8495 74.3181 13.3554 73.0514 12.7565 71.6208C12.1576 70.1901 11.6635 68.4913 11.2742 66.5242C10.8849 64.557 10.6903 62.1727 10.6903 59.371V33.0832C10.6903 31.0565 10.6005 29.5514 10.4208 28.5678C10.2411 27.5843 9.82191 27.0031 9.16312 26.8243C8.50433 26.6454 7.42632 26.7944 5.92908 27.2713V24.6783L22.3688 17.7934V68.0442ZM21.3806 11.5791C22.5784 10.2975 23.1773 8.70298 23.1773 6.79548C23.1773 4.88798 22.5784 3.27852 21.3806 1.96711C20.1828 0.655704 18.5658 0 16.5296 0C14.4933 0 12.8314 0.655704 11.5437 1.96711C10.2561 3.27852 9.61229 4.88798 9.61229 6.79548C9.61229 8.70298 10.2561 10.2975 11.5437 11.5791C12.8314 12.8607 14.4933 13.5015 16.5296 13.5015C18.5658 13.5015 20.1828 12.8607 21.3806 11.5791Z" fill="currentColor"></path><path d="M39.4323 69.8329C36.9169 69.8329 34.716 69.3113 32.8294 68.2681C30.9429 67.225 29.4157 65.7347 28.2479 63.7974C27.08 61.8601 26.4961 59.5801 26.4961 56.9572C26.4961 54.096 26.9752 51.6967 27.9334 49.7594C28.8917 47.8221 30.2991 46.1977 32.1557 44.8863C34.0122 43.5749 36.2581 42.5019 38.8933 41.6674C40.5702 41.0713 42.2022 40.5199 43.7892 40.0133C45.3763 39.5066 46.8286 38.8658 48.1462 38.0908C49.7632 37.1967 50.8712 36.1386 51.4701 34.9166C52.069 33.6947 52.3684 32.1597 52.3684 30.3118C52.3684 27.689 51.8145 25.6623 50.7065 24.2316C49.5985 22.801 47.9366 22.0857 45.7207 22.0857C44.0438 22.0857 42.7561 22.4434 41.8578 23.1587C40.9594 23.874 40.3306 24.8874 39.9713 26.1988C39.6119 27.5102 39.2526 28.9706 38.8933 30.5801C38.7136 32.1895 38.2345 33.486 37.4559 34.4696C36.6773 35.4531 35.3298 35.9449 33.4134 35.9449C31.6766 35.9449 30.329 35.4233 29.3708 34.3802C28.4126 33.337 27.9334 32.0107 27.9334 30.4012C27.9334 28.1361 28.712 26.0646 30.2691 24.1869C31.8263 22.3092 34.0122 20.8041 36.8271 19.6715C39.6419 18.5389 42.9358 17.9727 46.7089 17.9727C50.0028 17.9727 52.8925 18.4942 55.3779 19.5374C57.8633 20.5806 59.8097 22.2198 61.2171 24.4552C62.6245 26.6905 63.3282 29.5667 63.3282 33.0837V59.3714C63.3282 60.504 63.5229 61.3534 63.9122 61.9197C64.3014 62.486 64.9153 62.7692 65.7538 62.7692C66.4126 62.7692 66.9965 62.5605 67.5055 62.1433C68.0146 61.726 68.4788 61.2491 68.898 60.7126L70.4252 62.4115C69.9461 63.3653 69.3172 64.4084 68.5386 65.541C67.7601 66.6736 66.6821 67.6422 65.3046 68.447C63.9271 69.2517 62.2502 69.6541 60.2739 69.6541C58.2975 69.6541 56.7703 69.2666 55.5126 68.4917C54.255 67.7167 53.3267 66.6587 52.7278 65.3175C52.1289 63.9763 51.8294 62.5009 51.8294 60.8915V39.7897C51.53 40.0878 51.1856 40.4752 50.7963 40.9521C50.407 41.429 49.8531 41.9059 49.1344 42.3827C48.4157 42.8 47.7869 43.1726 47.2479 43.5004C46.7089 43.8283 46.1399 44.1412 45.541 44.4393C44.9421 44.7373 44.1635 45.1844 43.2053 45.7805C42.0674 46.4362 41.0792 47.1664 40.2408 47.9711C39.4023 48.7758 38.7884 49.6998 38.3992 50.743C38.0099 51.7861 37.8152 53.023 37.8152 54.4536C37.8152 57.1957 38.474 59.2373 39.7916 60.5785C41.1092 61.9197 42.6663 62.5903 44.463 62.5903C46.2597 62.5903 47.8468 62.0538 49.0446 60.9809C50.2423 59.9079 51.3204 58.5965 52.2786 57.0467L52.7278 60.8915C52.069 62.2029 51.1557 63.5441 49.9878 64.9151C48.82 66.2861 47.3826 67.4485 45.6758 68.4023C43.9689 69.356 41.8877 69.8329 39.4323 69.8329Z" fill="currentColor"></path><path d="M105.922 86.1948V83.6018C107.299 83.6018 108.347 83.3485 109.066 82.8418C109.785 82.3351 110.144 80.9492 110.144 78.684V33.0828C110.144 31.0561 110.054 29.5509 109.875 28.5674C109.695 27.5838 109.291 27.0026 108.662 26.8238C108.033 26.645 106.97 26.794 105.473 27.2709V24.6779L121.733 17.793V78.684C121.733 80.2339 121.897 81.3515 122.227 82.0371C122.556 82.7226 123.125 83.1547 123.934 83.3336C124.742 83.5124 125.865 83.6018 127.302 83.6018V86.1948H105.922ZM124.607 68.759C122.99 68.2226 121.538 67.4476 120.25 66.4343C118.963 65.4209 117.75 64.3479 116.612 63.2154L121.733 52.8433C121.733 55.3469 122.137 57.5525 122.945 59.46C123.754 61.3675 124.907 62.8726 126.404 63.9754C127.901 65.0782 129.608 65.6296 131.525 65.6296C133.202 65.6296 134.759 65.0931 136.196 64.0201C137.633 62.9471 138.771 61.129 139.61 58.5658C140.448 56.0026 140.867 52.6645 140.867 48.5514C140.867 43.6635 140.478 39.5057 139.7 36.0782C138.921 32.6506 137.813 30.0278 136.376 28.2097C134.938 26.3916 133.082 25.4826 130.806 25.4826C129.548 25.4826 128.336 25.7508 127.
2485168 26.2873C126 26.8238 124.877 27.6285 123.799 28.7015C122.721 29.7745 121.793 31.0859 121.014 32.6357L119.846 29.7745C120.804 27.6881 122.032 25.7508 123.529 23.9625C125.027 22.1743 126.808 20.7287 128.875 19.626C130.941 18.5232 133.291 17.9718 135.927 17.9718C139.161 17.9718 142.065 18.8957 144.641 20.7436C147.216 22.5915 149.222 25.274 150.659 28.7909C152.097 32.3079 152.815 36.6296 152.815 41.756C152.815 47.7169 151.827 52.739 149.851 56.8223C147.875 60.9055 145.194 64.0499 141.811 66.2554C138.427 68.461 134.549 69.5638 130.177 69.5638C128.081 69.5638 126.224 69.2955 124.607 68.759Z" fill="currentColor"></path><path d="M177.088 69.5645C172.536 69.5645 168.688 68.4618 165.544 66.2562C162.4 64.0507 159.989 61.0702 158.312 57.3148C156.635 53.5594 155.797 49.3569 155.797 44.7074C155.797 40.952 156.321 37.4648 157.369 34.2459C158.417 31.027 159.914 28.2105 161.861 25.7963C163.807 23.3821 166.083 21.5044 168.688 20.1632C171.293 18.822 174.213 18.1514 177.447 18.1514C181.22 18.1514 184.454 19.0157 187.149 20.7444C189.844 22.4731 191.955 24.9766 193.482 28.2552C195.01 31.5337 195.773 35.5573 195.773 40.3261H162.984V36.3024H184.005C183.765 31.5337 182.927 27.972 181.49 25.6175C180.052 23.2629 178.166 22.0856 175.83 22.0856C174.453 22.0856 173.105 22.5774 171.787 23.5609C170.47 24.5445 169.377 26.1986 168.508 28.5234C167.64 30.8482 167.206 34.0075 167.206 38.0013C167.206 42.7105 167.76 46.7639 168.868 50.1616C169.976 53.5594 171.608 56.1673 173.764 57.9854C175.92 59.8035 178.525 60.7125 181.579 60.7125C184.394 60.7125 186.76 59.9376 188.676 58.3878C190.593 56.8379 192.12 54.5727 193.258 51.5923L196.043 52.6652C195.384 55.7649 194.261 58.5964 192.674 61.1596C191.087 63.7228 189.021 65.7644 186.475 67.2845C183.93 68.8045 180.801 69.5645 177.088 69.5645Z" fill="currentColor"></path><path d="M219.334 68.7596H197.953V66.0772C199.151 66.0772 200.109 65.8387 200.828 65.3619C201.546 64.885 201.906 63.514 201.906 61.2488V33.3516C201.906 31.2652 201.846 29.7154 201.726 28.702C201.606 27.6887 201.217 27.0926 200.558 26.9138C199.899 26.7349 198.851 26.884 197.414 27.3608V24.6784L213.674 17.7041V61.2488C213.674 62.8583 213.824 63.9908 214.123 64.6465C214.423 65.3022 214.992 65.7046 215.83 65.8536C216.669 66.0027 217.836 66.0772 219.334 66.0772V68.7596ZM219.244 27.2714C218.525 27.2714 217.806 27.6589 217.088 28.4338C216.369 29.2087 215.65 30.237 214.932 31.5186C214.213 32.8002 213.524 34.2159 212.866 35.7658L211.698 32.1892C212.357 30.5201 213.12 28.866 213.989 27.2267C214.857 25.5875 215.92 24.0823 217.178 22.7113C218.435 21.3403 219.723 20.2077 221.041 19.3136C222.358 18.4194 223.795 17.9723 225.353 17.9723C227.449 17.9723 229.081 18.5833 230.249 19.8053C231.416 21.0273 232 22.7709 232 25.0361C232 27.0628 231.521 28.6573 230.563 29.8197C229.605 30.9821 228.287 31.5633 226.61 31.5633C225.532 31.5633 224.664 31.3547 224.005 30.9374C223.346 30.5201 222.777 30.0135 222.298 29.4174C221.819 28.8213 221.34 28.3146 220.861 27.8973C220.382 27.48 219.843 27.2714 219.244 27.2714Z" fill="currentColor"></path><path d="M95.8335 58.969C95.8335 57.8961 95.6239 56.8827 95.2047 55.9289C94.7855 54.9752 94.0668 54.0065 93.0487 53.023C92.0305 52.0394 90.6231 51.041 88.8264 50.0276L81.8193 45.7357C79.1842 44.0667 77.0282 42.0996 75.3513 39.8344C73.6743 37.5692 72.8359 34.7676 72.8359 31.4295C72.8359 28.747 73.4797 26.4223 74.7673 24.4552C76.055 22.4881 77.8067 20.9829 80.0226 19.9397C82.2386 18.8966 84.7539 18.375 87.5687 18.375C89.4852 18.375 91.0723 18.5836 92.33 19.0009C93.5877 19.4182 94.6507 19.8354 95.5191 20.2527C96.3875 20.67 97.0613 20.8786 97.5404 20.8786C98.0794 20.8786 98.4836 20.7147 98.7531 20.3868C99.0226 20.059 99.1873 19.6268 99.2472 19.0903H102.571V32.9495H98.8879C98.5286 30.8632 97.8398 29.0451 96.8217 27.4952C95.8036 25.9454 94.486 24.7681 92.869 23.9634C91.252 23.1587 89.3654 22.7563 87.2094 22.7563C85.7122 22.7563 84.4695 23.1885 83.4813 24.0528C82.4931 24.9171 81.999 26.1242 81.999 27.6741C81.999 29.4624 82.538 30.9377 83.616 32.1001C84.694 33.2625 86.3709 34.559 88.6468 35.9896L95.6538 40.2815C97.6901 41.4737 99.4718 42.8298 100.999 44.3498C102.526 45.8699 103.709 47.5389 104.547 49.357C105.386 51.1751 105.805 53.1869 105.805 55.3925C105.805 57.8961 105.146 60.2208 103.829 62.3668C102.511 64.5127 100.61 66.2265 98.1243 67.5081C95.6389 68.7897 92.6893 69.4305 89.2756 69.4305C87.0597 69.4305 85.1582 69.1622 83.5711 68.6258C81.984 68.0893 80.7114 67.5379 79.7531 66.9716C78.7949 66.4053 78.0762 66.1222 77.5971 66.1222C76.8784 66.1222 76.3843 66.4351 76.1148 67.061C75.8453 67.6869 75.6806 68.2681 75.6208 68.8046H72.2969V52.4418H75.9801C76.1598 55.0646 76.8635 57.3 78.0912 59.1479C79.3189 60.9957 80.8461 62.4413 82.6728 63.4844C84.4994 64.5276 86.4907 65.0492 88.6468 65.0492C90.9825 65.0492 92.7642 64.5574 93.9919 63.5739C95.2196 62.5903 95.8335 61.0554 95.8335 58.969Z" fill="currentColor"></path></svg></svg></a><button aria-label="Logo options" aria-haspopup="menu" aria-expanded="false" aria-controls="utility-1_menu" class="utility-1_trigger"></button><div class="utility-1_position"><div id="utility-1_menu" role="menu" class="utility-1_menu"><a role="menuitem" href="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69b01c3c86cb380964db0daa_Jasper%20Logo%20(2025).png" class="utility-1_button w-inline-block">
2485<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 29 30" fill="none" class="utility-1_icon"><path d="M26.7529 22.2002C27.3302 22.2002 28.0416 22.9197 28.041 23.4971C28.0392 24.9535 28.0459 27.2673 28.0498 28.4502C28.0512 28.8655 27.7141 29.2002 27.2988 29.2002H0.75C0.335786 29.2002 3.2213e-08 28.8644 0 28.4502V22.9502C4.02664e-09 22.536 0.335787 22.2002 0.75 22.2002H26.7529ZM14.0176 0.000976562C14.3736 0.00469562 14.6641 0.311127 14.6641 0.685547V17.8086L21.9346 11.1309C22.2022 10.8774 22.6195 10.9047 22.8545 11.1924C23.0959 11.4732 23.07 11.9116 22.7959 12.1582L14.4414 19.8291C14.3306 19.9317 14.1873 19.9999 14.0244 20H14.0107C13.8543 19.9999 13.7046 19.9316 13.5938 19.8291L5.23926 12.1582C4.97169 11.9116 4.94576 11.4801 5.18066 11.1924C5.41562 10.9116 5.82646 10.8843 6.10059 11.1309L13.3711 17.8086V0.685547C13.3711 0.311119 13.6616 0.00468269 14.0176 0.000976562ZM14.0176 0.000976562C14.0154 0.000953796 14.0129 0 14.0107 0H14.0244C14.0222 0 14.0197 0.000953955 14.0176 0.000976562Z" fill="currentColor"></path></svg><span class="utility-1_text">Download PNG</span></a><button role="menuitem" class="utility-1_button"><svg xmlns="http://www.w3.org/2000/svg" width="100%" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="utility-1_icon"><path d="M208,96a16,16,0,0,0,16-16V48a16,16,0,0,0-16-16H176a16,16,0,0,0-16,16v8H96V48A16,16,0,0,0,80,32H48A16,16,0,0,0,32,48V80A16,16,0,0,0,48,96h8v64H48a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16v-8h64v8a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16h-8V96Zm-24,64h-8a16,16,0,0,0-16,16v8H96v-8a16,16,0,0,0-16-16H72V96h8A16,16,0,0,0,96,80V72h64v8a16,16,0,0,0,16,16h8Z"></path></svg><span class="utility-1_text">Copy SVG</span><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1272 478" fill="none" class="utility-1_svg-to-copy"><path d="M122.607 373.852C122.607 399.725 119.242 420.276 112.513 435.506C105.784 450.735 96.8383 461.625 85.6773 468.175C74.5163 474.725 62.6987 478 50.2246 478C40.0484 478 31.1852 476.362 23.6351 473.087C16.085 469.812 10.2583 465.309 6.15498 459.578C2.05166 453.846 0 447.214 0 439.681C0 432.149 2.13373 426.663 6.40118 422.242C10.6686 417.82 16.5774 415.609 24.1275 415.609C30.3646 415.609 35.3706 417.165 39.1457 420.276C42.9207 423.388 46.2854 428.546 49.2398 435.751C52.8507 442.301 55.8051 446.968 58.103 449.752C60.4009 452.536 63.1911 453.928 66.4738 453.928C71.3978 453.928 75.0907 452.045 77.5527 448.279C80.0147 444.512 81.2457 439.518 81.2457 433.295C81.2457 426.745 80.1788 420.44 78.0451 414.381C75.9114 408.322 73.2032 401.363 69.9206 393.503C66.6379 385.642 63.9297 376.308 61.796 365.501C59.6623 354.693 58.5954 341.592 58.5954 326.199V181.768C58.5954 170.632 58.103 162.363 57.1182 156.959C56.1334 151.555 53.8355 148.362 50.2246 147.379C46.6137 146.397 40.7049 147.215 32.4983 149.836V135.589L122.607 97.7616V373.852ZM117.191 63.6187C123.756 56.5773 127.039 47.8164 127.039 37.3361C127.039 26.8558 123.756 18.013 117.191 10.8078C110.625 3.6026 101.762 0 90.6013 0C79.4402 0 70.3309 3.6026 63.2732 10.8078C56.2155 18.013 52.6866 26.8558 52.6866 37.3361C52.6866 47.8164 56.2155 56.5773 63.2732 63.6187C70.3309 70.6602 79.4402 74.1809 90.6013 74.1809C101.762 74.1809 110.625 70.6602 117.191 63.6187Z" fill="#FA4028"></path><path d="M216.13 383.677C202.343 383.677 190.28 380.811 179.939 375.08C169.599 369.348 161.228 361.161 154.827 350.517C148.426 339.872 145.225 327.345 145.225 312.935C145.225 297.214 147.851 284.032 153.103 273.388C158.356 262.744 166.07 253.819 176.246 246.614C186.422 239.409 198.732 233.514 213.176 228.929C222.367 225.654 231.313 222.624 240.012 219.84C248.711 217.056 256.671 213.536 263.893 209.278C272.756 204.365 278.829 198.552 282.112 191.838C285.394 185.124 287.036 176.691 287.036 166.538C287.036 152.128 283.999 140.992 277.926 133.132C271.854 125.272 262.744 121.342 250.598 121.342C241.407 121.342 234.349 123.307 229.425 127.237C224.501 131.167 221.054 136.735 219.085 143.94C217.115 151.145 215.146 159.169 213.176 168.012C212.191 176.855 209.565 183.978 205.298 189.382C201.03 194.786 193.644 197.488 183.14 197.488C173.62 197.488 166.234 194.622 160.982
2485188.891C155.73 183.159 153.103 175.872 153.103 167.029C153.103 154.584 157.371 143.203 165.906 132.887C174.441 122.57 186.422 114.3 201.851 108.078C217.279 101.855 235.334 98.7437 256.015 98.7437C274.069 98.7437 289.908 101.609 303.531 107.341C317.154 113.072 327.823 122.079 335.537 134.36C343.251 146.642 347.108 162.444 347.108 181.767V326.199C347.108 332.422 348.175 337.089 350.309 340.2C352.443 343.311 355.807 344.867 360.403 344.867C364.014 344.867 367.215 343.721 370.005 341.428C372.795 339.136 375.339 336.516 377.637 333.568L386.008 342.902C383.382 348.142 379.935 353.873 375.667 360.096C371.4 366.319 365.491 371.641 357.941 376.062C350.391 380.484 341.2 382.694 330.367 382.694C319.534 382.694 311.163 380.565 304.27 376.308C297.376 372.05 292.288 366.237 289.005 358.868C285.723 351.499 284.081 343.393 284.081 334.55V218.612C282.44 220.25 280.553 222.378 278.419 224.999C276.285 227.619 273.249 230.239 269.309 232.859C265.37 235.151 261.923 237.198 258.969 239C256.015 240.801 252.896 242.52 249.614 244.158C246.331 245.795 242.063 248.252 236.811 251.527C230.574 255.129 225.158 259.141 220.562 263.563C215.966 267.984 212.602 273.061 210.468 278.792C208.334 284.523 207.267 291.319 207.267 299.179C207.267 314.245 210.878 325.462 218.1 332.831C225.322 340.2 233.857 343.884 243.705 343.884C253.553 343.884 262.252 340.937 268.817 335.042C275.382 329.146 281.291 321.941 286.543 313.426L289.005 334.55C285.394 341.756 280.388 349.125 273.987 356.657C267.586 364.19 259.708 370.576 250.352 375.817C240.997 381.057 229.589 383.677 216.13 383.677Z" fill="#FA4028"></path><path d="M525.274 323.99C525.274 318.095 524.126 312.528 521.828 307.287C519.53 302.047 515.591 296.725 510.01 291.321C504.43 285.917 496.715 280.432 486.867 274.864L448.46 251.283C434.017 242.113 422.199 231.305 413.008 218.86C403.816 206.415 399.221 191.022 399.221 172.681C399.221 157.943 402.749 145.17 409.807 134.362C416.865 123.555 426.467 115.285 438.612 109.554C450.758 103.822 464.545 100.957 479.974 100.957C490.478 100.957 499.177 102.103 506.071 104.395C512.965 106.688 518.791 108.981 523.551 111.273C528.311 113.566 532.004 114.712 534.63 114.712C537.584 114.712 539.8 113.811 541.277 112.01C542.755 110.209 543.657 107.834 543.986 104.887H562.204V181.033H542.016C540.046 169.57 536.271 159.581 530.691 151.065C525.11 142.55 517.889 136.082 509.025 131.661C500.162 127.239 489.822 125.028 478.004 125.028C469.798 125.028 462.986 127.403 457.57 132.152C452.153 136.901 449.445 143.533 449.445 152.048C449.445 161.873 452.4 169.979 458.308 176.366C464.217 182.752 473.409 189.875 485.883 197.736L524.29 221.316C535.451 227.866 545.217 235.317 553.587 243.669C561.958 252.02 568.441 261.19 573.037 271.18C577.633 281.169 579.931 292.222 579.931 304.34C579.931 318.095 576.32 330.868 569.098 342.658C561.876 354.449 551.454 363.865 537.831 370.906C524.208 377.948 508.041 381.468 489.329 381.468C477.184 381.468 466.761 379.995 458.062 377.047C449.363 374.099 442.387 371.07 437.135 367.959C431.883 364.847 427.944 363.292 425.318 363.292C421.378 363.292 418.67 365.011 417.193 368.45C415.716 371.889 414.813 375.082 414.485 378.029H396.266V288.128H416.454C417.439 302.539 421.296 314.82 428.026 324.973C434.755 335.126 443.126 343.068 453.138 348.799C463.15 354.531 474.065 357.396 485.883 357.396C498.685 357.396 508.451 354.694 515.18 349.29C521.91 343.887 525.274 335.453 525.274 323.99Z" fill="#FA4028"></path><path d="M580.578 473.578V459.332C588.128 459.332 593.873 457.94 597.812 455.156C601.751 452.372 603.721 444.757 603.721 432.312V181.767C603.721 170.632 603.229 162.362 602.244 156.959C601.259 151.555 599.043 148.361 595.596 147.379C592.15 146.396 586.323 147.215 578.116 149.835V135.589L667.24 97.7612V432.312C667.24 440.827 668.143 446.968 669.949 450.734C671.754 454.501 674.872 456.875 679.304 457.858C683.736 458.84 689.891 459.332 697.769 459.332V473.578H580.578ZM682.997 377.782C674.134 374.834 666.173 370.577 659.116 365.009C652.058 359.441 645.411 353.546 639.174 347.323L667.24 290.337C667.24 304.092 669.456 316.21 673.888 326.69C678.319 337.171 684.638 345.44 692.845 351.499C701.052 357.558 710.407 360.588 720.912 360.588C730.103 360.588 738.638 357.64 746.516 351.745C754.395 345.85 760.632 335.861 765.228 321.778C769.823 307.695 772.121 289.354 772.121 266.756C772.121 239.9 769.987 217.057 765.72 198.225C761.452 179.393 755.38 164.983 747.501 154.993C739.623 145.004 729.447 140.01 716.973 140.01C710.079 140.01 703.432 141.484 697.03 144.43
24851C690.629 147.379 684.474 151.8 678.565 157.695C672.657 163.591 667.569 170.796 663.301 179.311L656.9 163.591C662.152 152.128 668.882 141.484 677.088 131.658C685.295 121.833 695.061 113.891 706.386 107.832C717.711 101.773 730.596 98.7438 745.039 98.7438C762.766 98.7438 778.686 103.82 792.802 113.973C806.917 124.126 817.914 138.864 825.793 158.187C833.671 177.51 837.61 201.254 837.61 229.42C837.61 262.171 832.194 289.764 821.361 312.198C810.528 334.632 795.838 351.909 777.291 364.026C758.744 376.144 737.489 382.203 713.526 382.203C702.036 382.203 691.86 380.729 682.997 377.782Z" fill="#FA4028"></path><path d="M970.647 382.203C945.699 382.203 924.608 376.145 907.374 364.027C890.14 351.909 876.927 335.533 867.736 314.9C858.544 294.267 853.949 271.178 853.949 245.632C853.949 224.999 856.821 205.84 862.566 188.154C868.31 170.469 876.517 154.994 887.186 141.73C897.854 128.466 910.328 118.149 924.608 110.78C938.887 103.411 954.89 99.7266 972.617 99.7266C993.297 99.7266 1011.02 104.475 1025.8 113.973C1040.57 123.471 1052.14 137.226 1060.51 155.239C1068.88 173.252 1073.07 195.359 1073.07 221.56H893.341V199.453H1008.56C1007.25 173.252 1002.65 153.684 994.775 140.747C986.896 127.811 976.556 121.342 963.754 121.342C956.203 121.342 948.817 124.044 941.596 129.448C934.374 134.852 928.383 143.94 923.623 156.713C918.863 169.486 916.483 186.844 916.483 208.787C916.483 234.66 919.52 256.931 925.593 275.599C931.666 294.267 940.611 308.596 952.428 318.585C964.246 328.574 978.525 333.568 995.267 333.568C1010.7 333.568 1023.66 329.311 1034.17 320.795C1044.67 312.28 1053.04 299.835 1059.28 283.459L1074.54 289.355C1070.93 306.385 1064.78 321.942 1056.08 336.025C1047.38 350.108 1036.05 361.325 1022.1 369.676C1008.15 378.028 991 382.203 970.647 382.203Z" fill="#FA4028"></path><path d="M1202.2 377.781H1085.01V363.043C1091.58 363.043 1096.83 361.733 1100.77 359.113C1104.71 356.493 1106.68 348.96 1106.68 336.515V183.24C1106.68 171.777 1106.35 163.262 1105.69 157.695C1105.04 152.127 1102.9 148.852 1099.29 147.869C1095.68 146.887 1089.94 147.705 1082.06 150.326V135.588L1171.18 97.269V336.515C1171.18 345.357 1172 351.58 1173.64 355.183C1175.29 358.785 1178.4 360.996 1183 361.815C1187.6 362.634 1194 363.043 1202.2 363.043V377.781ZM1201.71 149.834C1197.77 149.834 1193.83 151.963 1189.89 156.221C1185.95 160.478 1182.02 166.128 1178.08 173.169C1174.14 180.211 1170.36 187.989 1166.75 196.504L1160.35 176.854C1163.96 167.684 1168.15 158.595 1172.91 149.589C1177.67 140.582 1183.49 132.313 1190.39 124.78C1197.28 117.247 1204.34 111.024 1211.56 106.112C1218.78 101.199 1226.66 98.7428 1235.19 98.7428C1246.68 98.7428 1255.63 102.1 1262.03 108.814C1268.43 115.528 1271.63 125.107 1271.63 137.553C1271.63 148.688 1269.01 157.449 1263.75 163.835C1258.5 170.222 1251.28 173.415 1242.09 173.415C1236.18 173.415 1231.42 172.269 1227.81 169.976C1224.2 167.684 1221.08 164.9 1218.45 161.625C1215.83 158.35 1213.2 155.566 1210.57 153.273C1207.95 150.981 1204.99 149.834 1201.71 149.834Z" fill="#FA4028"></path></svg></button><a role="menuitem" href="/brand" class="utility-1_button w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="utility-1_icon"><path d="M216,56v60a4,4,0,0,1-4,4H44a4,4,0,0,1-4-4V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Zm-4,80H44a4,4,0,0,0-4,4v60a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136Z"></path></svg><span class="utility-1_text">All Logos</span></a></div></div><div class="utility-1_embed w-embed w-script">
2485<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 2485
2485
2486<script> 2487document.addEventListener("DOMContentLoaded", function () { 2488 document.querySelectorAll(".utility-1_component").forEach(function (component) { 2489 if (component.hasAttribute("data-utility-1")) return; 2490 component.setAttribute("data-utility-1", ""); 2491 2492 const link = component.querySelector(".utility-1_link"); 2493 const trigger = component.querySelector(".utility-1_trigger"); 2494 const position = component.querySelector(".utility-1_position"); 2495 const menu = component.querySelector(".utility-1_menu"); 2496 const items = menu.querySelectorAll("[role='menuitem']"); 2497 gsap.set(position, { display: "none" }); 2498 2499 let tl = gsap.timeline({ paused: true, defaults: { duration: 0.3 } }); 2500 tl.set(position, { display: "block" }); 2501 tl.from(position, { opacity: 0, y: "1.5rem", duration: 0.5 }); 2502 tl.from(items, { opacity: 0, y: "1rem", stagger: 0.06 }, "<"); 2503 2504 function openMenu() { 2505 tl.timeScale(1).play(); 2506 trigger.setAttribute("aria-expanded", "true"); 2507 setTimeout(() => items[0]?.focus(), 100); 2508 } 2509 2510 function closeMenu() { 2511 tl.timeScale(1.5).reverse(); 2512 trigger.setAttribute("aria-expanded", "false"); 2513 trigger.focus(); 2514 } 2515 2516 link.addEventListener("contextmenu", e => { e.preventDefault(); openMenu(); }); 2517 trigger.addEventListener("click", openMenu); 2518 document.addEventListener("mousedown", e => { if (tl.progress() > 0 && !component.contains(e.target)) closeMenu(); }); 2519 2520 menu.addEventListener("keydown", e => { 2521 const i = [...items].indexOf(document.activeElement); 2522 if (e.key === "ArrowDown") { e.preventDefault(); items[(i + 1) % items.length]?.focus(); } 2523 else if (e.key === "ArrowUp") { e.preventDefault(); items[(i - 1 + items.length) % items.length]?.focus(); } 2524 else if (e.key === "Escape") { e.preventDefault(); closeMenu(); } 2525 else if (e.key === "Tab") closeMenu(); 2526 }); 2527 2528 items.forEach(item => { 2529 item.addEventListener("mouseenter", () => item.focus()); 2530 item.addEventListener("click", () => { 2531 const text = item.querySelector(".utility-1_text"); 2532 const originalText = text.textContent; 2533 const svg = item.querySelector(".utility-1_svg-to-copy"); 2534 if (!svg) return; 2535 navigator.clipboard?.writeText(svg.outerHTML.trim()).catch(console.error); 2536 text.textContent = "Copied"; 2537 setTimeout(() => { 2538 closeMenu(); 2539 setTimeout(() => text.textContent = originalText, 1000); 2540 }, 1000); 2541 }); 2542 }); 2543 }); 2544}); 2545</script>
2545</div></div><ul role="list" class="nav_menu u-flex-horizontal-nowrap u-alignment-center"><li class="nav_menu_item"><div data-nav-btn="Platform" data-wf--nav-menu-link--variant="blue" class="nav_menu_link"><div class="nav_menu_link_color_wrap u-flex-horizontal-nowrap"><div class="nav_menu_link_color is-border"></div><div class="nav_menu_link_color is-center"></div><div class="nav_menu_link_color is-border"></div></div><div class="nav_menu_text u-text-style-main">Platform</div><div class="g_clickable_wrap"><a aria-label="Platform" target="" href="/platform" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Platform</span></a><link rel="prefetch" href="/platform"/><button type="button" aria-label="Platform" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Platform</span></button></div></div></li><li class="nav_menu_item"><div data-nav-btn="Solutions" data-wf--nav-menu-link--variant="flame" class="nav_menu_link"><div class="nav_menu_link_color_wrap u-flex-horizontal-nowrap"><div class="nav_menu_link_color is-border w-variant-fabe2c8d-59d1-f619-749d-69e817b9a67f"></div><div class="nav_menu_link_color is-center w-variant-fabe2c8d-59d1-f619-749d-69e817b9a67f"></div><div class="nav_menu_link_color is-border w-variant-fabe2c8d-59d1-f619-749d-69e817b9a67f"></div></div><div class="nav_menu_text u-text-style-main">Solutions</div><div class="g_clickable_wrap"><a aria-label="Solutions" target="" href="/solutions" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Solutions</span></a><link rel="prefetch" href="/solutions"/><button type="button" aria-label="Solutions" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Solutions</span></button></div></div></li><li class="nav_menu_item"><div data-nav-btn="Resources" data-wf--nav-menu-link--variant="green" class="nav_menu_link"><div class="nav_menu_link_color_wrap u-flex-horizontal-nowrap"><div class="nav_menu_link_color is-border w-variant-0db1433c-4d16-c032-d20a-dd2d6fb0265d"></div><div class="nav_menu_link_color is-center w-variant-0db1433c-4d16-c032-d20a-dd2d6fb0265d"></div><div class="nav_menu_link_color is-border w-variant-0db1433c-4d16-c032-d20a-dd2d6fb0265d"></div></div><div class="nav_menu_text u-text-style-main">Resources</div><div class="g_clickable_wrap"><a aria-label="Resources" target="" href="/resources" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Resources</span></a><link rel="prefetch" href="/resources"/><button type="button" aria-label="Resources" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Resources</span></button></div></div></li><li class="nav_menu_item"><div data-nav-btn="Company" data-wf--nav-menu-link--variant="pink" class="nav_menu_link"><div class="nav_menu_link_color_wrap u-flex-horizontal-nowrap"><div class="nav_menu_link_color is-border w-variant-a643e273-cfd2-d5e1-19ec-c4ead38c762a"></div><div class="nav_menu_link_color is-center w-variant-a643e273-cfd2-d5e1-19ec-c4ead38c762a"></div><div class="nav_menu_link_color is-border w-variant-a643e273-cfd2-d5e1-19ec-c4ead38c762a"></div></div><div class="nav_menu_text u-text-style-main">Company</div><div class="g_clickable_wrap"><a aria-label="Company" target="" href="/company" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Company</span></a><link rel="prefetch" href="/company"/><button type="button" aria-label="Company" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Company</span></button></div></div></li><li class="nav_menu_item"><div data-nav-btn="" data-wf--nav-menu-link--variant="yellow" class="nav_menu_link"><div class="nav_menu_link_color_wrap u-flex-horizontal-nowrap"><div class="nav_menu_link_color is-border w-variant-6705093c-11fd-63b9-0633-76da3cac556c"></div><div class="nav_menu_link_color is-center w-variant-6705093c-11fd-63b9-0633-76da3cac556c"></div><div class="nav_menu_link_color is-border w-variant-6705093c-11fd-63b9-0633-76da3cac556c"></div></div><div class="nav_menu_text u-text-style-main">Pricing</div><div class="g_clickable_wrap"><a aria-label="Pricing" target="" href="/pricing" aria-current="page" class="g_clickable_link w-inline-block w--current"><span class="g_clickable_text u-sr-only">Pricing</span></a><link rel="prefetch" href="/pricing"/><button type="button" aria-label="Pricing" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Pricing</span></button></div></div></li></ul><ul id="w-node-_0be07080-525c-2ebc-1cfe-a07acff8087e-46d0de3e" role="list" class="nav_
2545cta_list u-flex-horizontal-nowrap u-gap-2"><li class="nav_cta_item"><a aria-label="Log in to Jasper" href="https://app.jasper.ai/" class="nav_cta_link w-inline-block"><div class="nav_cta_text u-text-style-main">Log In</div></a></li><li class="nav_cta_item u-display-none-landscape"><a aria-label="Free Trial" href="https://app.jasper.ai/auth/signup" class="nav_cta_link w-inline-block"><div class="nav_cta_text u-text-style-main">Free Trial</div></a></li><li class="nav_cta_item is-btn is-demo"><div fs-modal-element="" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="Get a Demo" target="" href="/demo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get A Demo</span></a><link rel="prefetch" href="/demo"/><button type="button" aria-label="Get a Demo" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get A Demo</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Get A Demo</div></div></li><li class="nav_cta_item is-btn is-2"><div class="nav_cta_mobile_btn u-flex-vertical-nowrap"><div class="nav_cta_mobile_btn_line"></div><div class="nav_cta_mobile_btn_line"></div><div class="nav_cta_mobile_btn_line"></div></div></li></ul><div class="empty-class-nav"></div></div><div data-lenis-prevent="" class="nav_dropdown_wrap u-flex-vertical-nowrap u-align-items-center"><div data-dropdown="Platform" data-wf--nav-dropdown--variant="3-col" class="nav_dropdown "><div class="u-embed-css w-embed"><style> 2546 2547 .nav_card_colorful:hover .nav_card_colorful_background { 2548 opacity: 1; 2549 } 2550 2551</style></div><div class="nav_dropdown_mobile_header"><div class="nav_dropdown_mobile_text u-text-style-h3">Platform</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_mobile_main-link"><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-3"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 is-mobile-main">Platform Overview</div></div><a aria-label="" target="" href="/platform" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Canvas</span></a></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">From advanced language models to context-aware intelligence and intuitive agents, Jasperâs rich product experience is designed to meet marketers where they workâso they can customize AI for how they work.</div></div></div><div class="nav_dropdown_spotlight"><div id="" class="nav_geo_wrap"><div class="u-embed-css w-embed"><style> 2552 .nav_geo_wrap .g_visual_wrap { 2553 transition: transform 800ms ease; 2554 } 2555 2556 .nav_geo_wrap:hover .g_visual_wrap { 2557 transform: scale(1.05); 2558 } 2559</style></div><iframe src="https://scatter-bg.jasperpreview.app/?colors=red" title="Background" loading="lazy" id="nav-iframe" class="nav_geo_iframe"></iframe><div class="nav_geo_card"><div data-wf--global-eyebrow--variant="flame-600" STYLE="" class="g_eyebrow_wrap w-variant-9bf45e55-9e55-586f-34ce-aae47ef69f5f u-mb-3"><div class="g_eyebrow_layout w-variant-9bf45e55-9e55-586f-34ce-aae47ef69f5f"><div class="g_eyebrow_text w-richtext"><p>GEOÂ &Â AIÂ Optimization</p></div></div></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-h2 u-child-contain u-rich-text u-mb-3"><p>Win the new front door of search</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-child-contain u-rich-text u-mb-4 u-line-height-120"><p>Measure how your brand performs across every major AI answer engine, prioritize the actions that matter, and ship brand-governed content at scale.</p></div><div data-wf--btn-link--variant="primary-w-background" id="" STYLE="" class="btn_link_wrap w-variant-79033746-6b15-d27b-3b4e-9dcbbd2851ff"><div class="btn_link_text w-variant-79033746-6b15-d27b-3b4e-9dcbbd2851ff">Learn More</div>
2559<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 10 10" fill="none" class="btn_link_arrow w-variant-79033746-6b15-d27b-3b4e-9dcbbd2851ff"><path d="M4.96 9.84834L3.968 8.84034L7.184 5.70434H0V4.31234H7.152L3.952 1.17634L4.96 0.152344L9.84 5.01634L4.96 9.84834Z" fill="currentColor"></path></svg><div class="g_clickable_wrap"><a aria-label="Learn more about Jasper for AI Search" target="" href="/geo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Learn More</span></a><link rel="prefetch" href="/geo"/><button type="button" aria-label="Learn more about Jasper for AI Search" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Learn More</span></button></div><div class="btn_link_background w-variant-79033746-6b15-d27b-3b4e-9dcbbd2851ff"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div></div><div class="g_clickable_wrap"><a aria-label="Learn more about Jaspe's GEO & AI Optimization capabilities" target="" href="/geo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only"></span></a><button type="button" aria-label="Learn more about Jaspe's GEO & AI Optimization capabilities" class="g_clickable_btn"><span class="g_clickable_text u-sr-only"></span></button></div></div></div></div><div class="nav_dropdown_inner u-grid-custom w-variant-92234f2e-48ec-3506-4e9c-b59d7d6b25a3"><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Agents</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div id="" STYLE="min-height: 264px" class="nav_card_colorful"><a aria-label="" target="" href="/agents" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">Agents</span></a><link rel="prefetch" href="/agents"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e65810eadefa81494f_233fc11d48858aeb5d62081b163af549_Nav%20-%20Agents.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e65810eadefa81494f_233fc11d48858aeb5d62081b163af549_Nav%20-%20Agents-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e65810eadefa81494f_233fc11d48858aeb5d62081b163af549_Nav%20-%20Agents-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e65810eadefa81494f_233fc11d48858aeb5d62081b163af549_Nav%20-%20Agents-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e65810eadefa81494f_233fc11d48858aeb5d62081b163af549_Nav%20-%20Agents.avif 1440w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h3">Agents</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">
2559Purpose-built agents that execute end-to-end marketing workflows</div></div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Optimization</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Optimization" target="" href="/agents/optimization" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Optimization</span></a><link rel="prefetch" href="/agents/optimization"/></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Research</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Research" target="" href="/agents/research" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Research</span></a><link rel="prefetch" href="/agents/research"/></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Translation</div><div class="nav_card_title_tag"><div class="nav_card_title_tag-text u-text-style-small">New</div></div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Translation" target="" href="/agents/translation" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Translation</span></a><link rel="prefetch" href="/agents/translation"/></div></div><div class="g_horizontal_rule u-flex-noshrink u-mt-2 u-mb-2"><div data-wf--global-background--background-color="dark-50" class="g_background w-variant-7a6205db-3496-40a9-fee1-d79a0e98a9f3 u-position-relative u-cover-absolute"></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div>
2559<div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">View All Agents</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="View All Agents" target="" href="/agents#library" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">View All Agents</span></a></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Content Pipelines</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div id="" STYLE="min-height: 264px" class="nav_card_colorful"><a aria-label="" target="" href="/content-pipelines" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">Content Pipelines</span></a><link rel="prefetch" href="/content-pipelines"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e5282c836dda2f0366_6eb903f1a850d6de5e588930419b8728_Nav%20-%20Pipelines.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e5282c836dda2f0366_6eb903f1a850d6de5e588930419b8728_Nav%20-%20Pipelines-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e5282c836dda2f0366_6eb903f1a850d6de5e588930419b8728_Nav%20-%20Pipelines-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e5282c836dda2f0366_6eb903f1a850d6de5e588930419b8728_Nav%20-%20Pipelines-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e5282c836dda2f0366_6eb903f1a850d6de5e588930419b8728_Nav%20-%20Pipelines.avif 1440w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h3">Content Pipelines</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">A structured workflow system that enables repeatability and scale.</div></div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between">
2559<div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Canvas</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Canvas" target="" href="/canvas" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Canvas</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Grid</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Grid" target="" href="/grid" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Grid</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">AI Studio</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="AI Studio" target="" href="/studio" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">AI Studio</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Image Pipelines</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Image Pipelines" target="" href="/image/pipelines" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Image Pipelines</span></a></div></div><div data-wf--nav-card--variant="sub-list" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">
2559<div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Jasper APIs</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="AI APIs" target="" href="/api" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Jasper APIs</span></a></div><div class="nav_card_list w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-vertical-nowrap u-gap-3"><div class="nav_card_list_item w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-horizontal-nowrap"><div class="nav_card_list_text u-text-style-small u-weight-bold w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Jasper MCP</div><div class="nav_card_list_icon w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="The Jasper MCP" target="" href="/mcp" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Jasper MCP</span></a></div><div class="nav_card_list_item w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-horizontal-nowrap"><div class="nav_card_list_text u-text-style-small u-weight-bold w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Image APIs</div><div class="nav_card_list_icon w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Image APIs" target="" href="/image/api" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Image APIs</span></a></div><div class="nav_card_list_line w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"></div></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Jasper IQ</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div id="" STYLE="min-height: 264px" class="nav_card_colorful"><a aria-label="" target="" href="/jasper-iq" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">Jasper IQ</span></a><link rel="prefetch" href="/jasper-iq"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e547c39b8a59297383_Nav%20-%20IQ.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e547c39b8a59297383_Nav%20-%20IQ-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e547c39b8a59297383_Nav%20-%20IQ-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e547c39b8a59297383_Nav%20-%20IQ-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c7e547c39b8a59297383_Nav%20-%20IQ.avif 1440w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-
2559absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h3">Jasper IQ</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Governed marketing decision surface embedding context, rules, and brand logic.</div></div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub-list" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Brand IQ</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Brand IQ" target="" href="/brand-iq" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Brand IQ</span></a></div><div class="nav_card_list w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-vertical-nowrap u-gap-3"><div class="nav_card_list_item w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-horizontal-nowrap"><div class="nav_card_list_text u-text-style-small u-weight-bold w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Brand Voice</div><div class="nav_card_list_icon w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Brand Voice" target="" href="/brand-voice" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Brand Voice</span></a></div><div class="nav_card_list_item w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-horizontal-nowrap"><div class="nav_card_list_text u-text-style-small u-weight-bold w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Visual Guidelines</div><div class="nav_card_list_icon w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Visual Guidelines" target="" href="/visual-guidelines" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Visual Guidelines</span></a></div><div class="nav_card_list_item w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19 u-flex-horizontal-nowrap"><div class="nav_card_list_text u-text-style-small u-weight-bold w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19">Style Guide</div><div class="nav_card_list_icon w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Style Guide" target="" href="/style-guide" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Style Guide</span></a></div><div class="nav_card_list_line w-variant-ed7f7d9b-c5b0-4b1a-c072-8f6793bd1e19"></div></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">
2559<div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Marketing IQ</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Marketing IQ" target="" href="/marketing-iq" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Marketing IQ</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Product IQ</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Product IQ" target="" href="/product-iq" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Product IQ</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Knowledge</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Knowledge" target="" href="/knowledge-base" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Knowledge</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Governance</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Governance" target="" href="/governance" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Governance</span></a></div></div></div></div></div></div></div><div data-dropdown="Solutions" data-wf--nav-dropdown--variant="vertical-3-col" class="nav_dropdown w-variant-0754d6bb-b5ea-0a0b-6b65-24bde2d4cf74 "><div class="u-embed-css w-embed"><style> 2560 2561 .nav_card_colorful:hover .nav_card_colorful_background { 2562 opacity: 1; 2563 } 2564 2565</style></div><div class="nav_dropdown_mobile_header"><div class="nav_dropdown_mobile_text u-text-style-h3">Solutions</div><div class="nav_dropdown_mobile_icon is-inner">
2565<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_mobile_main-link w-variant-0754d6bb-b5ea-0a0b-6b65-24bde2d4cf74"><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-3"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 is-mobile-main">All Solutions</div></div><a aria-label="" target="" href="/solutions" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Canvas</span></a></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">AI Solutions for every kind of marketer, use case or industry.</div></div></div><div class="nav_dropdown_inner u-grid-custom w-variant-0754d6bb-b5ea-0a0b-6b65-24bde2d4cf74 w-variant-0754d6bb-b5ea-0a0b-6b65-24bde2d4cf74"><div data-wf--nav-dropdown-col--variant="horizontal-4col" id="" STYLE="gap: 1rem; border: none; padding: 0px; margin: 0px;" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Solutions by Use Case</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3 w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 has-max"><div data-wf--nav-card--variant="main" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Solutions by Use Case</div></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Scale SEO, personalization, and campaigns and moreâdriving faster, smarter marketing growth.</div></div></div><div id="w-node-_7d0fb775-9579-1702-d726-d84bac5e178e-6d5d55fa" class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 is-horizontal w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 u-gap-gutter"><div id="" STYLE="" class="nav_card_colorful"><a aria-label="" target="" href="/geo" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">GEO & AI Optimization</span></a><link rel="prefetch" href="/geo"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6a303a31f30d66091bf101bf_Nav%20-%20GEO.avif" loading="lazy" alt="" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title">GEO & AI Optimization</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Monitor citation rates, identify content gaps, and generate governed content that AI will actually cite.</div></div></div>
2565<div id="" STYLE="" class="nav_card_colorful"><a aria-label="" target="" href="/solutions/seo-aeo-geo" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">SEO & AEO</span></a><link rel="prefetch" href="/solutions/seo-aeo-geo"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68feca0c58458969f985ee29_SEO%20Nav%20Card.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68feca0c58458969f985ee29_SEO%20Nav%20Card-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68feca0c58458969f985ee29_SEO%20Nav%20Card-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68feca0c58458969f985ee29_SEO%20Nav%20Card-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68feca0c58458969f985ee29_SEO%20Nav%20Card.avif 1200w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-flame-400" class="g_background w-variant-2b43ee65-9c8d-a772-be35-1dd84226b1d6 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title">SEO & AEO</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Create content that ranks, drives traffic & strengthens authority at scale.</div></div></div><div id="" STYLE="" class="nav_card_colorful"><a aria-label="" target="" href="/solutions/personalization" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">Personalization</span></a><link rel="prefetch" href="/solutions/personalization"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav-p-1600.avif 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/696a7ac24006d68be7772ab9_Personalization%20Nav.avif 1774w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title">Personalization</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Empower your team to target specific accounts, contacts, leads, and opportunities.</div></div></div>
2565<div id="" STYLE="" class="nav_card_colorful"><a aria-label="" target="" href="/solutions/campaigns" class="g_clickable_link u-zindex-2 w-inline-block"><span class="g_clickable_text u-sr-only">Campaigns</span></a><link rel="prefetch" href="/solutions/campaigns"/><div class="nav_card_img u-ratio-16-9 u-position-relative"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6995d1c8cb18d907d7bfdebf_Campaigns%20Nav.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6995d1c8cb18d907d7bfdebf_Campaigns%20Nav-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6995d1c8cb18d907d7bfdebf_Campaigns%20Nav-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6995d1c8cb18d907d7bfdebf_Campaigns%20Nav-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6995d1c8cb18d907d7bfdebf_Campaigns%20Nav.avif 1525w" class="g_visual_img u-cover"/></div></div><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-2"><div class="nav_card_colorful_background"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title">Campaigns</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Transform briefs, insights, & channel requirements into on-brand campaign content.</div></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="horizontal-4col" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Solutions by Role</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3 w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 has-max"><div data-wf--nav-card--variant="main" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 u-width-full u-max-width-26ch"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Solutions by Role</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Solutions by Role" target="" href="/solutions#by-role" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Solutions by Role</span></a></div></div></div><div id="w-node-_7d0fb775-9579-1702-d726-d84bac5e178e-6d5d55fa" class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 is-horizontal w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477">
2565<div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Product Marketing</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Product Marketing" target="" href="/solutions/by-role/product-marketers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Product Marketing</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Content Marketing</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Content Marketing" target="" href="/solutions/by-role/content-marketers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Content Marketing</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Performance Marketing</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Performance Marketing" target="" href="/solutions/by-role/performance-marketers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Performance Marketing</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Field & Events Marketing</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Field & Events Marketing" target="" href="/solutions/by-role/field-marketers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Field & Events Marketing</span></a></div></div>
2565<div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Brand Marketing</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Brand Marketing" target="" href="/solutions/by-role/brand-marketers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Brand Marketing</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">PR & Communications</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="PR & Communications" target="" href="/solutions/by-role/pr-and-communications" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">PR & Communications</span></a></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="horizontal-4col" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Solutions by Industry</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3 w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477"><div class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 has-max"><div data-wf--nav-card--variant="main" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 u-width-full u-max-width-26ch"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Solutions by Industry</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Solutions by Industry" target="" href="/solutions#by-industry" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Solutions by Industry</span></a></div></div></div><div id="w-node-_7d0fb775-9579-1702-d726-d84bac5e178e-6d5d55fa" class="nav_dropdown_list u-flex-horizontal-wrap w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477 is-horizontal w-variant-052e66c7-ba39-e10f-00c9-7bca9d19a477">
2565<div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Financial Services</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Financial Services" target="" href="/solutions/by-industry/financial-services" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Financial Services</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Healthcare & Life Sciences</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Healthcare & Life Sciences" target="" href="/solutions/by-industry/healthcare" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Healthcare & Life Sciences</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Technology</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Technology" target="" href="/solutions/by-industry/tech" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Technology</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Retail & Consumer Goods</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Retail & Consumer Goods" target="" href="/solutions/by-industry/retail-and-consumer-goods" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Retail & Consumer Goods</span></a></div></div>
2565<div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Media & Entertainment</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Media & Entertainment" target="" href="/solutions/by-industry/media-and-entertainment" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Media & Entertainment</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Professional Services</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Professional Services" target="" href="/solutions/by-industry/professional-services" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Professional Services</span></a></div></div></div></div></div></div></div><div data-dropdown="Resources" data-wf--nav-dropdown--variant="3-col" class="nav_dropdown "><div class="u-embed-css w-embed"><style> 2566 2567 .nav_card_colorful:hover .nav_card_colorful_background { 2568 opacity: 1; 2569 } 2570 2571</style></div><div class="nav_dropdown_mobile_header"><div class="nav_dropdown_mobile_text u-text-style-h3">Resources</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_mobile_main-link"><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-3"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 is-mobile-main">All Resources</div></div><a aria-label="" target="" href="/resources" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Canvas</span></a></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Find tips, advice, and practical use cases to advance your AI marketing strategy.</div></div></div><div class="nav_dropdown_spotlight u-height-full"><div class="g_slot"><div class="u-flex-vertical-nowrap"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56 u-mb-8"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Diagnostics & Tools</div></div></div></div><div data-wf--card-main--variant="base" id="" STYLE="border: var(--border-width--main) solid var(--swatch--flame-600);" class="g_card u-position-relative u-flex-vertical-nowrap u-justify-content-start u-align-items-stretch u-flex-column-reverse u-height-full u-width-full u-mb-gutter u-text-color-white"><div class="g_card_wrap u-position-relative u-flex-vertical-nowrap u-flex-grow"><div class="g_card_content u-zindex-3 u-flex-vertical-nowrap u-width-full u-flex-grow"><div class="g_card_text_wrap u-width-full u-flex-grow u-flex-vertical-nowrap u-align-items-start u-justify-content-start"><div class="g_card_heading"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h5 u-child-contain u-mb-2 u-text-family-primary"><p>GEO Diagnostic</p></div></div><div class="g_card_inner u-mb-3 u-color-faded"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-text-wrap-pretty u-text-color-white"><p>Learn what AI is saying about your brand, where the gaps are, and what governs the brands AI cites instead.</p></div></div><div class="g_card_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-gap-3"><div data-wf--btn-link--variant="small" id="" STYLE="color: var(--swatch--flame-300); margin-bottom: -.25rem; border: 0; padding: 0;" class="btn_link_wrap w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74"><div class="btn_link_text w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74">Get Your GEO Score</div>
2571<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 10 10" fill="none" class="btn_link_arrow"><path d="M4.96 9.84834L3.968 8.84034L7.184 5.70434H0V4.31234H7.152L3.952 1.17634L4.96 0.152344L9.84 5.01634L4.96 9.84834Z" fill="currentColor"></path></svg><div class="g_clickable_wrap"><a aria-label="" target="" href="/diagnostics/geo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get Your GEO Score</span></a><link rel="prefetch" href="/diagnostics/geo"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get Your GEO Score</span></button></div><div class="btn_link_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div></div></div></div></div></div><div class="g_clickable_wrap"><a aria-label="" target="" href="/diagnostics/geo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get Your GEO Score</span></a><link rel="prefetch" href="/diagnostics/geo"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get Your GEO Score</span></button></div><div data-wf--global-background--background-color="background-flame-600" class="g_background u-position-relative w-variant-1140c20e-c29b-f49b-fabb-00af1d09fafd u-cover-absolute"></div></div><div data-wf--card-main--variant="base" id="" STYLE="border: var(--border-width--main) solid var(--swatch--blue-600);" class="g_card u-position-relative u-flex-vertical-nowrap u-justify-content-start u-align-items-stretch u-flex-column-reverse u-height-full u-width-full u-text-color-white"><div class="g_card_wrap u-position-relative u-flex-vertical-nowrap u-flex-grow"><div class="g_card_content u-zindex-3 u-flex-vertical-nowrap u-width-full u-flex-grow"><div class="g_card_text_wrap u-width-full u-flex-grow u-flex-vertical-nowrap u-align-items-start u-justify-content-start"><div class="g_card_heading"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h5 u-child-contain u-mb-2 u-text-family-primary"><p>Brand Compliance Diagnostic</p></div></div><div class="g_card_inner u-mb-3 u-color-faded"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-text-wrap-pretty u-text-color-white"><p>Scan your website and public content to learn how consistently you score for brand governance and compliance.</p></div></div><div class="g_card_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-gap-3"><div data-wf--btn-link--variant="small" id="" STYLE="margin-bottom: -.25rem; border: 0; padding: 0; color: var(--swatch--blue-400);" class="btn_link_wrap w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74"><div class="btn_link_text w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74">Get Your Brand Score</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 10 10" fill="none" class="btn_link_arrow"><path d="M4.96 9.84834L3.968 8.84034L7.184 5.70434H0V4.31234H7.152L3.952 1.17634L4.96 0.152344L9.84 5.01634L4.96 9.84834Z" fill="currentColor"></path></svg><div class="g_clickable_wrap"><a aria-label="" target="" href="/diagnostics/brand-compliance" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get Your Brand Score</span></a><link rel="prefetch" href="/diagnostics/brand-compliance"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get Your Brand Score</span></button></div><div class="btn_link_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div></div></div></div></div></div><div class="g_clickable_wrap"><a aria-label="" target="" href="/diagnostics/brand-compliance" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get Your Brand Score</span></a><link rel="prefetch" href="/diagnostics/brand-compliance"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get Your Brand Score</span></button></div><div data-wf--global-background--background-color="background-blue-600" class="g_background w-variant-685a18cf-a3d3-a3ce-f08a-42ba5d49a8bb u-position-relative u-cover-
2571absolute"></div></div></div></div></div><div class="nav_dropdown_inner u-grid-custom w-variant-92234f2e-48ec-3506-4e9c-b59d7d6b25a3"><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Discover</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Discover</div></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Unlock the full potential of Jasper through stories, tools, and expert guidance built for marketers.</div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Blog</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Blog" target="" href="/blog" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Blog</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Customer Stories</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Customer Stories" target="" href="/customer-stories" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Customer Stories</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Webinars & Events</div></div><div class="nav_card_header_svg">
2571<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Webinars & Events" target="" href="/webinars" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Webinars & Events</span></a></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Learn</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Learn</div></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Level up your skills with guides, tools, and trainings designed to help you get more from Jasper.</div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Courses</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Courses" target="_blank" href="https://help.jasper.ai/" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Courses</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Explore Jasper Workflows</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Explore Jasper Workflows" target="" href="/workflows" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Explore Jasper Workflows</span></a></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Get Support</div><div class="nav_dropdown_mobile_icon is-inner">
2571<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Get Support</div></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Everything you need to get the most out of Jasperâfast help, expert guidance, and trusted resources.</div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Contact & Support</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Contact & Support" target="" href="/contact-support" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Contact & Support</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">FAQ & Help Articles</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="FAQ & Help Articles" target="_blank" href="https://help.jasper.ai" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">FAQ & Help Articles</span></a></div></div></div></div></div></div></div><div data-dropdown="Company" data-wf--nav-dropdown--variant="2-col" class="nav_dropdown"><div class="u-embed-css w-embed"><style> 2572 2573 .nav_card_colorful:hover .nav_card_colorful_background { 2574 opacity: 1; 2575 } 2576 2577</style></div><div class="nav_dropdown_mobile_header"><div class="nav_dropdown_mobile_text u-text-style-h3">Company</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_mobile_main-link"><div class="nav_card_wrap u-flex-vertical-nowrap u-gap-3"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 is-mobile-main">Our Company</div></div><a aria-label="" target="" href="/company" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Canvas</span></a></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Get the latest about Jasper in the news, careers information, legal documents and more.</div></div></div><div class="nav_dropdown_spotlight"><div data-wf--card-main--variant="base" id="" STYLE="border: var(--border-width--main)solid var(--swatch--dark-700)" class="g_card u-position-relative u-flex-vertical-nowrap u-justify-content-start u-align-items-stretch u-text-color-white u-flex-column-reverse u-height-full u-width-full u-display-none-tab"><div class="g_card_visual u-width-full u-zindex-3"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-width-full u-ratio-1-1"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c8d4239a27cff91eae55_Nav%20-%20Company.avif" loading="lazy" alt="Large diverse group of people posing and smiling in front of a blue background with the red word âjasperâ above them." sizes="100vw" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c8d4239a27cff91eae55_Nav%20-%20Company-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c8d4239a27cff91eae55_Nav%20-%20Company-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c8d4239a27cff91eae55_Nav%20-%20Company-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/69a9c8d4239a27cff91eae55_Nav%20-%20Company.avif 1440w" class="g_visual_img u-cover-
2577absolute"/></div></div><div class="g_card_wrap u-position-relative u-flex-vertical-nowrap u-flex-grow"><div class="g_card_content u-zindex-3 u-flex-vertical-nowrap u-width-full u-flex-grow"><div class="g_card_text_wrap u-width-full u-flex-grow u-flex-vertical-nowrap u-align-items-start u-justify-content-start"><div class="g_card_heading"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-child-contain u-mb-3"><p>About Jasper</p></div></div><div class="g_card_inner u-mb-3"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-text-wrap-pretty"><p>Our vision, mission, and impact.</p></div></div><div class="g_card_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-gap-3"><div data-wf--btn-link--variant="small" id="" STYLE="border: 0; padding: 0;" class="btn_link_wrap w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74"><div class="btn_link_text w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74">Learn More</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 10 10" fill="none" class="btn_link_arrow"><path d="M4.96 9.84834L3.968 8.84034L7.184 5.70434H0V4.31234H7.152L3.952 1.17634L4.96 0.152344L9.84 5.01634L4.96 9.84834Z" fill="currentColor"></path></svg><div class="g_clickable_wrap"><a aria-label="" target="" href="/company" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Learn More</span></a><link rel="prefetch" href="/company"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Learn More</span></button></div><div class="btn_link_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div></div></div></div></div></div><div class="g_clickable_wrap"><a aria-label="" target="" href="/company" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Learn More</span></a><link rel="prefetch" href="/company"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Learn More</span></button></div><div data-wf--global-background--background-color="background-blue-700" class="g_background w-variant-df01906e-1aac-4296-624b-0b759c72c8bf u-position-relative u-cover-absolute"></div></div></div><div class="nav_dropdown_inner u-grid-custom w-variant-2655bd1a-9439-138e-68dd-3f07f2c9e5d5"><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Company Information</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56"><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Company Information</div></div></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">Get the latest about Jasper in the news, careers information, legal documents and more.</div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-
2577absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Newsroom</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Newsroom" target="" href="/press" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Newsroom</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Careers</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Careers" target="" href="/careers" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Careers</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Legal Information</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Legal Information" target="" href="/legal" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Legal Information</span></a></div></div></div></div></div><div data-wf--nav-dropdown-col--variant="base" id="" STYLE="" class="nav_dropdown_col u-flex-vertical-nowrap u-justify-content-between"><div class="nav_dropdown_mobile_header is-inner"><div class="nav_dropdown_mobile_text u-text-style-h3 is-inner">Trust Foundation</div><div class="nav_dropdown_mobile_icon is-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div></div><div class="nav_dropdown_col_inner u-flex-vertical-nowrap u-gap-3"><div class="nav_dropdown_list u-flex-horizontal-wrap has-max"><div data-wf--nav-card--variant="main-no-hover" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-c250e69c-892b-6bf7-cb84-c6c4a82b4e56"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4">Trust Foundation</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Trust Foundation" target="" href="/trust" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Trust Foundation</span></a></div><div class="nav_dropdown_card_text u-text-style-small u-text-wrap-default">
2577Learn more about our LLM-optimized infrastructure with built-in security, governance, and compliance.</div></div></div><div class="nav_dropdown_list u-flex-horizontal-wrap is-horizontal"><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">LLM-Optimized</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="LLM-Optimized" target="" href="/llm-optimized" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">LLM-Optimized</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Security</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Security" target="" href="/security" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Security</span></a></div></div><div data-wf--nav-card--variant="sub" class="nav_card_wrap u-flex-vertical-nowrap u-gap-3 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090"><div class="nav_card_background u-cover-absolute"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-absolute"></div></div><div class="nav_card_header u-flex-horizontal-nowrap u-justify-content-between"><div class="nav_card_title_wrap"><div class="nav_card_title u-text-style-h4 w-variant-f1a0d2ac-a2a3-9cf4-f5a8-fb0bb00d2090">Governance</div></div><div class="nav_card_header_svg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 5 8" fill="none"><path d="M1.03094 8L0.220937 7.17L3.38094 4L0.210938 0.84L1.03094 0L5.00094 4.01L1.03094 8Z" fill="#00063D"></path></svg></div><a aria-label="Governance" target="" href="/governance" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Governance</span></a></div></div></div></div></div></div></div><a href="/pricing" aria-current="page" class="nav_dropdown_mobile_link w-inline-block w--current"><div class="nav_dropdown_mobile_text u-text-style-h3">Pricing</div></a><div class="nav_mobile_btn_list"><div fs-modal-element="" data-wf--btn-main--style="secondary" class="btn_main_wrap w-variant-e85564cd-af30-a478-692b-71732aefb3ab"><div class="g_clickable_wrap"><a aria-label="" target="" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start a free trial</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start a free trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start a free trial</div></div><div fs-modal-element="" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="" target="" href="/demo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get a Demo</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get a Demo</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Get a Demo</div></div></div></div><div class="hid-test-blk"></div></div><section class="hero_main_wrap"><div data-wf--global-section-space--section-space="large" class="g_section_space w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3"></div><div data-wf--global-generated-squares-background--individual-block-item-variant="dark---100" class="generated_squares_wrap"><div styles-override="" class="generated_squares_item w-variant-c3af147b-21d7-67f3-c2db-84faad28f289"></div><div class="u-embed-js w-embed w-script">
2577<script> 2578 pageFunctions.addFunction('generatedSquares', function() { 2579 function fillWithSquares(containerClass, squareClass) { 2580 const container = document.querySelector(`.${containerClass}`); 2581 const wEmbedElement = container.querySelector('.w-embed'); 2582 const firstChild = container.firstElementChild; 2583 let template; 2584 2585 if (firstChild && firstChild.classList.contains('w-embed')) { 2586 template = container.children[1]; 2587 } else { 2588 template = firstChild; 2589 } 2590 2591 const containerWidth = container.clientWidth; 2592 const containerHeight = container.clientHeight; 2593 const squareWidth = template.offsetWidth; 2594 const squareHeight = template.offsetHeight; 2595 const squaresPerRow = Math.floor(containerWidth / squareWidth); 2596 const rows = Math.floor(containerHeight / squareHeight); 2597 const actualSquareWidth = containerWidth / squaresPerRow; 2598 const actualSquareHeight = containerHeight / rows; 2599 const totalSquares = squaresPerRow * rows; 2600 const stylesOverride = template ? template.getAttribute('styles-override') : null; 2601 const templateClone = template.cloneNode(true); 2602 2603 container.innerHTML = ''; 2604 2605 // Store squares for hover effect 2606 const squares = []; 2607 2608 for (let i = 0; i < totalSquares; i++) { 2609 const newSquare = templateClone.cloneNode(true); 2610 newSquare.style.width = `${actualSquareWidth}px`; 2611 newSquare.style.height = `${actualSquareHeight}px`; 2612 newSquare.style.boxSizing = 'border-box'; 2613 newSquare.setAttribute("data-block-item", true); 2614 newSquare.setAttribute("data-square-index", i); 2615 2616 if (stylesOverride) { 2617 const styleRules = stylesOverride.split(';').filter(rule => rule.trim()); 2618 styleRules.forEach(rule => { 2619 const [property, value] = rule.split(':').map(s => s.trim()); 2620 if (property && value) { 2621 newSquare.style.setProperty(property, value, 'important'); 2622 } 2623 }); 2624 } 2625 2626 container.appendChild(newSquare); 2627 squares.push(newSquare); 2628 } 2629 2630 if (wEmbedElement) { 2631 container.appendChild(wEmbedElement); 2632 } 2633 2634 container.style.display = 'grid'; 2635 container.style.gridTemplateColumns = `repeat(${squaresPerRow}, 1fr)`; 2636 container.style.gridTemplateRows = `repeat(${rows}, 1fr)`; 2637 container.style.gap = '0'; 2638 container.style.width = '100%'; 2639 container.style.height = '100%'; 2640 2641 // Add hover effect handling that works through overlaying elements 2642 let currentHoveredSquare = null; 2643 2644 function handleMouseMove(event) { 2645 const rect = container.getBoundingClientRect(); 2646 const x = event.clientX - rect.left; 2647 const y = event.clientY - rect.top; 2648 2649 // Calculate which square should be hovered based on coordinates 2650 const col = Math.floor(x / actualSquareWidth); 2651 const row = Math.floor(y / actualSquareHeight); 2652 2653 if (col >= 0 && col < squaresPerRow && row >= 0 && row < rows) { 2654 const squareIndex = row * squaresPerRow + col; 2655 const targetSquare = squares[squareIndex]; 2656 2657 if (targetSquare && targetSquare !== currentHoveredSquare) { 2658 // Remove hover from previous square 2659 if (currentHoveredSquare) { 2660 currentHoveredSquare.classList.remove('background-hover'); 2661 // Dispatch mouseleave event for any existing handlers 2662 currentHoveredSquare.dispatchEvent(new MouseEvent('mouseleave', { 2663 bubbles: true, 2664 cancelable: true, 2665 clientX: event.clientX, 2666 clientY: event.clientY 2667 })); 2668 } 2669 2670 // Add hover to new square 2671 currentHoveredSquare = targetSquare; 2672 currentHoveredSquare.classList.add('background-hover'); 2673 // Dispatch mouseenter event for any existing handlers 2674 currentHoveredSquare.dispatchEvent(new MouseEvent('mouseenter', { 2675 bubbles: true, 2676 cancelable: true, 2677 clientX: event.clientX, 2678 clientY: event.clientY 2679 })); 2680 } 2681 } 2682 } 2683 2684 function handleMouseLeave() { 2685 if (currentHoveredSquare) { 2686 currentHoveredSquare.classList.remove('background-hover'); 2687 currentHoveredSquare.dispatchEvent(new MouseEvent('mouseleave', { 2688 bubbles: true, 2689 cancelable: true 2690 })); 2691 currentHoveredSquare = null; 2692 } 2693 } 2694 2695 // Clean up existing event listeners if they exist 2696 if (container._cleanupHoverEvents) { 2697 container._cleanupHoverEvents(); 2698 } 2699 2700 // Add event listeners to the container 2701 container.addEventListener('mousemove', handleMouseMove); 2702 container.addEventListener('mouseleave', handleMouseLeave); 2703 2704 // Store cleanup function for potential future use 2705 container._cleanupHoverEvents = function() { 2706 container.removeEventListener('mousemove', handleMouseMove); 2707 container.removeEventListener('mouseleave', handleMouseLeave); 2708 }; 2709 } 2710 2711 setTimeout(() => { 2712 fillWithSquares('generated_squares_wrap', 'generated_squares_item'); 2713 }, 0); 2714 2715 console.log("Generated Squares with background hover setup completed."); 2716 }, { immediate: true }); 2717</script>
2717</div></div><div class="hero_main_contain u-container-small"><div class="hero_main_layout u-flex-vertical-nowrap u-gap-6 u-pointer-off"><div data-wf--global-content--alignment="center" class="u-display-contents u-width-full"><div styl="" class="g_content w-variant-4f54624e-ceb1-0769-a238-365d5e220b70 u-align-self-center u-width-full u-flex-vertical-nowrap u-gap-4"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="display,stagger0.05,delay0.2" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-display u-text-wrap-default u-max-width-16ch u-child-contain"><h1>Get the AI built for better marketing results</h1></div><div fs-cmsfilter-field="" text-anim="para,delay0.4" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-max-width-40ch u-child-contain u-text-wrap-balance"><p>Jasperâs plans & pricing are designed to meet your needs as you grow</p></div></div></div></div></div><div class="tab_wrapper u-container-small"><div data-current="Yearly" data-easing="ease" data-duration-in="300" data-duration-out="300" class="tab_wrap w-tabs"><div class="tab_menu_wrap tab_btn_wrap w-tab-menu"><a data-w-tab="Monthly" class="tab_menu_item w-inline-block w-tab-link"><div>Monthly</div></a><a data-w-tab="Yearly" class="tab_menu_item u-flex-horizontal-nowrap u-gap-1 w-inline-block w-tab-link w--current"><div class="u-flex-horizontal-nowrap u-gap-1">Yearly</div><div STYLE="opacity: .65"><div class="u-text-style-main">Save ~20%</div></div></a></div><div class="w-tab-content"><div data-w-tab="Monthly" class="w-tab-pane"><div class="hero_main_cards_container u-container"><div class="hero_cards_layout"><div class="info_card_wrap"><div data-wf--global-background--background-color="white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-position-relative u-cover-absolute"></div><div class="info_card_top"><div><div class="info_card_top_inner"><div class="info_card_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-text u-max-width-20ch u-child-contain"><p>Pro</p></div></div><div class="info_card_value_wrap"><div class="pricing_wrap"><div class="pricing_wrap_inner"><div class="pricing_currency"><div class="pricing_currency_text u-text-style-main is-mono">$</div></div><div class="pricing_amount"><div class="pricing_amount_text">69</div><style>:root {--site--margin: clamp(1.25rem, 0.27844744455159115rem + 3.857280617164899vw, 3.75rem);--_typography---font-size--display: clamp(2.5rem, 1.5284474445515912rem + 3.857280617164899vw, 5rem);--_typography---font-size--h1: clamp(2.375rem, 1.9863789778206364rem + 1.5429122468659595vw, 3.375rem);--_typography---font-size--h2: clamp(2.375rem, 2.375rem + 0vw, 2.375rem);--_typography---font-size--h3: clamp(1.75rem, 1.75rem + 0vw, 1.75rem);--_typography---font-size--h4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_typography---font-size--h5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_typography---font-size--h6: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-large: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);--_typography---font-size--text-main: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-small: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);--_spacing---space--1: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);--_spacing---space--2: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3: clamp(1rem, 1rem + 0vw, 1rem);--_spacing---space--4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_spacing---space--5: clamp(2rem, 2rem + 0vw, 2rem);--_spacing---space--6: clamp(2rem, 1.8056894889103183rem + 0.7714561234329798vw, 2.5rem);--_spacing---space--7: clamp(3rem, 3rem + 0vw, 3rem);--_spacing---space--8: clamp(4rem, 4rem + 0vw, 4rem);--_spacing---section-space--small: clamp(3rem, 2.142857142857143rem + 4.285714285714286vw, 6rem);--_spacing---section-space--main: clamp(4rem, 3.142857142857143rem + 4.285714285714286vw, 7rem);--_spacing---section-space--large: clamp(7rem, 5.785714285714286rem + 6.071428571428571vw, 11.25rem);--_spacing---section-space--page-top: clamp(6.25rem, 5.53571428571428
27176rem + 3.571428571428571vw, 8.75rem);--_spacing---section-space--xsmall: clamp(5rem, 5rem + 0vw, 5rem);--_typography---font-size--text-tiny: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3-5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_spacing---space--9: clamp(5rem, 5rem + 0vw, 5rem);--site--margin: clamp(1rem, 0.41706846673095466rem + 2.3143683702989395vw, 2.5rem);}</style></div></div><div class="pricing_info"><div class="pricing_info_text u-text-style-small is-mono">month/<br/>seat</div><div></div></div></div></div></div><div class="info_card_divider"></div><div class="info_card_desc"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-max-width-50ch u-child-contain u-rich-text"><p>Powerful AI to help you stay on-brand, even at scale.</p></div></div></div><div><div fs-modal-element="" data-wf--btn-main--style="secondary" class="btn_main_wrap w-variant-e85564cd-af30-a478-692b-71732aefb3ab"><div class="g_clickable_wrap"><a aria-label="Start Free 7-Day Trial" target="" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free 7-Day Trial</span></a><button type="button" aria-label="Start Free 7-Day Trial" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free 7-Day Trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start Free 7-Day Trial</div></div></div></div><div class="info_card_list_wrap"><div class="info_card_list_title_wrap"><p class="info_card_list_title_text">Plan includes:</p></div><div class="info_card_list_layout"><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Includes 1 seat</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Canvas platform for accelerated, on-brand content creation</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Agents for core marketing workflows</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Smart customization with 2 Brand Voices, 5 Knowledge assets and 3 Audiences<a href="#"><strong><br/></strong></a></div></div></div></div></div><div class="info_card_wrap"><div data-wf--global-background--background-color="white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-position-relative u-cover-absolute"></div><div class="info_card_top"><div><div class="info_card_top_inner"><div class="info_card_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-text u-max-width-20ch u-child-contain"><p>Business</p></div></div><div class="info_card_value_wrap"><div class="pricing_wrap"><div class="pricing_wrap_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68421df7879f954056ce9334_union.svg" loading="lazy" alt=""/></div><div class="pricing_info"><div class="pricing_info_text u-text-style-small is-mono">custom<br/>pricing</div><div></div></div></div></div></div><div class="info_card_divider"></div><div class="info_card_desc"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-max-width-50ch u-child-contain u-rich-text"><p>The AI platform built to elevate your brand and accelerate the impact of your team.</p></div></div></div><div><div fs-modal-element="open" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="Open demo request modal" target="" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Contact Sales</span></a><button type="button" aria-label="Open demo request modal" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Contact Sales</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Contact Sales</div></div></div></div><div class="info_card_list_wrap"><div class="info_card_list_title_wrap"><p class="info_card_list_title_text">Plan includes everything in Pro, plus:</p></div><div class="info_card_list_layout"><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Agents for complex marketing workflows, including GEO, translations, and deep research</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>No-code builder to create Custom AIÂ Agents</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Jasper Grid for scaled systematic content execution</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Unlimited IQ customization: Brand Voices, Knowledge, Audiences</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>API access</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Enterprise-grade governance: Admin controls and Groups</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Dedicated account management & priority support</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Secure and flexible deployment options</div></div></div></div></div></div></div></div><div data-w-tab="Yearly" class="w-tab-pane w--tab-active"><div class="hero_main_cards_container u-container"><div class="hero_cards_layout"><div class="info_card_wrap"><div data-wf--global-background--background-color="white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-position-relative u-cover-
2717absolute"></div><div class="info_card_top"><div><div class="info_card_top_inner"><div class="info_card_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-text u-max-width-20ch u-child-contain"><h3>Pro</h3></div></div><div class="info_card_value_wrap"><div class="pricing_wrap"><div class="pricing_wrap_inner"><div class="pricing_currency"><div class="pricing_currency_text u-text-style-main is-mono">$</div></div><div class="pricing_amount"><div class="pricing_amount_text">59</div><style>:root {--site--margin: clamp(1.25rem, 0.27844744455159115rem + 3.857280617164899vw, 3.75rem);--_typography---font-size--display: clamp(2.5rem, 1.5284474445515912rem + 3.857280617164899vw, 5rem);--_typography---font-size--h1: clamp(2.375rem, 1.9863789778206364rem + 1.5429122468659595vw, 3.375rem);--_typography---font-size--h2: clamp(2.375rem, 2.375rem + 0vw, 2.375rem);--_typography---font-size--h3: clamp(1.75rem, 1.75rem + 0vw, 1.75rem);--_typography---font-size--h4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_typography---font-size--h5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_typography---font-size--h6: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-large: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);--_typography---font-size--text-main: clamp(1rem, 1rem + 0vw, 1rem);--_typography---font-size--text-small: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);--_spacing---space--1: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);--_spacing---space--2: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3: clamp(1rem, 1rem + 0vw, 1rem);--_spacing---space--4: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);--_spacing---space--5: clamp(2rem, 2rem + 0vw, 2rem);--_spacing---space--6: clamp(2rem, 1.8056894889103183rem + 0.7714561234329798vw, 2.5rem);--_spacing---space--7: clamp(3rem, 3rem + 0vw, 3rem);--_spacing---space--8: clamp(4rem, 4rem + 0vw, 4rem);--_spacing---section-space--small: clamp(3rem, 2.142857142857143rem + 4.285714285714286vw, 6rem);--_spacing---section-space--main: clamp(4rem, 3.142857142857143rem + 4.285714285714286vw, 7rem);--_spacing---section-space--large: clamp(7rem, 5.785714285714286rem + 6.071428571428571vw, 11.25rem);--_spacing---section-space--page-top: clamp(6.25rem, 5.535714285714286rem + 3.571428571428571vw, 8.75rem);--_spacing---section-space--xsmall: clamp(5rem, 5rem + 0vw, 5rem);--_typography---font-size--text-tiny: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);--_spacing---space--3-5: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--_spacing---space--9: clamp(5rem, 5rem + 0vw, 5rem);--site--margin: clamp(1rem, 0.41706846673095466rem + 2.3143683702989395vw, 2.5rem);}</style></div></div><div class="pricing_info"><div class="pricing_info_text u-text-style-small is-mono">month/<br/>seat</div><div></div></div></div></div></div><div class="info_card_divider"></div><div class="info_card_desc"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-max-width-50ch u-child-contain u-rich-text"><p>Powerful AI to help you stay on-brand, even at scale.</p></div></div></div><div><div fs-modal-element="" data-wf--btn-main--style="secondary" class="btn_main_wrap w-variant-e85564cd-af30-a478-692b-71732aefb3ab"><div class="g_clickable_wrap"><a aria-label="Start Free 7-Day Trial" target="" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free 7-Day Trial</span></a><button type="button" aria-label="Start Free 7-Day Trial" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free 7-Day Trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start Free 7-Day Trial</div></div></div></div><div class="info_card_list_wrap"><div class="info_card_list_title_wrap"><p class="info_card_list_title_text">Plan includes:</p></div><div class="info_card_list_layout"><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Includes 1 seat</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Canvas platform for accelerated, on-brand content creation<br/></div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Agents for core marketing workflows</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Smart customization with 2 Brand Voices, 5 Knowledge assets and 3 Audiences<a href="#"><strong><br/></strong></a></div></div></div></div></div><div class="info_card_wrap"><div data-wf--global-background--background-color="white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-position-relative u-cover-
2717absolute"></div><div class="info_card_top"><div><div class="info_card_top_inner"><div class="info_card_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-text u-max-width-20ch u-child-contain"><h3>Business</h3></div></div><div class="info_card_value_wrap"><div class="pricing_wrap"><div class="pricing_wrap_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/68421df7879f954056ce9334_union.svg" loading="lazy" alt=""/></div><div class="pricing_info"><div class="pricing_info_text u-text-style-small is-mono">custom<br/>pricing</div><div></div></div></div></div></div><div class="info_card_divider"></div><div class="info_card_desc"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-max-width-50ch u-child-contain u-rich-text"><p>The AI platform built to elevate your brand and accelerate the impact of your team.</p></div></div></div><div><div fs-modal-element="open" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="Open demo request modal" target="" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Contact Sales</span></a><button type="button" aria-label="Open demo request modal" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Contact Sales</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Contact Sales</div></div></div></div><div class="info_card_list_wrap"><div class="info_card_list_title_wrap"><p class="info_card_list_title_text">Plan includes everything in Pro, plus:</p></div><div class="info_card_list_layout"><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Agents for complex marketing workflows, including GEO, translations, and deep research</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>No-code builder to create Custom AIÂ Agents</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Jasper Grid for scaled systematic content execution</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Unlimited IQ customization: Brand Voices, Knowledge, Audiences</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>API access</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Enterprise-grade governance: Admin controls and Groups</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Dedicated account management & priority support</div></div><div class="list_item_layout"><div class="list_item_icon"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6841dad99336c3aa6fc31eb8_tick.svg" loading="lazy" alt=""/></div><div>Secure and flexible deployment options</div></div></div></div></div></div></div></div></div></div></div></section><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><section class="price_chart_section"><div class="price_chart_sticky_header"><div class="price_chart_container u-container"><div class="price_chart_layout u-grid-custom"><div class="price_chart_dummy_col u-column-custom"></div><div class="price_chart_category_col is-border u-column-custom"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-3 u-max-width-20c
2717h u-child-contain center"><p>Pro</p></div><div class="price_chart_category_btn"><div fs-modal-element="" data-wf--btn-main--style="secondary" class="btn_main_wrap w-variant-e85564cd-af30-a478-692b-71732aefb3ab"><div class="g_clickable_wrap"><a aria-label="Start Free 7-Day Trial" target="_blank" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free Trial</span></a><button type="button" aria-label="Start Free 7-Day Trial" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free Trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start Free Trial</div></div></div></div><div class="price_chart_category_col u-column-custom"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h4 u-mb-3 u-max-width-20ch u-child-contain center"><p>Business</p></div><div class="price_chart_category_btn"><div fs-modal-element="open" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="Open demo popup modal" target="" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Contact Sales</span></a><button type="button" aria-label="Open demo popup modal" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Contact Sales</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Contact Sales</div></div></div></div></div></div></div><div class="price_chart_lines_-wrap u-grid-custom u-container"><div class="price_chart_lines_single u-column-custom"></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-green-200" class="g_background w-variant-1020c3ef-02ff-2ba9-d2f3-8e1f8f304e95 u-position-relative u-cover-absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Jasper IQ</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Audiences</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Transform static personas into dynamic, actionable AI inputs, to define, manage, and apply audience insights across every asset.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">3 audiences</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Unlimited</div></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Brand Voice</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Let AI analyze your content's tone of voice, then set tone and formatting rules so Jasper's writing always sounds like you.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">2 voices</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Unlimited voices</div></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Marketing Best Practices</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Jasperâs proprietary marketing knowledge layer deeply understands marketing, and sits atop the general purpose LLM to deliver outputs fine-tuned to marketing best practices.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Multi-Modal Company Knowledge</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Ensure all outputs are grounded in your company's institutional knowledge by uploading text, video, image, data, or audio assets for Jasper to ingest and reference.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">5 multi-modal knowledge assets</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Unlimited multi-modal knowledge assets</div></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Style Guide</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Maintain a series of rules in a style guide that ensures you're always on-brand, and see these style guide updates visually in the editor with x-ray view.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Visual Guidelines</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Eliminate design bottlenecks and accelerate time to market by ensuring that content is high-quality and on-brand.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Unlimited</div></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-blue-200" class="g_background w-variant-a03fe4e5-9b70-f69f-aed1-c346863d1892 u-position-relative u-cover-absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Jasper's LLM-Optimized Architecture</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>LLM Routing & Maintenance</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Jasper's AI Engine leverages several large language models, fine tuned for marketing-specific needs, so you get the highest quality outputs and superior uptime.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>30+ Languages</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Easily create or repurpose content in over 30 languages.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-flame-200" class="g_background w-variant-529ec4c4-1b88-814a-bc60-8ec96b3f6299 u-position-relative u-cover-
2717absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Jasper Platform</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Jasper Studio</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Design and deploy context-rich, no-code AI agents and workflows that transform your marketing processes.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Custom Workflows & Agents</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Let our team create custom Agents and Workflows to fit your business needs.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>100+ Purpose-Built Marketing Agents</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Enable every marketer, across every function, to accelerate AI adoption and time to value with pre-built Agents fine-tuned for marketing use-cases.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Custom Agents</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Build and publish a Custom Agent that maps any marketing task to your companyâs unique processes to accelerate business impact and create consistency across your team.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Document Collaboration</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Built-in features that allow for real-time interaction among your team members.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Remix Content</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Repurpose existing content into new assets for other marketing channels.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Plagiarism Checker</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Scan your content for sources using our add-on for Copyscape, the best plagiarism search on the web.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Marketing Editor</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Write, edit, and format all of your content inside our user-friendly document editor.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Rephrase & Rewrite</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Highlight text and with 1-click you can improve your writing, change the tone, adjust the length, or repurpose for a different channel.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Chat</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Our chatbot can assist you with tasks, do research quickly, and answer questions all through a human-like conversation.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-pink-200" class="g_background w-variant-495977fc-a58e-3e27-b40e-c28fcf6dec7d u-position-relative u-cover-absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Visual & Multimodal Functionality</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>The Jasper AI Image Suite</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Integrate state of the art image processing & AI capabilities directly in your products.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-pink-400" class="g_background u-position-relative w-variant-26991c53-376f-1cb1-3e55-6a2d341849e6 u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Image Generation & Editing</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Create new campaign imagery and update existing assets using natural language while maintaining a cohesive visual brand everywhere.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Replace Image Background</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Replace the background of an image automatically or using a prompt.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-pink-400" class="g_background u-position-relative w-variant-26991c53-376f-1cb1-3e55-6a2d341849e6 u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Image Upscaling</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Boost image resolution while preserving every detail. Quickly create sharper, more impactful visuals with ease.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Packshot Compositing</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Create studio style product photographs with life-like shadows on a branded background.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-pink-400" class="g_background u-position-relative w-variant-26991c53-376f-1cb1-3e55-6a2d341849e6 u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Remove Image Background</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Quickly and accurately remove backgrounds while keeping high-quality image details.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Remove Image Text</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Repurpose any image by removing text with ease.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-pink-400" class="g_background u-position-relative w-variant-26991c53-376f-1cb1-3e55-6a2d341849e6 u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Make Image Square</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Uncrop your photos to fit into square formats.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-vintage-electric-200" class="g_background w-variant-2a5911ce-7557-4e07-2e2c-fb301f2068ce u-position-relative u-cover-
2717absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Extensions, Integrations & API</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>API Access</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Build a custom integration or automate manual processes with Jasper's API.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-vintage-electric-500" class="g_background w-variant-fb60fcec-b04a-adff-8bf4-7b410f3a3a1b u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>API Integration</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Get on-brand AI wherever you work using Jasper API-powered integrations like BigQuery, Google Sheets, Zapier, Make and more.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Integrations</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Tap into our growing integrations marketplace to level-up your AI processes with Webflow, Google Docs, Slack and more.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-vintage-electric-500" class="g_background w-variant-fb60fcec-b04a-adff-8bf4-7b410f3a3a1b u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Browser Extension</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Use AI everywhere you work by adding the Jasper extension to your Chrome or Edge browser.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-violet-200" class="g_background w-variant-6f05b991-a10d-958a-d4fb-1d1e416a3ce8 u-position-relative u-cover-absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Account Management & Organization</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>User Logins</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Collaborate on content with your team.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">Single user</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Large teams</div></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-violet-400" class="g_background w-variant-262f6113-d52f-fe38-6b2c-8ba492bc4bda u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Team Usage & Analytics</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>See valuable data on team usage over time including total generations, active users, hours saved & more.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Advanced Admin Controls</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Gain 100% control over your Jasper instance with the ability to toggle on or off core features like image generation at the workspace level.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-violet-400" class="g_background w-variant-262f6113-d52f-fe38-6b2c-8ba492bc4bda u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Sharing & Project Management</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Share documents between your team and apply status labels to quickly know what's ready for review.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>User Management</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Control who can access documents in your workspace with user-specific permission settings to make them private, view-only, editable, or available to everyone in your workspace.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-violet-400" class="g_background w-variant-262f6113-d52f-fe38-6b2c-8ba492bc4bda u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Personal Usage Analytics</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>See data on your individual usage over time including total generations, hours saved & more.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>History & Backups</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Automatically saves your content in the document editor with the ability to view and restore previous versions of the document going back 7 days.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-violet-400" class="g_background w-variant-262f6113-d52f-fe38-6b2c-8ba492bc4bda u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Save, Star, Tag</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Save your prompts & outputs for later, or star your favorites for a more organized workspace.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-green-200" class="g_background w-variant-1020c3ef-02ff-2ba9-d2f3-8e1f8f304e95 u-position-relative u-cover-
2717absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Data Security & Privacy</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>SSO</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Single sign-on to securely authenticate all usersâ logins.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Enterprise Security</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Your data is not only protected from threats, but also completely under your control.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>SCIM</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Easily provision and manage user identities across different applications.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Role-Based Permissions</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Set up users in your workspace with admin, manager, or member roles, and permissions to create Groups, Brand Voices, Audiences, Knowledge, Style Guide rules, and Visual Guidelines, and permission to publish Studio agents.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Security</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Built with robust enterprise access control and regular security audits.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>SOC2 Compliant</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Jasper is SOC 2 certified to meet the strict technical and organizational requirement for protecting customer data and follows best practices for cybersecurity.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Reliability</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Weâre proud to have 99% uptime thanks to our multi-model interoperability and enterprise-grade infrastructure.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-green-300" class="g_background w-variant-89abb3d6-cdba-40fb-23c7-417fcaeae9ff u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Data Privacy</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Your data and outputs are safe with Jasper - we never permit third parties to train their AI models with Jasper customer data, and data is encrypted in transit and at rest.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div></div></div></div><div class="pricing_chart_wrap"><div data-wf--global-background--background-color="background-blue-200" class="g_background w-variant-a03fe4e5-9b70-f69f-aed1-c346863d1892 u-position-relative u-cover-absolute"></div><div class="pricing_chart_container u-container"><div class="pricing_chart_title"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-4 u-max-width-20ch u-child-contain"><h2>Onboarding & Support</h2></div></div><div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Dedicated Customer Success Manager</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Your organization will be assigned a dedicated Customer Success Manager to create an action plan, and implement AI into you workflows, and train your team on best practices.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">-</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="background-blue-300" class="g_background w-variant-1e7888ab-c6a6-eaf7-6100-f1e161cb578b u-position-relative u-cover-
2717absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Product training</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Attend live workshops or watch our on-demand series Jasper Jumpstart to learn how to use Jasper to its fullest potential.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"></div><div class="pricing_item_tick_wrap"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/684216c1872134848253686a_tick.svg" loading="lazy" alt=""/></div></div></div><div class="pricing_item_underline"></div></div><div class="pricing_item_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div class="pricing_item_layout u-grid-custom"><div class="pricing_item_desc_col u-column-custom"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-mb-2 u-max-width-50ch u-child-contain u-rich-text"><p>Support</p></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-small u-max-width-50ch u-child-contain u-rich-text u-color-faded"><p>Get your questions answered from our global customer success team.</p></div></div><div class="pricing_item_divider u-column-custom"></div><div class="pricing_item_category u-column-custom is-middle"><div class="pricing_item_value"><div class="u-text-wrap-balance">Email</div></div></div><div class="pricing_item_category u-column-custom"><div class="pricing_item_value"><div class="u-text-wrap-balance">Priority Support</div></div></div></div><div class="pricing_item_underline"></div></div></div></div></div></section><main id="main" class="page_main"><section data-wf--section-trust--styles-theme="inherit" class="trust_wrap"><div data-wf--global-section-space--section-space="none" class="g_section_space"></div><div data-wf--global-background--background-color="white" class="g_background w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297 u-position-relative u-cover-absolute"></div><div class="trust_contain u-container"><div class="trust_background u-flex-vertical-nowrap u-align-items-center"><div class="trust_background_inner u-visual-wrap"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6822880ad0979f638d9ae2e9_trust.svg" loading="lazy" alt="" class="g_visual_img"/></div></div></div><div class="trust_layout u-flex-vertical-nowrap"><div data-wf--global-content--alignment="inherit" class="u-display-contents u-width-full"><div styl="" class="g_content u-margin-trim u-align-self-center u-width-full u-flex-vertical-nowrap u-gap-5"><div data-wf--global-eyebrow--variant="flame-200" STYLE="" class="g_eyebrow_wrap"><div class="g_eyebrow_layout"><div class="g_eyebrow_text w-richtext"><p>Trust Foundation</p></div></div></div><div role="heading" fs-cmssort-field="" split-text="words" text-anim="display" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-display u-max-width-20ch u-child-contain"><h2>Enterprise-grade security, quality outputs</h2></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-max-width-40ch u-child-contain u-rich-text"><p>Enterprise-grade security and an LLM-agnostic architecture prioritize your data protection & privacy while providing superior quality marketing outputs.</p></div><div id="" STYLE="" class="u-display-contents u-width-full"><div btn-anim="0.1" class="u-btn-group u-mt-0"><div fs-modal-element="" data-wf--btn-secondary--style="secondary" class="btn_main_wrap w-variant-8e37cfbc-cbd4-44e3-8543-83f415c5c4bd"><div class="g_clickable_wrap"><a aria-label="" target="" href="/trust" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Explore Trust & Safety</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Explore Trust & Safety</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Explore Trust & Safety</div></div></div></div></div></div></div></div><div data-wf--global-section-space--section-space="none" class="g_section_space"></div></section><div class="accordion_1 u-container u-grid-autofill"><div class="accordion_1_js u-position-absolute w-embed w-script">
2717<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 2717
2717
2718<script> 2719document.addEventListener("DOMContentLoaded", function() { 2720 document.querySelectorAll(".accordion_1_cms_wrap").forEach((cmsWrap, listIndex) => { 2721 if (cmsWrap.dataset.scriptInitialized) return; 2722 cmsWrap.dataset.scriptInitialized = "true"; 2723 2724 const closePrevious = cmsWrap.getAttribute("data-close-previous") !== "false"; 2725 const closeOnSecondClick = cmsWrap.getAttribute("data-close-on-second-click") !== "false"; 2726 const openOnHover = cmsWrap.getAttribute("data-open-on-hover") === "true"; 2727 const openByDefault = cmsWrap.getAttribute("data-open-by-default") !== null && !isNaN(+cmsWrap.getAttribute("data-open-by-default")) ? +cmsWrap.getAttribute("data-open-by-default") : false; 2728 2729 let previousIndex = null, closeFunctions = []; 2730 2731 cmsWrap.querySelectorAll(".accordion_1_component").forEach((thisCard, cardIndex) => { 2732 const button = thisCard.querySelector(".accordion_1_toggle_button"); 2733 const content = thisCard.querySelector(".accordion_1_content_wrap"); 2734 const icon = thisCard.querySelector(".accordion_1_toggle_icon"); 2735 2736 if (!button || !content || !icon) return console.warn("Missing elements:", thisCard); 2737 2738 button.setAttribute("aria-expanded", "false"); 2739 button.setAttribute("id", "accordion_1_button_" + listIndex + "_" + cardIndex); 2740 content.setAttribute("id", "accordion_1_content_" + listIndex + "_" + cardIndex); 2741 button.setAttribute("aria-controls", content.id); 2742 content.setAttribute("aria-labelledby", button.id); 2743 content.style.display = "none"; 2744 2745 const refresh = () => { tl.invalidate(); if (typeof ScrollTrigger !== "undefined") ScrollTrigger.refresh(); }; 2746 const tl = gsap.timeline({ paused: true, defaults: { duration: 0.3, ease: "power1.inOut" }, onComplete: refresh, onReverseComplete: refresh }); 2747 tl.set(content, { display: "block" }); 2748 tl.fromTo(content, { height: 0 }, { height: "auto" }); 2749 tl.fromTo(icon, { rotate: 0 }, { rotate: -180 }, "<"); 2750 2751 const closeAccordion = () => thisCard.classList.contains("is-opened") && (thisCard.classList.remove("is-opened"), tl.reverse(), button.setAttribute("aria-expanded", "false")); 2752 closeFunctions[cardIndex] = closeAccordion; 2753 2754 const openAccordion = (instant = false) => { 2755 if (closePrevious && previousIndex !== null && previousIndex !== cardIndex) closeFunctions[previousIndex]?.(); 2756 previousIndex = cardIndex; 2757 button.setAttribute("aria-expanded", "true") 2758 thisCard.classList.add("is-opened"); 2759 instant ? tl.progress(1) : tl.play(); 2760 }; 2761 if (openByDefault === cardIndex) openAccordion(true); 2762 2763 button.addEventListener("click", () => thisCard.classList.contains("is-opened") && closeOnSecondClick ? (closeAccordion(), previousIndex = null) : openAccordion()); 2764 if (openOnHover) button.addEventListener("mouseenter", () => openAccordion()); 2765 }); 2766 }); 2767}); 2768</script>
2768</div><div class="accordion_1_css u-position-absolute w-embed"><style> 2769.wf-design-mode .accordion_1_content_wrap { 2770 display: block; 2771} 2772</style></div><div class="accordion_1_title u-column-custom"><div data-wf--global-ribbon--variant="10" id="" STYLE="" class="g_ribbon_wrap w-variant-618e7554-f54b-31ee-c4db-bfc518d690b2"><div class="g_ribbon_text">FAQs</div><div data-wf--global-background--background-color="background-flame-600" class="g_background u-position-relative w-variant-1140c20e-c29b-f49b-fabb-00af1d09fafd u-cover-absolute"></div></div><div class="accordion_1_sticky"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-text u-max-width-20ch u-child-contain"><h2>Questions about Jasper Basics</h2></div></div></div><div data-open-by-default="0" class="accordion_1_cms_wrap u-column-custom w-dyn-list"><div role="list" class="accordion_1_cms_list w-dyn-items"><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">How much does Jasper cost?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Jasper's pricing is transparent and meets your business needs as you grow. There are two plans to choose from:</p><ul role="list"><li><strong>Business:</strong> (custom pricing tailored for your company's needs. Includes personalized AI features with additional control, security, team training & tech support.)</li><li><strong>Pro:</strong> $59/month billed yearly or $69/month billed monthly (cancel anytime). Includes advanced AI features to create content for multiple brands & collaborate on campaigns.</li></ul><p>The most popular plan is the Business plan for its rich feature-set and ability to add teammates into your workspace. If you need personalized AI features with additional control, security, team training & tech support, then The Business Plan is for you.<br/>If you prefer to explore Jasper on your own, start a free trial and see for yourself how Jasper is the better AI for business.<br/></p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What is Jasper?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Jasper is the generative platform built for marketing success, empowering marketers to create on-brand written and visual content with AI. Unl
2772ike typical AI tools limited to single functions and generic outputs, Jasper can be trained on your brand and used seamlessly across platforms, from email and social media to your website.<br/>â<br/>Over 100,000 businesses, both small and large, use Jasper to scale up content and rate their experience 4.8/5 stars in over 10k reviews.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Why should I choose Jasper?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id=""><strong id=""><br>These 4 key differentiators are why Jasper is the best AI for businesses:</strong></p><ol id="" start="1"><li id="">Jasper is built by Marketers for Marketers, so not only is the AI trained on high-performing copy, the intuitive UI/UX is designed for creating content for all types of campaigns. Whether you are a social media manager, SEO specialist, ads manager, email marketer, or you're in marketing leadership then Jasper will be your home-base for creating content.</li><li id="">If staying on-brand is important for you, then Jasper is the only AI solution for you. Other AIs sound generic... like a robot wrote it. Jasper is different. You can upload your brand's writing style guide, or feed Jasper a piece of content, and the AI will analyze that writing style to mimic your tone of voice. Not only does the AI write on-brand, it helps keep everyone on your team writing on-brand as well because Jasper knows how important keeping a consistent message is across all channels.</li><li id="">Productivity is a big reason for looking at AI solutions, but 99% of AIs are siloed in their own app. Jasper has a large partnership ecosystem where Jasper has brought AI into the tools you use everyday. You can also add Jasper to your Chrome or Edge browser to bring your AI writing assistant everywhere you work â like Gmail, Wordpress, Docs, HubSpot, LinkedIn, or any other tabs you may have open. Jasper's extension is your brainstorming buddy for getting content going, or a friendly editor to review & improve your message before you press send.</li><li id="">If your company has a team of people creating content, then you'll want an AI platform that enables collaboration while also securing access to certain content. Jasper is a multi-player AI platform where you can assign work, see status updates, and set workspace defaults for AI features like setting your brand-voice, teaching the AI about your products, and setting a language default.</li></ol><p id=""><strong id="">So in summary, Jasper is for you if you want high-performing content created quickly with AI that is factually accurate and always on-brand. You may start alone on the Pro plan and then upgrade to Business as your team grows and you need access to enterprise-ready features like API access, custom AI templates, and hands-on support.</strong></p><p id=""><strong id="">Start your free trial today to see what amazing content Jasper will write for you!</strong></p></div></div></div></div></div></div></div><div class="u-embed-js w-embed w-script">
2772<script> 2773document.addEventListener("DOMContentLoaded", function () { 2774 document.querySelectorAll(".your-section").forEach((element) => { 2775 if (element.dataset.scriptInitialized) return; 2776 element.dataset.scriptInitialized = "true"; 2777 // run script here 2778 }); 2779}); 2780</script>
2780</div></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div class="accordion_1 u-container u-grid-autofill"><div class="accordion_1_js u-position-absolute w-embed w-script">
2780<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 2780
2780
2781<script> 2782document.addEventListener("DOMContentLoaded", function() { 2783 document.querySelectorAll(".accordion_1_cms_wrap").forEach((cmsWrap, listIndex) => { 2784 if (cmsWrap.dataset.scriptInitialized) return; 2785 cmsWrap.dataset.scriptInitialized = "true"; 2786 2787 const closePrevious = cmsWrap.getAttribute("data-close-previous") !== "false"; 2788 const closeOnSecondClick = cmsWrap.getAttribute("data-close-on-second-click") !== "false"; 2789 const openOnHover = cmsWrap.getAttribute("data-open-on-hover") === "true"; 2790 const openByDefault = cmsWrap.getAttribute("data-open-by-default") !== null && !isNaN(+cmsWrap.getAttribute("data-open-by-default")) ? +cmsWrap.getAttribute("data-open-by-default") : false; 2791 2792 let previousIndex = null, closeFunctions = []; 2793 2794 cmsWrap.querySelectorAll(".accordion_1_component").forEach((thisCard, cardIndex) => { 2795 const button = thisCard.querySelector(".accordion_1_toggle_button"); 2796 const content = thisCard.querySelector(".accordion_1_content_wrap"); 2797 const icon = thisCard.querySelector(".accordion_1_toggle_icon"); 2798 2799 if (!button || !content || !icon) return console.warn("Missing elements:", thisCard); 2800 2801 button.setAttribute("aria-expanded", "false"); 2802 button.setAttribute("id", "accordion_1_button_" + listIndex + "_" + cardIndex); 2803 content.setAttribute("id", "accordion_1_content_" + listIndex + "_" + cardIndex); 2804 button.setAttribute("aria-controls", content.id); 2805 content.setAttribute("aria-labelledby", button.id); 2806 content.style.display = "none"; 2807 2808 const refresh = () => { tl.invalidate(); if (typeof ScrollTrigger !== "undefined") ScrollTrigger.refresh(); }; 2809 const tl = gsap.timeline({ paused: true, defaults: { duration: 0.3, ease: "power1.inOut" }, onComplete: refresh, onReverseComplete: refresh }); 2810 tl.set(content, { display: "block" }); 2811 tl.fromTo(content, { height: 0 }, { height: "auto" }); 2812 tl.fromTo(icon, { rotate: 0 }, { rotate: -180 }, "<"); 2813 2814 const closeAccordion = () => thisCard.classList.contains("is-opened") && (thisCard.classList.remove("is-opened"), tl.reverse(), button.setAttribute("aria-expanded", "false")); 2815 closeFunctions[cardIndex] = closeAccordion; 2816 2817 const openAccordion = (instant = false) => { 2818 if (closePrevious && previousIndex !== null && previousIndex !== cardIndex) closeFunctions[previousIndex]?.(); 2819 previousIndex = cardIndex; 2820 button.setAttribute("aria-expanded", "true") 2821 thisCard.classList.add("is-opened"); 2822 instant ? tl.progress(1) : tl.play(); 2823 }; 2824 if (openByDefault === cardIndex) openAccordion(true); 2825 2826 button.addEventListener("click", () => thisCard.classList.contains("is-opened") && closeOnSecondClick ? (closeAccordion(), previousIndex = null) : openAccordion()); 2827 if (openOnHover) button.addEventListener("mouseenter", () => openAccordion()); 2828 }); 2829 }); 2830}); 2831</script>
2831</div><div class="accordion_1_css u-position-absolute w-embed"><style> 2832.wf-design-mode .accordion_1_content_wrap { 2833 display: block; 2834} 2835</style></div><div class="accordion_1_title u-column-custom"><div class="accordion_1_sticky"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-text u-max-width-20ch u-child-contain"><h2>Common Billing Questions</h2></div></div></div><div data-open-by-default="0" class="accordion_1_cms_wrap u-column-custom w-dyn-list"><div role="list" class="accordion_1_cms_list w-dyn-items"><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">How do Jasper credits work?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Some usage-based features, like the GEO Hub and Agents, run on credits, which sit alongside seat-based pricing on the Business plan. Credits are consumed per action (for example, each GEO Hub report run), and admins can view and govern their workspace's credit allocation. Standard content creation in Chat and Canvas is not what drives credit usage. You can see current rates on the <a href="https://www.jasper.ai/credits-rate-card">Jasper credits rate card</a>.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Whatâs the cost of additional users?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id>Need more than 1 user on Pro? <a href="https://www.jasper.ai/demo?utm_source=jasper&utm_medium=website&utm_campaign=Pricing_Page&utm_content=FAQ"><strong id>Contact Jasper's sales team</strong></a> to customize the Business Plan with additional seats, unlimited custom agents via Jasperâs no-code AI Agent Builder, marketing Agents, SSO, custom style guide, and API access, everything your team needs to streamline workflows and scale content production.<br></p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What payment methods do you support?</span><span class="accordion_1_toggle_icon">
2835<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id="">Jasper supports all major credit cards and debit cards. Jasper secures your payment method with 3D Secure authentication for your privacy and protection.</p><p id="">Jasper does not accept PayPal, prepaid cards, or other cash apps at this time.</p><p id="">â</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Whatâs the cancellation policy?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>You can cancel your subscription at any time and you will no longer be charged. After canceling, you will be able to continue generating content and have access to your account until the end of your billing cycle. </p><p>â</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Whatâs the commitment?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>On the Pro plan, you have the option to pay monthly with no ongoing commitments (you can cancel anytime), or you can pay annually up-front to save ~20% and the commitment is 12 months. Business plans are customized to your needs and begin with a 12 month commitment.</p><p>You can start a 7-day free trial of the Pro plan to try Jasper's features risk-free today before committing to a paid plan.<br/></p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What currencies does Jasper accept?</span><span class="accordion_1_toggle_icon">
2835<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>All currencies! Prices are in USD, and an exchange rate will be applied at time of purchase as determined by Stripe.</p><p>â</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Do you offer yearly price plans?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>You can pay annually up-front to save ~20% and the commitment is 12 months, or you can pay a little more for monthly billing but have the flexibility to <a target="_blank" href="https://help.jasper.ai/hc/en-us/articles/18618636907931-Pause-Plan">pause for 30 days</a>. Business plans are customized to your needs and begin with a 12 month commitment.</p><p>You can start a 7-day free trial of the Pro plan to try Jasper's features risk-free today before committing to an annual plan.</p><h3></h3></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Do you offer free trials?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Most people get started with a 7-day free trial on the Pro plan to experience Jasper risk-free. When you're ready, create your free account and see for yourself how Jasper is the better AI for business.<br/></p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">I am a nonprofit. Do you offer any discounts?</span><span class="accordion_1_toggle_icon">
2835<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Jasper offers 20% non-profit discounts. To access this discount, first start a free trial and then email <a href="mailto:[email protected]">[email protected]</a> to get your non-profit discount applied. The team will request for documentation to prove your non-profit's legitimacy.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Do you offer Enterprise plans?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id="">Jasper is thoughtfully designed for departments and organizations who need a secure, scalable, and customizable AI platform that meets technical needs and aligns their team. That's why large companies like Wayfair, SentinelOne, and IHeartMedia choose Jasper to help their organization create on-brand content at scale. </p><p id="">Explore all the features of Jasper's Business Plan, and when you're ready to take the next step you can <a id="" href="/demo">book a time</a> with one of Jasper's Generative AI Consultants to walk you through how to customize Jasper to your business needs.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Can I upgrade to a different plan at a later time?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Yes! For most plan changes, you will need to upgrade to Business get unlimited users and other popularfeatures.</p></div></div></div></div></div></div></div><div class="u-embed-js w-embed w-script">
2835<script> 2836document.addEventListener("DOMContentLoaded", function () { 2837 document.querySelectorAll(".your-section").forEach((element) => { 2838 if (element.dataset.scriptInitialized) return; 2839 element.dataset.scriptInitialized = "true"; 2840 // run script here 2841 }); 2842}); 2843</script>
2843</div></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div class="accordion_1 u-container u-grid-autofill"><div class="accordion_1_js u-position-absolute w-embed w-script">
2843<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 2843
2843
2844<script> 2845document.addEventListener("DOMContentLoaded", function() { 2846 document.querySelectorAll(".accordion_1_cms_wrap").forEach((cmsWrap, listIndex) => { 2847 if (cmsWrap.dataset.scriptInitialized) return; 2848 cmsWrap.dataset.scriptInitialized = "true"; 2849 2850 const closePrevious = cmsWrap.getAttribute("data-close-previous") !== "false"; 2851 const closeOnSecondClick = cmsWrap.getAttribute("data-close-on-second-click") !== "false"; 2852 const openOnHover = cmsWrap.getAttribute("data-open-on-hover") === "true"; 2853 const openByDefault = cmsWrap.getAttribute("data-open-by-default") !== null && !isNaN(+cmsWrap.getAttribute("data-open-by-default")) ? +cmsWrap.getAttribute("data-open-by-default") : false; 2854 2855 let previousIndex = null, closeFunctions = []; 2856 2857 cmsWrap.querySelectorAll(".accordion_1_component").forEach((thisCard, cardIndex) => { 2858 const button = thisCard.querySelector(".accordion_1_toggle_button"); 2859 const content = thisCard.querySelector(".accordion_1_content_wrap"); 2860 const icon = thisCard.querySelector(".accordion_1_toggle_icon"); 2861 2862 if (!button || !content || !icon) return console.warn("Missing elements:", thisCard); 2863 2864 button.setAttribute("aria-expanded", "false"); 2865 button.setAttribute("id", "accordion_1_button_" + listIndex + "_" + cardIndex); 2866 content.setAttribute("id", "accordion_1_content_" + listIndex + "_" + cardIndex); 2867 button.setAttribute("aria-controls", content.id); 2868 content.setAttribute("aria-labelledby", button.id); 2869 content.style.display = "none"; 2870 2871 const refresh = () => { tl.invalidate(); if (typeof ScrollTrigger !== "undefined") ScrollTrigger.refresh(); }; 2872 const tl = gsap.timeline({ paused: true, defaults: { duration: 0.3, ease: "power1.inOut" }, onComplete: refresh, onReverseComplete: refresh }); 2873 tl.set(content, { display: "block" }); 2874 tl.fromTo(content, { height: 0 }, { height: "auto" }); 2875 tl.fromTo(icon, { rotate: 0 }, { rotate: -180 }, "<"); 2876 2877 const closeAccordion = () => thisCard.classList.contains("is-opened") && (thisCard.classList.remove("is-opened"), tl.reverse(), button.setAttribute("aria-expanded", "false")); 2878 closeFunctions[cardIndex] = closeAccordion; 2879 2880 const openAccordion = (instant = false) => { 2881 if (closePrevious && previousIndex !== null && previousIndex !== cardIndex) closeFunctions[previousIndex]?.(); 2882 previousIndex = cardIndex; 2883 button.setAttribute("aria-expanded", "true") 2884 thisCard.classList.add("is-opened"); 2885 instant ? tl.progress(1) : tl.play(); 2886 }; 2887 if (openByDefault === cardIndex) openAccordion(true); 2888 2889 button.addEventListener("click", () => thisCard.classList.contains("is-opened") && closeOnSecondClick ? (closeAccordion(), previousIndex = null) : openAccordion()); 2890 if (openOnHover) button.addEventListener("mouseenter", () => openAccordion()); 2891 }); 2892 }); 2893}); 2894</script>
2894</div><div class="accordion_1_css u-position-absolute w-embed"><style> 2895.wf-design-mode .accordion_1_content_wrap { 2896 display: block; 2897} 2898</style></div><div class="accordion_1_title u-column-custom"><div class="accordion_1_sticky"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-mb-text u-max-width-20ch u-child-contain"><h2>Common Product Questions</h2></div></div></div><div data-open-by-default="0" class="accordion_1_cms_wrap u-column-custom w-dyn-list"><div role="list" class="accordion_1_cms_list w-dyn-items"><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Does Jasper support SSO and SAML?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Yes. Single sign-on (SSO) is available on the Business plan and supports SAML 2.0, including Okta, Azure AD, and Google Workspace. Role-based access controls and an in-app AI audit log are also included, so admins can govern who has access and how the platform is used across their team.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What security and compliance certifications does Jasper have?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Jasper is SOC 2 Type II certified and complies with GDPR, CCPA, PCI, and DPA requirements, with annual third-party penetration testing. Customer data is hosted in US-based data centers and encrypted in transit (TLS 1.2 or higher) and at rest (AES-256). Jasper does not use your data to train AI models, and you keep full ownership of your content. You can request the SOC 2 report and supporting documentation through Jasper's compliance portal at <a href="https://security.jasper.ai">security.jasper.ai</a>.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What does Jasper do with my data?</span><span class="accordion_1_toggle_icon">
2898<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id="">Jasper employs robust access controls across accounts, and no user outside your workspace will have access to your data. The Jasper service has been tested and audited by independent 3rd parties to verify that these protections are in place, and properly protect your data.</p><p id="">Jasper will never share your data outside Jasper's list of trusted partners that help provide the Jasper service. Jasper is transparent about all the sub-processors it uses. You can find a list of the sub-processors Jasper uses at <a href="https://www.jasper.ai/legal/sub-processors">https://www.jasper.ai/legal/sub-processors</a>.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">What is Jasperâs Fair Use Policy?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p id="">Jasper strives to provide the Jasper Software as a Service Application (the âServiceâ) fairly to all Users while maintaining correspondingly high levels of quality. To do so, Jasper maintains this <a id="" href="https://help.jasper.ai/hc/en-us/articles/18618630845339-Fair-Use-Policy" target="_blank">Fair Use Policy</a>, which applies to all Users.</p></div></div></div></div></div><div role="listitem" class="accordion_1_cms_item w-dyn-item"><div class="accordion_1_component"><h3 id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c00-7a9b3bf7" class="accordion_1_toggle_heading"><button aria-expanded="false" class="accordion_1_toggle_button"><span class="accordion_1_toggle_text u-text-style-h3">Can I use Jasper for my clientâs sites?</span><span class="accordion_1_toggle_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" aria-hidden="true" class="accordion_1_toggle_svg"><rect x="0.582031" y="0.5" width="23" height="23" rx="3.5" stroke="currentColor"></rect><path d="M8.85938 10.3887L12.0799 13.6092L15.3004 10.3887" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="0.09rem"></path></svg></span></button></h3><div id="w-node-d0ff9f19-1e63-0dd7-3a93-d0787a9b3c07-7a9b3bf7" class="accordion_1_content_wrap"><div class="accordion_1_content_padding"><div class="accordion_1_content_text w-richtext"></div><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-main u-mb-text u-child-contain u-rich-text u-text-family-primary"><p>Yes, you create multiple projects within Jasper for each of your clients. You can also log into your clients Jasper account if they're a customer and give you access. </p></div></div></div></div></div></div></div><div class="u-embed-js w-embed w-script">
2898<script> 2899document.addEventListener("DOMContentLoaded", function () { 2900 document.querySelectorAll(".your-section").forEach((element) => { 2901 if (element.dataset.scriptInitialized) return; 2902 element.dataset.scriptInitialized = "true"; 2903 // run script here 2904 }); 2905}); 2906</script>
2906</div></div><section data-wf--section-layout-cards-4--styles-theme="inherit" class="layout_cards_wrap"><div data-wf--global-background--background-color="transparent" class="g_background u-position-relative u-cover-absolute"></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div class="layout_cards_contain u-container"><div class="layout_cards_layout u-flex-vertical-nowrap u-gap-7"><div class="g_content"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h1 u-mb-text u-max-width-12ch u-child-contain"><h2>Have additional questions?</h2></div></div><div class="g_content u-flex-horizontal-wrap u-justify-content-between u-flex-horizontal-nowrap u-gap-gutter u-flex-vertical-mob"><div data-wf--card-colorful--variant="pink" class="g_card_link w-variant-d5c76f1d-11f2-fec4-27a8-223b181019be u-flex-vertical-nowrap u-child-contain u-width-auto u-flex-grow"><div class="u-embed-css w-embed"><style> 2907.g_card_link:hover .g_card_link_icon { 2908 transform: scale(1.4); 2909} 2910 2911</style></div><div class="g_card_link_heading u-mb-4"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-child-contain u-max-width-20ch"><h3>Read help articles &Â FAQs</h3></div></div><div class="g_card_visual u-visual-wrap u-mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 318 172" fill="none" class="g_card_visual_grid w-variant-d5c76f1d-11f2-fec4-27a8-223b181019be"><g opacity="0.6"><path d="M9.56128e-06 1.13037L0 171.13" stroke="currentColor"></path><path d="M12.72 1.13037L12.72 171.13" stroke="currentColor"></path><path d="M25.44 1.13037L25.44 171.13" stroke="currentColor"></path><path d="M38.16 1.13037L38.16 171.13" stroke="currentColor"></path><path d="M50.88 1.13037L50.88 171.13" stroke="currentColor"></path><path d="M63.6 1.13037L63.6 171.13" stroke="currentColor"></path><path d="M76.32 1.13037L76.32 171.13" stroke="currentColor"></path><path d="M89.04 1.13037L89.04 171.13" stroke="currentColor"></path><path d="M101.76 1.13037L101.76 171.13" stroke="currentColor"></path><path d="M114.48 1.13037L114.48 171.13" stroke="currentColor"></path><path d="M127.2 1.13037L127.2 171.13" stroke="currentColor"></path><path d="M139.92 1.13037L139.92 171.13" stroke="currentColor"></path><path d="M152.64 1.13037L152.64 171.13" stroke="currentColor"></path><path d="M165.36 1.13037L165.36 171.13" stroke="currentColor"></path><path d="M178.08 1.13037L178.08 171.13" stroke="currentColor"></path><path d="M190.8 1.13037L190.8 171.13" stroke="currentColor"></path><path d="M203.52 1.13037L203.52 171.13" stroke="currentColor"></path><path d="M216.24 1.13037L216.24 171.13" stroke="currentColor"></path><path d="M228.96 1.13037L228.96 171.13" stroke="currentColor"></path><path d="M241.68 1.13037L241.68 171.13" stroke="currentColor"></path><path d="M254.4 1.13037L254.4 171.13" stroke="currentColor"></path><path d="M267.12 1.13037L267.12 171.13" stroke="currentColor"></path><path d="M279.84 1.13037L279.84 171.13" stroke="currentColor"></path><path d="M292.56 1.13037L292.56 171.13" stroke="currentColor"></path><path d="M305.28 1.13037L305.28 171.13" stroke="currentColor"></path><path d="M318 1.13037L318 171.13" stroke="currentColor"></path><path d="M0 1.13037H318" stroke="currentColor"></path><path d="M0 13.2732H318" stroke="currentColor"></path><path d="M0 25.4161H318" stroke="currentColor"></path><path d="M0 37.559H318" stroke="currentColor"></path><path d="M0 49.7018H318" stroke="currentColor"></path><path d="M0 61.8446H318" stroke="currentColor"></path><path d="M0 73.9875H318" stroke="currentColor"></path><path d="M0 86.1304H318" stroke="currentColor"></path><path d="M0 98.2732H318" stroke="currentColor"></path><path d="M0 110.416H318" stroke="currentColor"></path><path d="M0 122.559H318" stroke="currentColor"></path><path d="M0 134.702H318" stroke="currentColor"></path><path d="M0 146.845H318" stroke="currentColor"></path><path d="M0 158.988H318" stroke="currentColor"></path><path d="M0 171.13H318" stroke="currentColor"></path></g></svg></div><div class="g_card_link_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-width-full"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-max-width-20c
2911h u-rich-text"><p>Explore the Help Center</p></div><div class="g_card_link_icon"><svg data-wf--icon-slider-arrow--variant="right" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 18" fill="none" class="icon_arrow_wrap"><path d="M8.56911 17.7295L6.85528 15.9622L12.4114 10.4639H0L0 8.02322H12.3561L6.82765 2.52487L8.56911 0.729492L17 9.25754L8.56911 17.7295Z" fill="currentColor"></path></svg></div></div><div class="g_clickable_wrap"><a aria-label="" target="_blank" href="https://help.jasper.ai/hc/en-us" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only"></span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only"></span></button></div></div><div data-wf--card-colorful--variant="blue" class="g_card_link w-variant-29aad0d9-4d5a-eda7-4ffc-48940b126ff2 u-flex-vertical-nowrap u-child-contain u-width-auto u-flex-grow"><div class="u-embed-css w-embed"><style> 2912.g_card_link:hover .g_card_link_icon { 2913 transform: scale(1.4); 2914} 2915 2916</style></div><div class="g_card_link_heading u-mb-4"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-child-contain u-max-width-12ch"><h3>Get customer support</h3></div></div><div class="g_card_visual u-visual-wrap u-mb-4 w-variant-29aad0d9-4d5a-eda7-4ffc-48940b126ff2"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 318 172" fill="none" class="g_card_visual_grid"><g opacity="0.6"><path d="M9.56128e-06 1.13037L0 171.13" stroke="currentColor"></path><path d="M12.72 1.13037L12.72 171.13" stroke="currentColor"></path><path d="M25.44 1.13037L25.44 171.13" stroke="currentColor"></path><path d="M38.16 1.13037L38.16 171.13" stroke="currentColor"></path><path d="M50.88 1.13037L50.88 171.13" stroke="currentColor"></path><path d="M63.6 1.13037L63.6 171.13" stroke="currentColor"></path><path d="M76.32 1.13037L76.32 171.13" stroke="currentColor"></path><path d="M89.04 1.13037L89.04 171.13" stroke="currentColor"></path><path d="M101.76 1.13037L101.76 171.13" stroke="currentColor"></path><path d="M114.48 1.13037L114.48 171.13" stroke="currentColor"></path><path d="M127.2 1.13037L127.2 171.13" stroke="currentColor"></path><path d="M139.92 1.13037L139.92 171.13" stroke="currentColor"></path><path d="M152.64 1.13037L152.64 171.13" stroke="currentColor"></path><path d="M165.36 1.13037L165.36 171.13" stroke="currentColor"></path><path d="M178.08 1.13037L178.08 171.13" stroke="currentColor"></path><path d="M190.8 1.13037L190.8 171.13" stroke="currentColor"></path><path d="M203.52 1.13037L203.52 171.13" stroke="currentColor"></path><path d="M216.24 1.13037L216.24 171.13" stroke="currentColor"></path><path d="M228.96 1.13037L228.96 171.13" stroke="currentColor"></path><path d="M241.68 1.13037L241.68 171.13" stroke="currentColor"></path><path d="M254.4 1.13037L254.4 171.13" stroke="currentColor"></path><path d="M267.12 1.13037L267.12 171.13" stroke="currentColor"></path><path d="M279.84 1.13037L279.84 171.13" stroke="currentColor"></path><path d="M292.56 1.13037L292.56 171.13" stroke="currentColor"></path><path d="M305.28 1.13037L305.28 171.13" stroke="currentColor"></path><path d="M318 1.13037L318 171.13" stroke="currentColor"></path><path d="M0 1.13037H318" stroke="currentColor"></path><path d="M0 13.2732H318" stroke="currentColor"></path><path d="M0 25.4161H318" stroke="currentColor"></path><path d="M0 37.559H318" stroke="currentColor"></path><path d="M0 49.7018H318" stroke="currentColor"></path><path d="M0 61.8446H318" stroke="currentColor"></path><path d="M0 73.9875H318" stroke="currentColor"></path><path d="M0 86.1304H318" stroke="currentColor"></path><path d="M0 98.2732H318" stroke="currentColor"></path><path d="M0 110.416H318" stroke="currentColor"></path><path d="M0 122.559H318" stroke="currentColor"></path><path d="M0 134.702H318" stroke="currentColor"></path><path d="M0 146.845H318" stroke="currentColor"></path><path d="M0 158.988H318" stroke="currentColor"></path><path d="M0 171.13H318" stroke="currentColor"></path></g></svg></div><div class="g_card_link_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-width-full"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-max-width-20c
2916h u-rich-text"><p>Email [email protected]</p></div><div class="g_card_link_icon"><svg data-wf--icon-slider-arrow--variant="right" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 18" fill="none" class="icon_arrow_wrap"><path d="M8.56911 17.7295L6.85528 15.9622L12.4114 10.4639H0L0 8.02322H12.3561L6.82765 2.52487L8.56911 0.729492L17 9.25754L8.56911 17.7295Z" fill="currentColor"></path></svg></div></div><div class="g_clickable_wrap"><a aria-label="" target="" href="mailto:[email protected]" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only"></span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only"></span></button></div></div><div data-wf--card-colorful--variant="green" class="g_card_link u-flex-vertical-nowrap u-child-contain u-width-auto u-flex-grow"><div class="u-embed-css w-embed"><style> 2917.g_card_link:hover .g_card_link_icon { 2918 transform: scale(1.4); 2919} 2920 2921</style></div><div class="g_card_link_heading u-mb-4"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-h2 u-child-contain u-max-width-20ch"><h3>Learn more about Jasper</h3></div></div><div class="g_card_visual u-visual-wrap u-mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 318 172" fill="none" class="g_card_visual_grid"><g opacity="0.6"><path d="M9.56128e-06 1.13037L0 171.13" stroke="currentColor"></path><path d="M12.72 1.13037L12.72 171.13" stroke="currentColor"></path><path d="M25.44 1.13037L25.44 171.13" stroke="currentColor"></path><path d="M38.16 1.13037L38.16 171.13" stroke="currentColor"></path><path d="M50.88 1.13037L50.88 171.13" stroke="currentColor"></path><path d="M63.6 1.13037L63.6 171.13" stroke="currentColor"></path><path d="M76.32 1.13037L76.32 171.13" stroke="currentColor"></path><path d="M89.04 1.13037L89.04 171.13" stroke="currentColor"></path><path d="M101.76 1.13037L101.76 171.13" stroke="currentColor"></path><path d="M114.48 1.13037L114.48 171.13" stroke="currentColor"></path><path d="M127.2 1.13037L127.2 171.13" stroke="currentColor"></path><path d="M139.92 1.13037L139.92 171.13" stroke="currentColor"></path><path d="M152.64 1.13037L152.64 171.13" stroke="currentColor"></path><path d="M165.36 1.13037L165.36 171.13" stroke="currentColor"></path><path d="M178.08 1.13037L178.08 171.13" stroke="currentColor"></path><path d="M190.8 1.13037L190.8 171.13" stroke="currentColor"></path><path d="M203.52 1.13037L203.52 171.13" stroke="currentColor"></path><path d="M216.24 1.13037L216.24 171.13" stroke="currentColor"></path><path d="M228.96 1.13037L228.96 171.13" stroke="currentColor"></path><path d="M241.68 1.13037L241.68 171.13" stroke="currentColor"></path><path d="M254.4 1.13037L254.4 171.13" stroke="currentColor"></path><path d="M267.12 1.13037L267.12 171.13" stroke="currentColor"></path><path d="M279.84 1.13037L279.84 171.13" stroke="currentColor"></path><path d="M292.56 1.13037L292.56 171.13" stroke="currentColor"></path><path d="M305.28 1.13037L305.28 171.13" stroke="currentColor"></path><path d="M318 1.13037L318 171.13" stroke="currentColor"></path><path d="M0 1.13037H318" stroke="currentColor"></path><path d="M0 13.2732H318" stroke="currentColor"></path><path d="M0 25.4161H318" stroke="currentColor"></path><path d="M0 37.559H318" stroke="currentColor"></path><path d="M0 49.7018H318" stroke="currentColor"></path><path d="M0 61.8446H318" stroke="currentColor"></path><path d="M0 73.9875H318" stroke="currentColor"></path><path d="M0 86.1304H318" stroke="currentColor"></path><path d="M0 98.2732H318" stroke="currentColor"></path><path d="M0 110.416H318" stroke="currentColor"></path><path d="M0 122.559H318" stroke="currentColor"></path><path d="M0 134.702H318" stroke="currentColor"></path><path d="M0 146.845H318" stroke="currentColor"></path><path d="M0 158.988H318" stroke="currentColor"></path><path d="M0 171.13H318" stroke="currentColor"></path></g></svg></div><div class="g_card_link_inner u-flex-horizontal-nowrap u-justify-content-between u-align-items-end u-flex-grow u-width-full"><div fs-cmsfilter-field="" text-anim="" split-text="" data-wf--global-paragraph--variant="base" class="g_paragraph w-richtext u-text-style-large u-max-width-20c
2921h u-rich-text"><p>Get a demo</p></div><div class="g_card_link_icon"><svg data-wf--icon-slider-arrow--variant="right" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 18" fill="none" class="icon_arrow_wrap"><path d="M8.56911 17.7295L6.85528 15.9622L12.4114 10.4639H0L0 8.02322H12.3561L6.82765 2.52487L8.56911 0.729492L17 9.25754L8.56911 17.7295Z" fill="currentColor"></path></svg></div></div><div class="g_clickable_wrap"><a aria-label="" target="" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only"></span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only"></span></button></div></div></div><div class="g_content u-flex-horizontal-wrap u-justify-content-between"></div></div></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div></section><section data-wf--section-cta-main--styles-theme="inherit" class="cta_main_wrap"><div class="u-embed-js w-embed w-script">
2921<script> 2922document.addEventListener("DOMContentLoaded", function () { 2923 document.querySelectorAll(".cta_main_wrap").forEach((element) => { 2924 if (element.dataset.scriptInitialized) return; 2925 element.dataset.scriptInitialized = "true"; 2926 // run script here 2927 gsap.registerPlugin(ScrollTrigger,TextPlugin) 2928 2929 function initCtaMain() { 2930 const wrapper = document.querySelector('.cta_main_wrap'); 2931 const refs = { 2932 frame: wrapper.querySelector('.cta_main_frame'), 2933 cursorTarget: wrapper.querySelector('[data-cta-cursor="target"]'), 2934 cursors: gsap.utils.toArray('.cta_main_cursor', wrapper), 2935 visuals: gsap.utils.toArray('.cta_main_decoration', wrapper), 2936 heading: wrapper.querySelector('.cta_main_content .g_heading'), 2937 navCursors: gsap.utils.toArray( 2938 '.cta_main_user_item.u-visual-wrap.is-absolute', 2939 wrapper 2940 ), 2941 targetWrap: wrapper.querySelector('[data-cta-cursor="target-wrap"]'), 2942 hiddenText: wrapper.querySelector('[data-cta-text] .g_paragraph'), 2943 } 2944 2945 gsap.set(refs.cursors, { autoAlpha: 0 }) 2946 2947 const originalText = refs.heading.textContent 2948 2949 const originalHeight = refs.heading.offsetHeight 2950 gsap.set(refs.heading, { height: originalHeight }) 2951 2952 const newText = refs.hiddenText.textContent 2953 refs.heading.textContent = newText 2954 2955 let split = SplitText.create(refs.heading, { 2956 type: 'chars, words, lines', 2957 reduceWhiteSpace: false, 2958 tag: 'span', 2959 mask: false, 2960 prepareText: function (text) { 2961 return text.replace(/ /g, 'â¢') 2962 }, 2963 }) 2964 2965 split.chars.forEach((char) => { 2966 if (char.textContent === 'â¢') { 2967 char.textContent = ' ' 2968 } 2969 }) 2970 2971 const tl = gsap.timeline({ 2972 scrollTrigger: { 2973 trigger: wrapper, 2974 start: 'top center', 2975 scrub: false, 2976 markers: false, 2977 }, 2978 delay: 0.2, 2979 }) 2980 2981 //Init 2982 /*tl.from(refs.frame, { 2983 yPercent: 50, 2984 duration: MOTION_CONFIG.durationM, 2985 ease: MOTION_CONFIG.easeOut, 2986 })*/ 2987 tl.to( 2988 refs.navCursors, 2989 { 2990 autoAlpha: 0, 2991 stagger: 0.1, 2992 }/*, 2993 '>'*/ 2994 ) 2995 .fromTo( 2996 refs.targetWrap, 2997 { 2998 width: '3rem', 2999 }, 3000 { 3001 width: '1.5rem', 3002 ease: MOTION_CONFIG.easeInOut, 3003 duration: MOTION_CONFIG.durationM, 3004 }, 3005 '>' 3006 ) 3007 3008 refs.cursors.forEach((cursor) => { 3009 const cursorRect = cursor.getBoundingClientRect() 3010 const targetRect = refs.cursorTarget.getBoundingClientRect() 3011 3012 const moveX = targetRect.left - cursorRect.left 3013 const moveY = targetRect.top - cursorRect.top 3014 3015 tl.to( 3016 cursor, 3017 { 3018 autoAlpha: 1, 3019 }, 3020 '<' 3021 ).from( 3022 cursor, 3023 { 3024 x: `+=${moveX}`, 3025 y: `+=${moveY}`, 3026 duration: MOTION_CONFIG.durationL, 3027 ease: MOTION_CONFIG.easeInOut, 3028 }, 3029 '<' 3030 ) 3031 }) 3032 3033 //Cursors movements 3034 tl.to( 3035 refs.cursors[1], 3036 { 3037 xPercent: 100, 3038 yPercent: 1100, 3039 duration: MOTION_CONFIG.durationL, 3040 ease: MOTION_CONFIG.easeIn, 3041 }, 3042 '<' 3043 ) 3044 3045 tl.to( 3046 refs.cursors[2], 3047 { 3048 xPercent: -250, 3049 yPercent: 1100, 3050 duration: MOTION_CONFIG.durationL, 3051 ease: MOTION_CONFIG.easeIn, 3052 }, 3053 '<' 3054 ) 3055 // Text animation 3056 tl.to( 3057 refs.cursors[0], 3058 { 3059 yPercent: -1200, 3060 xPercent: -250, 3061 duration: MOTION_CONFIG.durationL, 3062 ease: MOTION_CONFIG.easeInOut, 3063 }, 3064 '>' 3065 ) 3066 3067 .to( 3068 split.chars, 3069 { 3070 backgroundColor: 'var(--swatch--flame-600)', 3071 color: 'var(--swatch--light-100)', 3072 stagger: { 3073 amount: 0.3, 3074 from: 'end', 3075 }, 3076 }, 3077 '>-0.5' 3078 ) 3079 3080 .to( 3081 refs.heading, 3082 { 3083 duration: 0.2, 3084 text: { 3085 value: originalText, 3086 //delimiter: '', 3087 ease: MOTION_CONFIG.easeNone, 3088 duration: MOTION_CONFIG.durationL, 3089 speed: 5, 3090 }, 3091 }, 3092 '>0.625' 3093 ) 3094 3095 .to( 3096 refs.cursors[0], 3097 { 3098 xPercent: 40, 3099 yPercent: -450, 3100 duration: MOTION_CONFIG.durationL, 3101 ease: MOTION_CONFIG.easeInOut, 3102 }, 3103 '<-0.2' 3104 ) 3105 3106 .from( 3107 refs.visuals[1], 3108 { 3109 xPercent: 75, 3110 yPercent: 75, 3111 duration: 2, 3112 ease: MOTION_CONFIG.easeInOut, 3113 }, 3114 '<' 3115 ) 3116 .to( 3117 refs.cursors[1], 3118 3119 { 3120 xPercent: -150, 3121 yPercent: 0, 3122 duration: 2, 3123 ease: MOTION_CONFIG.easeInOut, 3124 }, 3125 '<' 3126 ) 3127 3128 .to( 3129 refs.cursors[2], 3130 { 3131 xPercent: 0, 3132 yPercent: 0, 3133 duration: 2, 3134 ease: MOTION_CONFIG.easeInOut, 3135 }, 3136 '<' 3137 ) 3138 .from( 3139 refs.visuals[2], 3140 { 3141 yPercent: 100, 3142 xPercent: -75, 3143 duration: 2, 3144 ease: MOTION_CONFIG.easeInOut, 3145 /* onComplete: () => { 3146 moveToTarget(refs.cursors, refs.cursorTarget) 3147 },*/ 3148 }, 3149 '<' 3150 ) 3151 3152 .to([refs.cursors[0], refs.cursors[1]], { 3153 yPercent: 100, 3154 xPercent: 120, 3155 ease: MOTION_CONFIG.easeOut, 3156 duration: MOTION_CONFIG.durationL, 3157 stagger: 0.1, 3158 }) 3159 3160 .to( 3161 refs.cursors[2], 3162 { 3163 yPercent: -100, 3164 xPercent: -300, 3165 ease: MOTION_CONFIG.easeOut, 3166 duration: MOTION_CONFIG.durationL, 3167 delay: 0.1, 3168 }, 3169 '<' 3170 ) 3171 } 3172
3173 initCtaMain() 3174 }); 3175}); 3176</script>
3176</div><div class="cta_main_bg u-cover-absolute"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg.avif" loading="lazy" alt="" sizes="(max-width: 5760px) 100vw, 5760px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-1600.avif 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-2000.avif 2000w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-2600.avif 2600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg-p-3200.avif 3200w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682aeae32526a109f25d7d5c_cta-bg.avif 5760w" class="g_visual_img full-width-and-height"/></div><div class="cta_main_bg_inner"></div></div><div class="cta_main_decoration_wrap"><div class="cta_main_decoration u-visual-wrap"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3.avif" loading="lazy" alt="" sizes="(max-width: 3956px) 100vw, 3956px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3-p-1600.png 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3af2009072ed2d39329d_cta-decoration-3.avif 3956w" class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_decoration u-visual-wrap is-2"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2.avif" loading="lazy" alt="" sizes="(max-width: 3191px) 100vw, 3191px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-500.avif 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-800.avif 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-1080.avif 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-1600.avif 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-2000.avif 2000w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2-p-2600.avif 2600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3b70784354ed75ed0323_cta-decoration-2.avif 3191w" class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_decoration u-visual-wrap is-3"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3be671643f4ccea07a4a_cta-decoration-1.avif" loading="lazy" alt="" sizes="(max-width: 1647px) 100vw, 1647px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3be671643f4ccea07a4a_cta-decoration-1-p-500.png 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3be671643f4ccea07a4a_cta-decoration-1-p-800.png 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3be671643f4ccea07a4a_cta-decoration-1-p-1080.png 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3be671643f4ccea07a4a_cta-decoration-1.avif 1647w" class="g_visual_img full-width-and-height"/></div></div></div><div data-wf--global-section-space--section-space="large" class="g_section_space w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3"></div><div class="cta_main_contain u-container"><div class="cta_main_layout"><div class="cta_main_frame"><div class="cta_main_frame_header u-grid-custom"><div class="cta_main_frame_nav u-flex-horizontal-nowrap u-gap-1"><div class="cta_main_nav_icon">
3176<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 57 56" fill="none" class="cta_main_nav_svg"><mask id="path-1-outside-1_1237_23930" maskUnits="userSpaceOnUse" x="0" y="0" width="57" height="56" fill="black"><rect fill="white" width="57" height="56"></rect><path d="M0 0H56V56H0V0Z"></path></mask><path d="M0 0H56V56H0V0Z" fill="white"></path><path d="M56 0H55V56H56H57V0H56Z" fill="black" fill-opacity="0.04" mask="url(#path-1-outside-1_1237_23930)"></path><path d="M12 16C12 13.7909 13.7909 12 16 12H40C42.2091 12 44 13.7909 44 16V40C44 42.2091 42.2091 44 40 44H16C13.7909 44 12 42.2091 12 40V16Z" fill="#FA4028"></path><path d="M16 12.25H40C42.0711 12.25 43.75 13.9289 43.75 16V40C43.75 42.0711 42.0711 43.75 40 43.75H16C13.9289 43.75 12.25 42.0711 12.25 40V16C12.25 13.9289 13.9289 12.25 16 12.25Z" stroke="black" stroke-opacity="0.04" stroke-width="0.5"></path><path d="M31.22 15.7801C30.82 15.3601 30.3 15.1401 29.62 15.1401C28.94 15.1401 28.4 15.3601 27.98 15.7801C27.56 16.2201 27.34 16.7401 27.34 17.3801C27.34 18.0201 27.56 18.5401 27.98 18.9601C28.4 19.3801 28.94 19.6001 29.62 19.6001C30.3 19.6001 30.82 19.4001 31.22 18.9601C31.62 18.5401 31.8 18.0201 31.8 17.3801C31.8 16.7401 31.6 16.2201 31.22 15.7801ZM26.14 23.2801V24.1401C26.64 23.9801 26.98 23.9401 27.2 24.0001C27.42 24.0601 27.56 24.2601 27.62 24.5801C27.68 24.9001 27.7 25.4001 27.7 26.0601V31.7201C27.7 32.6401 27.76 33.4201 27.9 34.0801C28.02 34.7201 28.18 35.2801 28.38 35.7601C28.58 36.2401 28.74 36.6401 28.86 37.0201C28.98 37.3801 29.06 37.7601 29.06 38.1601C29.06 38.5601 28.98 38.8401 28.84 39.0601C28.7 39.2801 28.48 39.4001 28.18 39.4001C27.98 39.4001 27.82 39.3201 27.68 39.1401C27.54 38.9801 27.36 38.7001 27.14 38.3001C26.96 37.8601 26.76 37.5601 26.54 37.3801C26.32 37.2001 26.02 37.1001 25.64 37.1001C25.2 37.1001 24.84 37.2401 24.58 37.5001C24.32 37.7601 24.2 38.1201 24.2 38.5401C24.2 38.9601 24.32 39.4001 24.56 39.7401C24.8 40.0801 25.16 40.3601 25.6 40.5601C26.06 40.7601 26.58 40.8601 27.2 40.8601C27.94 40.8601 28.66 40.6601 29.32 40.2801C29.98 39.8801 30.52 39.2401 30.92 38.3201C31.32 37.4001 31.52 36.1801 31.52 34.6201V21.0001L26.12 23.2801H26.14Z" fill="white"></path></svg></div></div><div id="w-node-_52c78ed7-aca3-e7dc-5219-daa590fd4d50-184f6112" class="cta_main_nav_page u-flex-horizontal-nowrap u-gap-1"><div class="cta_main_page_text u-text-style-small">Jasper Closing CTA</div><div class="cta_main_page_svg w-embed"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3177<path d="M2 5.33398L10 5.33399M10 5.33399C10 6.43855 10.8954 7.33398 12 7.33398C13.1046 7.33398 14 6.43855 14 5.33398C14 4.22941 13.1046 3.33398 12 3.33398C10.8954 3.33398 10 4.22942 10 5.33399ZM6 10.6673L14 10.6673M6 10.6673C6 11.7719 5.10457 12.6673 4 12.6673C2.89543 12.6673 2 11.7719 2 10.6673C2 9.56275 2.89543 8.66732 4 8.66732C5.10457 8.66732 6 9.56275 6 10.6673Z" stroke="#848291" stroke-width="1.5" stroke-linecap="square"/> 3178</svg></div></div><div id="w-node-_46fe21b0-7703-1c7a-c3b5-112b6bff38fc-184f6112" class="cta_main_frame_user u-flex-horizontal-nowrap u-gap-2 u-align-items-stretch"><div data-cta-cursor="target" class="cta_main_user_list u-flex-horizontal-nowrap u-gap-1 u-justify-content-between"><div data-cta-cursor="target-wrap" class="cta_main_user_inner u-flex-horizontal-nowrap"><div class="cta_main_user_item u-visual-wrap"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b3e5e42a8eb60207aefc1_cta-user.avif" loading="lazy" alt="" class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_user_item u-visual-wrap is-absolute"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b7f446cb814926498b029_cta-nav-avatar-1.png" loading="lazy" alt="Smiling woman with curly hair, glasses, and a teal shirt against a bright pink background." class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_user_item u-visual-wrap is-absolute is-2"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;
3178" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b7f44672a5ed7dcba6070_cta-nav-avatar-3.png" loading="lazy" alt="Smiling young man with tousled hair and glasses against a bright green circular background." class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_user_item u-visual-wrap is-absolute is-3"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682b7f44ada202b98ecec5bf_cta-nav-avatar-2.png" loading="lazy" alt="Smiling man with closed eyes against a red circular background." class="g_visual_img full-width-and-height"/></div></div></div><div class="cta_main_user_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 16 17" fill="none" class="cta_main_user_arrow"><path d="M4 6.72949L8 10.7295L12 6.72949" stroke="#424242" stroke-width="1.5" stroke-linecap="square"></path></svg></div></div><div class="cta_main_user_btn u-flex-horizontal-nowrap"><div class="cta_main_user_btn-text u-text-style-small">Share</div></div></div></div><div class="cta_main_content u-flex-vertical-nowrap u-gap-7"><div role="heading" fs-cmssort-field="" split-text="words" text-anim="" fs-cmsfilter-field="" class="g_heading w-richtext u-text-style-display u-max-width-10ch u-text-wrap-pretty"><h2>Get started with Jasper today</h2></div><div id="" STYLE="" class="u-display-contents u-width-full"><div btn-anim="" class="u-btn-group"><div fs-modal-element="" data-wf--btn-secondary--style="secondary" class="btn_main_wrap w-variant-8e37cfbc-cbd4-44e3-8543-83f415c5c4bd"><div class="g_clickable_wrap"><a aria-label="" target="" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free Trial</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free Trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start Free Trial</div></div><div fs-modal-element="open" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="Open demo popup modal" target="" href="#" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get A Demo</span></a><button type="button" aria-label="Open demo popup modal" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get A Demo</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Get A Demo</div></div></div></div><div data-cta-text="" class="cta_main_animated_text"><p fs-list-field="" fs-cmsfilter-field="" fs-cmssort-field="" data-wf--global-paragraph-plain-text--variant="base" class="g_paragraph">Start creating with Jasper today</p></div></div></div><div class="cta_main_cursor u-visual-wrap"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6845e2267cad01a6d2584bff_avatar-strong-colours-2.webp" loading="lazy" alt="Smiling woman with glasses and curly hair next to text reading Content Marketer on pink background." class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_cursor u-visual-wrap is-3"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6845e226fb1c97bf6be46e88_avatar-strong-colours-1.webp" loading="lazy" alt="Smiling person with curly hair and glasses next to text reading Product Marketer on green background." class="g_visual_img full-width-and-height"/></div></div><div class="cta_main_cursor u-visual-wrap is-2"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/6845e226153a9f31379b4b49_avatar-strong-colours.webp" loading="lazy" alt="Smiling man with dark shirt next to bright orange banner text reading Digital Marketer with paper plane icon" class="g_visual_img full-width-and-height"/></div></div></div></div><div data-wf--global-section-space--section-space="none" class="g_section_space"></div></section><div class="footer_wrap"><div class="footer_bg_texture"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;
3178" class="g_visual_wrap u-position-relative u-cover-absolute"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df495036085a82bc6ae35_paper-texture.webp" loading="lazy" alt="Light gray textured paper background resembling fibrous or recycled material." sizes="(max-width: 1440px) 100vw, 1440px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df495036085a82bc6ae35_paper-texture-p-500.webp 500w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df495036085a82bc6ae35_paper-texture-p-800.webp 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df495036085a82bc6ae35_paper-texture-p-1080.webp 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df495036085a82bc6ae35_paper-texture.webp 1440w" class="g_visual_img full-width-and-height"/></div></div><div class="footer_bg"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover u-flex-grow"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture.png" loading="lazy" alt="" sizes="(max-width: 5760px) 100vw, 5760px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-800.png 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-1080.png 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-1600.png 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-2000.png 2000w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-3200.png 3200w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture.png 5760w" class="g_visual_img full-width-and-height"/></div><div class="u-display-block-tab u-flex-grow"><div data-wf--global-visual--variant="base" STYLE="object-position: 50% 50%;" class="g_visual_wrap u-position-relative u-cover"><img src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture.png" loading="lazy" alt="" sizes="(max-width: 5760px) 100vw, 5760px" srcset="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-800.png 800w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-1080.png 1080w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-1600.png 1600w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-2000.png 2000w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture-p-3200.png 3200w, https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/682df4e3983d64a279638ad3_footer-texture.png 5760w" class="g_visual_img full-width-and-height"/></div></div></div><div data-padding-bottom="small" data-padding-top="main" class="footer_contain u-container u-vflex-stretch-top"><div class="footer_layout u-grid-autofit u-gap-row-8"><div class="footer_column u-flex-vertical-nowrap u-justify-content-start u-gap-6 u-flex-grow"><a href="/platform" class="footer_heading_wrap u-flex-horizontal-nowrap u-align-items-center u-gap-1 w-inline-block"><div class="u-text-style-h4">Platform</div><div class="footer_link_icon u-flex-horizontal-nowrap"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div class="footer_column_divider"></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/geo" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">GEOÂ & AIÂ Optimization</div><div class="footer_link_icon">
3178<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/agents" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Agents</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/agents/optimization" class="footer_link u-text-main">Optimization</a></li><li class="footer_list_item"><a href="/agents/research" class="footer_link u-text-main">Research</a></li><li class="footer_list_item"><a href="/agents/translation" class="footer_link u-text-main">Translation</a></li></ul></div></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/content-pipelines" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Content Pipelines</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/studio" class="footer_link u-text-main">AI Studio</a></li><li class="footer_list_item"><a href="/grid" class="footer_link u-text-main">Jasper Grid</a></li><li class="footer_list_item"><a href="/studio" class="footer_link u-text-main">Canvas</a><ul role="list" class="footer_sublist w-list-unstyled"><li class="footer_list_item"><a href="/editor" class="footer_link u-text-main">Marketing AI Editor</a></li><li class="footer_list_item"><a href="/chat" class="footer_link u-text-main">Jasper Chat</a></li></ul></li><li class="footer_list_item"><a href="/image/pipelines" class="footer_link u-text-main">Image Pipelines</a></li><li class="footer_list_item"><a href="/api" class="footer_link u-text-main">Jasper APIs</a><ul role="list" class="footer_sublist w-list-unstyled"><li class="footer_list_item"><a href="/mcp" class="footer_link u-text-main">Jasper MCP</a></li><li class="footer_list_item"><a href="/image/api" class="footer_link u-text-main">Image APIs</a></li></ul></li></ul></div></div><div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/jasper-iq" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Jasper IQ</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/marketing-iq" class="footer_link u-text-main">Marketing IQ</a></li><li class="footer_list_item"><a href="/product-iq" class="footer_link u-text-main">Product IQ</a></li><li class="footer_list_item"><a href="/knowledge-base" class="footer_link u-text-main">Knowledge Base</a></li><li class="footer_list_item"><a href="/brand-iq" class="footer_link u-text-main">Brand IQ</a><ul role="list" class="footer_sublist w-list-unstyled"><li class="footer_list_item"><a href="/brand-voice" class="footer_link u-text-main">Brand Voice</a></li><li class="footer_list_item"><a href="/visual-guidelines" class="footer_link u-text-main">Visual Guidelines</a></li><li class="footer_list_item"><a href="/style-guide" class="footer_link u-text-main">Style Guide</a></li></ul></li></ul></div></div></div><div id="w-node-f13c728b-1716-a541-72c7-8483560e5373-cba9bbc4" class="footer_column u-flex-vertical-nowrap u-justify-content-start u-gap-6 u-flex-grow"><a href="/solutions" class="footer_heading_wrap u-flex-horizontal-nowrap u-align-items-center u-gap-1 w-inline-block"><div class="u-text-style-h4">Solutions</div><div class="footer_link_icon u-flex-horizontal-nowrap">
3178<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div class="footer_column_divider"></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/use-cases" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Solutions by Use Case</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/geo" class="footer_link u-text-main">GEO</a></li><li class="footer_list_item"><a href="/solutions/seo-aeo-geo" class="footer_link u-text-main">SEO &Â AEO</a></li><li class="footer_list_item"><a href="/solutions/personalization" class="footer_link u-text-main">Personalization</a></li><li class="footer_list_item"><a href="/solutions/campaigns" class="footer_link u-text-main">Campaigns</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/solutions#by-role" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Solutions by Role</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/solutions/by-role/product-marketers" class="footer_link u-text-main">Product Marketing</a></li><li class="footer_list_item"><a href="/solutions/by-role/content-marketers" class="footer_link u-text-main">Content Marketing</a></li><li class="footer_list_item"><a href="/solutions/by-role/performance-marketers" class="footer_link u-text-main">Performance Marketing</a></li><li class="footer_list_item"><a href="/solutions/by-role/field-marketers" class="footer_link u-text-main">Field & Events Marketing</a></li><li class="footer_list_item"><a href="/solutions/by-role/brand-marketers" class="footer_link u-text-main">Brand Marketing</a></li><li class="footer_list_item"><a href="/solutions/by-role/pr-and-communications" class="footer_link u-text-main">PR & Communications</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/solutions#by-industry" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Solutions by Industry</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/solutions/by-industry/financial-services" class="footer_link u-text-main">Financial Services</a></li><li class="footer_list_item"><a href="/solutions/by-industry/healthcare" class="footer_link u-text-main">Healthcare & Life Sciences</a></li><li class="footer_list_item"><a href="/solutions/by-industry/tech" class="footer_link u-text-main">Technology</a></li><li class="footer_list_item"><a href="/solutions/by-industry/retail-and-consumer-goods" class="footer_link u-text-main">Retail & Consumer Goods</a></li><li class="footer_list_item"><a href="/solutions/by-industry/media-and-entertainment" class="footer_link u-text-main">Media & Entertainment</a></li><li class="footer_list_item"><a href="/solutions/by-industry/professional-services" class="footer_link u-text-main">Professional Services</a></li></ul></div></div><div class="footer_column u-flex-vertical-nowrap u-justify-content-start u-gap-6 u-flex-grow"><a href="/resources" class="footer_heading_wrap u-flex-horizontal-nowrap u-align-items-center u-gap-1 w-inline-block"><div class="u-text-style-h4">Resources</div><div class="footer_link_icon u-flex-horizontal-nowrap">
3178<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div class="footer_column_divider"></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Diagnostics & Tools</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/diagnostics/geo" class="footer_link u-text-main">GEO Diagnostic</a></li><li class="footer_list_item"><a href="/diagnostics/brand-compliance" class="footer_link u-text-main">Brand Compliance</a></li><li class="footer_list_item"><a href="/diagnostics/roi-calculator" class="footer_link u-text-main">Jasper ROI Calculator</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Discover</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/blog" class="footer_link u-text-main">Blog</a></li><li class="footer_list_item"><a href="/customer-stories" class="footer_link u-text-main">Customer Stories</a></li><li class="footer_list_item"><a href="/webinars" class="footer_link u-text-main">Events & Webinars</a></li><li class="footer_list_item"><a href="/prompts" class="footer_link u-text-main">Prompt Library</a></li><li class="footer_list_item"><a href="/state-of-ai-marketing-2026" class="footer_link u-text-main">The State of AI in Marketing 2026</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Learn</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="https://community.jasper.ai/courses" target="_blank" class="footer_link u-text-main">Courses</a></li><li class="footer_list_item"><a href="https://community.jasper.ai" target="_blank" class="footer_link u-text-main">The Jasper Community</a></li><li class="footer_list_item"><a href="/workflows" class="footer_link u-text-main">Explore Jasper Workflows</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Get Support</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/contact-support" class="footer_link u-text-main">Contact Support</a></li><li class="footer_list_item"><a href="https://community.jasper.ai/c/help-center/" target="_blank" class="footer_link u-text-main">FAQs & Help Center</a></li><li class="footer_list_item"><a href="/customer-success" class="footer_link u-text-main">Customer Success</a></li><li class="footer_list_item"><a href="https://ecosystem.jasper.ai/" target="_blank" class="footer_link u-text-main">Hire a Professional Partner</a></li></ul></div></div><div class="footer_column u-flex-vertical-nowrap u-justify-content-start u-gap-6 u-flex-grow"><a href="/company" class="footer_heading_wrap u-flex-horizontal-nowrap u-align-items-center u-gap-1 w-inline-block"><div class="u-text-style-h4">Company</div><div class="footer_link_icon u-flex-horizontal-nowrap"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div class="footer_column_divider"></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Information</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/company" class="footer_link u-text-main">About Jasper</a></li><li class="footer_list_item"><a href="/press" class="footer_link u-text-main">Newsroom</a></li><li class="footer_list_item"><a href="/careers" class="footer_link u-text-main">Careers at Jasper</a></li><li class="footer_list_item"><a href="/legal" class="footer_link u-text-main">Legal Information</a></li><li class="footer_list_item"><a href="/brand" class="footer_link u-text-main">Company Logos</a></li><li class="footer_list_item"><a href="/chrome-extension" class="footer_link u-text-main">Browser Extensions</a></li><li class="footer_list_item"><a href="/integrations" class="footer_link u-text-main">Integrations</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/trust" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Trust Foundation</div><div class="footer_link_icon">
3178<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/llm-optimized" class="footer_link u-text-main">LLM-Optimized Architecture</a></li><li class="footer_list_item"><a href="/security" class="footer_link u-text-main">Security</a></li><li class="footer_list_item"><a href="/governance" class="footer_link u-text-main">Governance</a></li><li class="footer_list_item"><a href="https://security.jasper.ai" target="_blank" class="footer_link u-text-main">Compliance</a></li><li class="footer_list_item"><a href="/ethics" class="footer_link u-text-main">Ethics at Jasper</a></li></ul></div></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><div class="link_text_title u-text-style-large">Become a Partner</div><ul role="list" class="footer_list u-vflex-left-center w-list-unstyled"><li class="footer_list_item"><a href="/partners/solutions" class="footer_link u-text-main">Become a Solutions Partner</a></li><li class="footer_list_item"><a href="/partners/tech-partnerships" class="footer_link u-text-main">Become a Tech Partner</a></li></ul></div><div class="footer_list_wrap u-flex-vertical-nowrap u-gap-2"><a href="/pricing" aria-current="page" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block w--current"><div class="link_text_title u-text-main u-weight-medium">Pricing</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a><a href="/enterprise" class="footer_link_large u-flex-horizontal-nowrap u-gap-2 u-text-style-large w-inline-block"><div class="link_text_title u-text-main u-weight-medium">Enterprise</div><div class="footer_link_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 12 12" fill="none"><path d="M6.03252 10L5.22602 9.16832L7.84064 6.58088H2V5.43234H7.81464L5.21301 2.84488L6.03252 2L10 6.0132L6.03252 10Z" fill="currentColor"></path></svg></div></a></div><div class="footer_btn_wrap u-flex-vertical-nowrap u-align-items-stretch u-gap-2"><div fs-modal-element="" data-wf--btn-main--style="primary" class="btn_main_wrap"><div class="g_clickable_wrap"><a aria-label="" target="" href="/demo" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Get A Demo</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Get A Demo</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Get A Demo</div></div><div fs-modal-element="" data-wf--btn-main--style="secondary-flame" class="btn_main_wrap w-variant-78f1b6dc-6059-0396-96ce-6b0c2f0cafad"><div class="g_clickable_wrap"><a aria-label="" target="_blank" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free Trial</span></a><link rel="prefetch" href="https://app.jasper.ai/auth/signup"/><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free Trial</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-large">Start Free Trial</div></div></div></div></div><div class="footer_bottom u-flex-horizontal-wrap u-justify-content-between"><a aria-label="Jasper.ai Homepage" href="/" class="footer_logo w-inline-block"><svg data-wf--global-logo--variant="base" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 232 87" fill="none" STYLE="" class="g_logo_wrap"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 232 87" fill="none" class="g_logo_wrap"><path d="M22.3688 68.0442C22.3688 72.7533 21.7549 76.4938 20.5272 79.2657C19.2994 82.0375 17.6675 84.0195 15.6312 85.2117C13.595 86.4039 11.4389 87 9.16312 87C7.30654 87 5.68952 86.702 4.31206 86.1059C2.93459 85.5098 1.87155 84.6901 1.12293 83.647C0.37431 82.6038 0 81.3967 0 80.0257C0 78.6547 0.389283 77.6562 1.16785 76.851
31785C1.94641 76.0468 3.02443 75.6444 4.40189 75.6444C5.53979 75.6444 6.45311 75.9275 7.14184 76.4938C7.83057 77.0601 8.44444 77.999 8.98345 79.3104C9.64224 80.5026 10.1812 81.352 10.6005 81.8587C11.0197 82.3654 11.5288 82.6187 12.1277 82.6187C13.026 82.6187 13.6998 82.276 14.1489 81.5904C14.5981 80.9049 14.8227 79.9959 14.8227 78.8633C14.8227 77.6711 14.6281 76.5236 14.2388 75.4209C13.8495 74.3181 13.3554 73.0514 12.7565 71.6208C12.1576 70.1901 11.6635 68.4913 11.2742 66.5242C10.8849 64.557 10.6903 62.1727 10.6903 59.371V33.0832C10.6903 31.0565 10.6005 29.5514 10.4208 28.5678C10.2411 27.5843 9.82191 27.0031 9.16312 26.8243C8.50433 26.6454 7.42632 26.7944 5.92908 27.2713V24.6783L22.3688 17.7934V68.0442ZM21.3806 11.5791C22.5784 10.2975 23.1773 8.70298 23.1773 6.79548C23.1773 4.88798 22.5784 3.27852 21.3806 1.96711C20.1828 0.655704 18.5658 0 16.5296 0C14.4933 0 12.8314 0.655704 11.5437 1.96711C10.2561 3.27852 9.61229 4.88798 9.61229 6.79548C9.61229 8.70298 10.2561 10.2975 11.5437 11.5791C12.8314 12.8607 14.4933 13.5015 16.5296 13.5015C18.5658 13.5015 20.1828 12.8607 21.3806 11.5791Z" fill="currentColor"></path><path d="M39.4323 69.8329C36.9169 69.8329 34.716 69.3113 32.8294 68.2681C30.9429 67.225 29.4157 65.7347 28.2479 63.7974C27.08 61.8601 26.4961 59.5801 26.4961 56.9572C26.4961 54.096 26.9752 51.6967 27.9334 49.7594C28.8917 47.8221 30.2991 46.1977 32.1557 44.8863C34.0122 43.5749 36.2581 42.5019 38.8933 41.6674C40.5702 41.0713 42.2022 40.5199 43.7892 40.0133C45.3763 39.5066 46.8286 38.8658 48.1462 38.0908C49.7632 37.1967 50.8712 36.1386 51.4701 34.9166C52.069 33.6947 52.3684 32.1597 52.3684 30.3118C52.3684 27.689 51.8145 25.6623 50.7065 24.2316C49.5985 22.801 47.9366 22.0857 45.7207 22.0857C44.0438 22.0857 42.7561 22.4434 41.8578 23.1587C40.9594 23.874 40.3306 24.8874 39.9713 26.1988C39.6119 27.5102 39.2526 28.9706 38.8933 30.5801C38.7136 32.1895 38.2345 33.486 37.4559 34.4696C36.6773 35.4531 35.3298 35.9449 33.4134 35.9449C31.6766 35.9449 30.329 35.4233 29.3708 34.3802C28.4126 33.337 27.9334 32.0107 27.9334 30.4012C27.9334 28.1361 28.712 26.0646 30.2691 24.1869C31.8263 22.3092 34.0122 20.8041 36.8271 19.6715C39.6419 18.5389 42.9358 17.9727 46.7089 17.9727C50.0028 17.9727 52.8925 18.4942 55.3779 19.5374C57.8633 20.5806 59.8097 22.2198 61.2171 24.4552C62.6245 26.6905 63.3282 29.5667 63.3282 33.0837V59.3714C63.3282 60.504 63.5229 61.3534 63.9122 61.9197C64.3014 62.486 64.9153 62.7692 65.7538 62.7692C66.4126 62.7692 66.9965 62.5605 67.5055 62.1433C68.0146 61.726 68.4788 61.2491 68.898 60.7126L70.4252 62.4115C69.9461 63.3653 69.3172 64.4084 68.5386 65.541C67.7601 66.6736 66.6821 67.6422 65.3046 68.447C63.9271 69.2517 62.2502 69.6541 60.2739 69.6541C58.2975 69.6541 56.7703 69.2666 55.5126 68.4917C54.255 67.7167 53.3267 66.6587 52.7278 65.3175C52.1289 63.9763 51.8294 62.5009 51.8294 60.8915V39.7897C51.53 40.0878 51.1856 40.4752 50.7963 40.9521C50.407 41.429 49.8531 41.9059 49.1344 42.3827C48.4157 42.8 47.7869 43.1726 47.2479 43.5004C46.7089 43.8283 46.1399 44.1412 45.541 44.4393C44.9421 44.7373 44.1635 45.1844 43.2053 45.7805C42.0674 46.4362 41.0792 47.1664 40.2408 47.9711C39.4023 48.7758 38.7884 49.6998 38.3992 50.743C38.0099 51.7861 37.8152 53.023 37.8152 54.4536C37.8152 57.1957 38.474 59.2373 39.7916 60.5785C41.1092 61.9197 42.6663 62.5903 44.463 62.5903C46.2597 62.5903 47.8468 62.0538 49.0446 60.9809C50.2423 59.9079 51.3204 58.5965 52.2786 57.0467L52.7278 60.8915C52.069 62.2029 51.1557 63.5441 49.9878 64.9151C48.82 66.2861 47.3826 67.4485 45.6758 68.4023C43.9689 69.356 41.8877 69.8329 39.4323 69.8329Z" fill="currentColor"></path><path d="M105.922 86.1948V83.6018C107.299 83.6018 108.347 83.3485 109.066 82.8418C109.785 82.3351 110.144 80.9492 110.144 78.684V33.0828C110.144 31.0561 110.054 29.5509 109.875 28.5674C109.695 27.5838 109.291 27.0026 108.662 26.8238C108.033 26.645 106.97 26.794 105.473 27.2709V24.6779L121.733 17.793V78.684C121.733 80.2339 121.897 81.3515 122.227 82.0371C122.556 82.7226 123.125 83.1547 123.934 83.3336C124.742 83.5124 125.865 83.6018 127.302 83.6018V86.1948H105.922ZM124.607 68.759C122.99 68.2226 121.538 67.4476 120.25 66.4343C118.963 65.4209 117.75 64.3479 116.612 63.2154L121.733 52.8433C121.733 55.3469 122.137 57.5525 122.945 59.46C123.754 61.3675 124.907 62.8726 126.404 63.9754C127.901 65.0782 129.608 65.6296 131.525 65.6296C133.202 65.6296 134.759 65.0931 136.196 64.0201C137.633 62.9471 138.771 61.129 139.61 58.5658C140.448 56.0026 140.867 52.6645 140.867 48.5514C140.867 43.6635 140.478 39.5057 139.7 36.0782C138.921 32.6506 137.813 30.0278 136.376 28.2097C134.938 26.3916 133.082 25.4826 130.806 25.4826C129.548 25.4826 128.336 25.7508 127.
3178168 26.2873C126 26.8238 124.877 27.6285 123.799 28.7015C122.721 29.7745 121.793 31.0859 121.014 32.6357L119.846 29.7745C120.804 27.6881 122.032 25.7508 123.529 23.9625C125.027 22.1743 126.808 20.7287 128.875 19.626C130.941 18.5232 133.291 17.9718 135.927 17.9718C139.161 17.9718 142.065 18.8957 144.641 20.7436C147.216 22.5915 149.222 25.274 150.659 28.7909C152.097 32.3079 152.815 36.6296 152.815 41.756C152.815 47.7169 151.827 52.739 149.851 56.8223C147.875 60.9055 145.194 64.0499 141.811 66.2554C138.427 68.461 134.549 69.5638 130.177 69.5638C128.081 69.5638 126.224 69.2955 124.607 68.759Z" fill="currentColor"></path><path d="M177.088 69.5645C172.536 69.5645 168.688 68.4618 165.544 66.2562C162.4 64.0507 159.989 61.0702 158.312 57.3148C156.635 53.5594 155.797 49.3569 155.797 44.7074C155.797 40.952 156.321 37.4648 157.369 34.2459C158.417 31.027 159.914 28.2105 161.861 25.7963C163.807 23.3821 166.083 21.5044 168.688 20.1632C171.293 18.822 174.213 18.1514 177.447 18.1514C181.22 18.1514 184.454 19.0157 187.149 20.7444C189.844 22.4731 191.955 24.9766 193.482 28.2552C195.01 31.5337 195.773 35.5573 195.773 40.3261H162.984V36.3024H184.005C183.765 31.5337 182.927 27.972 181.49 25.6175C180.052 23.2629 178.166 22.0856 175.83 22.0856C174.453 22.0856 173.105 22.5774 171.787 23.5609C170.47 24.5445 169.377 26.1986 168.508 28.5234C167.64 30.8482 167.206 34.0075 167.206 38.0013C167.206 42.7105 167.76 46.7639 168.868 50.1616C169.976 53.5594 171.608 56.1673 173.764 57.9854C175.92 59.8035 178.525 60.7125 181.579 60.7125C184.394 60.7125 186.76 59.9376 188.676 58.3878C190.593 56.8379 192.12 54.5727 193.258 51.5923L196.043 52.6652C195.384 55.7649 194.261 58.5964 192.674 61.1596C191.087 63.7228 189.021 65.7644 186.475 67.2845C183.93 68.8045 180.801 69.5645 177.088 69.5645Z" fill="currentColor"></path><path d="M219.334 68.7596H197.953V66.0772C199.151 66.0772 200.109 65.8387 200.828 65.3619C201.546 64.885 201.906 63.514 201.906 61.2488V33.3516C201.906 31.2652 201.846 29.7154 201.726 28.702C201.606 27.6887 201.217 27.0926 200.558 26.9138C199.899 26.7349 198.851 26.884 197.414 27.3608V24.6784L213.674 17.7041V61.2488C213.674 62.8583 213.824 63.9908 214.123 64.6465C214.423 65.3022 214.992 65.7046 215.83 65.8536C216.669 66.0027 217.836 66.0772 219.334 66.0772V68.7596ZM219.244 27.2714C218.525 27.2714 217.806 27.6589 217.088 28.4338C216.369 29.2087 215.65 30.237 214.932 31.5186C214.213 32.8002 213.524 34.2159 212.866 35.7658L211.698 32.1892C212.357 30.5201 213.12 28.866 213.989 27.2267C214.857 25.5875 215.92 24.0823 217.178 22.7113C218.435 21.3403 219.723 20.2077 221.041 19.3136C222.358 18.4194 223.795 17.9723 225.353 17.9723C227.449 17.9723 229.081 18.5833 230.249 19.8053C231.416 21.0273 232 22.7709 232 25.0361C232 27.0628 231.521 28.6573 230.563 29.8197C229.605 30.9821 228.287 31.5633 226.61 31.5633C225.532 31.5633 224.664 31.3547 224.005 30.9374C223.346 30.5201 222.777 30.0135 222.298 29.4174C221.819 28.8213 221.34 28.3146 220.861 27.8973C220.382 27.48 219.843 27.2714 219.244 27.2714Z" fill="currentColor"></path><path d="M95.8335 58.969C95.8335 57.8961 95.6239 56.8827 95.2047 55.9289C94.7855 54.9752 94.0668 54.0065 93.0487 53.023C92.0305 52.0394 90.6231 51.041 88.8264 50.0276L81.8193 45.7357C79.1842 44.0667 77.0282 42.0996 75.3513 39.8344C73.6743 37.5692 72.8359 34.7676 72.8359 31.4295C72.8359 28.747 73.4797 26.4223 74.7673 24.4552C76.055 22.4881 77.8067 20.9829 80.0226 19.9397C82.2386 18.8966 84.7539 18.375 87.5687 18.375C89.4852 18.375 91.0723 18.5836 92.33 19.0009C93.5877 19.4182 94.6507 19.8354 95.5191 20.2527C96.3875 20.67 97.0613 20.8786 97.5404 20.8786C98.0794 20.8786 98.4836 20.7147 98.7531 20.3868C99.0226 20.059 99.1873 19.6268 99.2472 19.0903H102.571V32.9495H98.8879C98.5286 30.8632 97.8398 29.0451 96.8217 27.4952C95.8036 25.9454 94.486 24.7681 92.869 23.9634C91.252 23.1587 89.3654 22.7563 87.2094 22.7563C85.7122 22.7563 84.4695 23.1885 83.4813 24.0528C82.4931 24.9171 81.999 26.1242 81.999 27.6741C81.999 29.4624 82.538 30.9377 83.616 32.1001C84.694 33.2625 86.3709 34.559 88.6468 35.9896L95.6538 40.2815C97.6901 41.4737 99.4718 42.8298 100.999 44.3498C102.526 45.8699 103.709 47.5389 104.547 49.357C105.386 51.1751 105.805 53.1869 105.805 55.3925C105.805 57.8961 105.146 60.2208 103.829 62.3668C102.511 64.5127 100.61 66.2265 98.1243 67.5081C95.6389 68.7897 92.6893 69.4305 89.2756 69.4305C87.0597 69.4305 85.1582 69.1622 83.5711 68.6258C81.984 68.0893 80.7114 67.5379 79.7531 66.9716C78.7949 66.4053 78.0762 66.1222 77.5971 66.1222C76.8784 66.1222 76.3843 66.4351 76.1148 67.061C75.8453 67.6869 75.6806 68.2681 75.6208 68.8046H72.2969V52.4418H75.9801C76.1598 55.0646 76.8635 57.3 78.0912 59.1479C79.3189 60.9957 80.8461 62.4413 82.6728 63.4844C84.4994 64.5276 86.4907 65.0492 88.6468 65.0492C90.9825 65.0492 92.7642 64.5574 93.9919 63.5739C95.2196 62.5903 95.8335 61.0554 95.8335 58.969Z" fill="currentColor"></path></svg></svg></a><link rel="prefetch" href="/"/><div class="footer_bottom_content u-vflex-right-top"><div class="footer_social u-flex-horizontal-nowrap u-gap-3"><a aria-label="X / Twitter" href="https://twitter.com/heyjasperai" target="_blank" class="footer_social_link w-inline-block">
3178<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none"><path d="M16.0113 2H18.9237L12.5292 9.21402L20 19H14.1373L9.54715 13.0531L4.29223 19H1.37987L8.15429 11.2841L1 2H7.00833L11.1553 7.43247L16.0113 2ZM14.992 17.3063H16.6065L6.15995 3.631H4.42519L14.992 17.3063Z" fill="currentColor"></path></svg></a><a aria-label="Facebook" href="https://www.facebook.com/heyjasperai" target="_blank" class="footer_social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8493 19V12.4662H14.9778L15.2956 9.93063H12.8493V8.28859C12.8493 7.54 13.0406 7.03289 14.0629 7.03289H15.4V4.69659C15.1743 4.66641 14.3844 4.6 13.4844 4.6C11.6048 4.6 10.3346 5.81342 10.3346 8.01691V9.93063H8.2V12.4662H10.3341L10.3301 19H2.5C1.67969 19 1 18.3203 1 17.5V2.5C1 1.67969 1.67969 1 2.5 1H17.5C18.3203 1 19 1.67969 19 2.5V17.5C19 18.3203 18.3203 19 17.5 19H12.8493Z" fill="currentColor"></path></svg></a><a aria-label="Instagram" href="https://www.instagram.com/heyjasperai/" target="_blank" class="footer_social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1249 19H5.8751C3.18645 19 1 16.8137 1 14.1251V5.87487C1 3.18635 3.18733 1 5.8751 1H14.1249C16.8135 1 19 3.18635 19 5.87487V14.1251C19 16.8137 16.8135 19 14.1249 19ZM5.8751 2.50037C4.01406 2.50037 2.49955 4.01481 2.49955 5.87575V14.126C2.49955 15.987 4.01319 17.5014 5.8751 17.5014H14.1249C15.9859 17.5014 17.5004 15.9878 17.5004 14.126V5.87487C17.5004 4.01392 15.9859 2.49949 14.1249 2.49949L5.8751 2.50037ZM10.0005 14.5004C7.51941 14.5004 5.50008 12.4812 5.50008 10.0002C5.50008 7.51922 7.51941 5.49998 10.0005 5.49998C12.4816 5.49998 14.5009 7.51834 14.5009 10.0002C14.5009 12.482 12.4825 14.5004 10.0005 14.5004ZM10.0005 7.00034C8.34615 7.00034 7.0005 8.34592 7.0005 10.0002C7.0005 11.6545 8.34615 13.0001 10.0005 13.0001C11.6548 13.0001 13.0005 11.6545 13.0005 10.0002C13.0005 8.34592 11.6548 7.00034 10.0005 7.00034ZM15.8111 5.21998C15.8111 4.65009 15.3493 4.18837 14.7804 4.18837C14.2104 4.18837 13.7487 4.65098 13.7487 5.21998C13.7487 5.789 14.2113 6.25073 14.7804 6.25073C15.3493 6.25073 15.8111 5.78989 15.8111 5.21998Z" fill="currentColor"></path></svg></a><a aria-label="Linked In" href="https://www.linkedin.com/company/heyjasperai/" target="_blank" class="footer_social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none"><path d="M4.80607 18H1.27964V6.64384H4.80607V18ZM3.04425 5.09326C1.91276 5.09326 1 4.17605 1 3.04616C1 1.91629 1.91183 1 3.04425 1C4.17666 1 5.08572 1.91721 5.08572 3.04616C5.08572 4.17605 4.17112 5.09326 3.04425 5.09326ZM18 18H14.4773V12.4781C14.4773 11.1615 14.4542 9.4676 12.6471 9.4676C10.8401 9.4676 10.5346 10.9026 10.5346 12.3838V18H7.01552V6.64384H10.3925V8.19626H10.4404C10.9102 7.30308 12.0592 6.36275 13.774 6.36275C17.3401 6.36275 17.999 8.71312 17.999 11.7727L18 18Z" fill="currentColor"></path></svg></a><a aria-label="Youtube" href="https://www.youtube.com/@JasperAI?sub_confirmation=1" target="_blank" class="footer_social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 20" fill="none"><path d="M19.5166 5.51712C19.4385 5.20148 19.2859 4.90962 19.0717 4.66657C18.8576 4.4235 18.5882 4.23651 18.2866 4.12158C15.3857 2.99144 10.7545 3 10.5 3C10.2455 3 5.61429 2.99144 2.71339 4.12158C2.41189 4.23651 2.14248 4.4235 1.92828 4.66657C1.71407 4.90962 1.56144 5.20148 1.48348 5.51712C1.26295 6.36473 1 7.92295 1 10.5C1 13.0771 1.26295 14.6353 1.48348 15.4829C1.56144 15.7985 1.71407 16.0904 1.92828 16.3335C2.14248 16.5765 2.41189 16.7635 2.71339 16.8784C5.49554 17.9658 9.85536 18 10.4406 18H10.5594C11.1446 18 15.5045 17.9658 18.2866 16.8784C18.5882 16.7635 18.8576 16.5765 19.0717 16.3335C19.2859 16.0904 19.4385 15.7985 19.5166 15.4829C19.7371 14.6353 20 13.0771 20 10.5C20 7.92295 19.7371 6.36473 19.5166 5.51712ZM13.4009 10.7825L9.32946 13.5223C9.27546 13.5624 9.20989 13.5834 9.14286 13.5822C9.08667 13.5801 9.03164 13.5655 8.9817 13.5394C8.92748 13.5109 8.88214 13.4678 8.85069 13.415C8.81926 13.3621 8.80295 13.3014 8.80357 13.2397V7.76028C8.80295 7.6986 8.81926 7.63795 8.85069 7.58505C8.88214 7.53216 8.92748 7.48909 8.9817 7.46062C9.03579 7.43149 9.09669 7.41771 9.15792 7.42072C9.21916 7.42373 9.27844 7.44344 9.32946 7.47775L13.4009 10.2175C13.4482 10.2475 13.4872 10.2892 13.5142 10.3386C13.5412 10.388 13.5554 10.4436 13.5554 10.5C13.5554 10.5564 13.5412 10.612 13.5142 10.6614C13.4872 10.7108 13.4482 10.7525 13.4009 10.7825Z" fill="currentColor"></path></svg></a></div><div class="footer_legal u-hflex-right-center u-gap-xsmall"><ul role="list" class="legal_list u-flex-horizontal-wrap u-gap-3 w-list-unstyled"><li class="legal_list_item"><div class="footer_text u-text-small">© <span class="copyright_year">2026</span> Jasper AI, INC.</div></li><li class="legal_list_item"><a href="https://www.jasper.ai/legal/privacy" target="_blank" class="legal_link u-text-small">Privacy Policy</a></li><li class="legal_list_item"><a href="https://www.jasper.ai/legal/terms" target="_blank" class="legal_link u-text-small">Terms of Service</a></li><li class="legal_list_item"><a href="/legal" class="legal_link u-text-small">Legal Center</a></li></ul></div></div></div><div class="u-embed-js w-embed w-script">
3178<script> 3179pageFunctions.addFunction('updateYear', function() { 3180 let date = new Date(); 3181let year = date.getFullYear(); 3182const year_element = document.querySelector('.copyright_year'); 3183year_element.innerText = year; 3184 3185 console.log("Update Year completed."); 3186}, { immediate: true }); 3187</script>
3187</div></div><div id="fs-modal-1-popup" role="dialog" aria-modal="true" aria-labelledby="modal_demo_heading" fs-modal-element="modal" class="modal_demo_wrap"><div class="modal_demo_embed w-embed w-script"><!-- [Finsweet Attributes] A11Y -->
3188<script>(()=>{var t="https://cdn.jsdelivr.net/npm/@finsweet/attributes-a11y@1/a11y.js",e=document.querySelector(`script[src="${t}"]`);e||(e=document.createElement("script"),e.async=!0,e.src=t,document.head.append(e));})();</script>
3188</div><div fs-modal-element="close" aria-hidden="true" data-w-id="0ea81d6c-1daf-266d-1440-b32c1cf06acd" class="modal_demo_cover"></div><div class="modal_demo_window"><div class="modal_demo_content"><div><div id="fs-modal-1-heading" class="modal_demo_heading u-text-style-h2">Get a full demo of Jasper</div></div><div class="demo_wrap u-position-relative u-zindex-3"><div id="demo-form" class="demo_embed w-embed w-script"><!-- 3189LEGACY DEMO FORM â DISABLED 2026-09-18 3190Retained here for rollback at Alex's request. None of the following code runs. 3191Existing inner HTML comment delimiters are escaped so they cannot end this comment. 3192To restore, use the saved original backup or reverse the delimiter escapes after 3193removing this outer comment; disable the native embed below before reactivating. 3194 3195<!-- NeverBounce -->
3196<script> 3197 let isDemoNBValid = false; 3198 _NBSettings = { 3199 apiKey: 'public_0f818b43aef07f7e863c18a323320758', 3200 displayPoweredBy: false, 3201 blockFreemail: true, 3202 autoFieldHookup: false, 3203 throttleRejectMessage: 'Too many attempts, try again later', 3204 }; 3205</script>
vendor: 1 bytes, line 3205
3205
3206<script type="text/javascript" src="https://cdn.neverbounce.com/widget/dist/NeverBounce.js"></script>
3206 3207 3208<!-- Hubspot Embed Forms -->
3209<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
3209 3210 3211<div id="hubspot-demo-form" class="hf-form-emb"></div> 3212
3213<script> 3214 // Prohibited domains 3215 const prohibitedDomainsURL = 'https://cdn.prod.website-files.com/60e5f2de011b86acebc30db7/66b4845504cc56ab78f1b26b_hubspot-free-domains.csv'; 3216 3217 document.addEventListener('DOMContentLoaded', () => { 3218 // ---------------------------------------------------------------------------------------- 3219 // ATLAS TRACKING 3220 // ---------------------------------------------------------------------------------------- 3221 3222 const ATLAS_EVENT_NAME = Object.freeze({ 3223 FORM_SUBMITTED: 'Form submitted', 3224 MODAL_CLICKED: 'Modal Clicked', 3225 }); 3226 3227 class AtlasUserEntity { 3228 email; 3229 firstName; 3230 lastName; 3231 company; 3232 employees; 3233 3234 constructor(traits) { 3235 this.email = traits.email; 3236 this.firstName = traits.firstName; 3237 this.lastName = traits.lastName; 3238 this.company = traits.company; 3239 this.employees = traits.employees; 3240 } 3241 3242 get name() { 3243 if (this.firstName && this.lastName) { 3244 return `${this.firstName} ${this.lastName}`; 3245 } 3246 3247 return null; 3248 } 3249 3250 isIdentifiable() { 3251 return !!this.email; 3252 } 3253 } 3254 3255 const isAtlasInitialized = () => { 3256 return typeof window.atlas !== 'undefined'; 3257 }; 3258 3259 // ---------------------------------------------------------------------------------------- 3260 // HUBSPOT DEMO FORM 3261 // ---------------------------------------------------------------------------------------- 3262 3263 const demoFormId = 'e3dc6094-7a71-45e7-8a09-30e0dad23881'; 3264 let demoClearbitSizeValue = 0, 3265 demoEmail = null, 3266 demoFirstName = null, 3267 demoLastName = null, 3268 demoCompanyName = null, 3269 demoRequiredFields = null, 3270 demoFreeEmails = null; 3271 3272 let demoLead = {}; 3273 3274 // Enable/disable submit button 3275 const demoEnableSubmit = (form) => { 3276 form.querySelector('input[type="submit"]').disabled = false; 3277 form.querySelector('input[type="submit"]').classList.remove('is-disabled'); 3278 }; 3279 const demoDisableSubmit = (form) => { 3280 form.querySelector('input[type="submit"]').disabled = true; 3281 form.querySelector('input[type="submit"]').classList.add('is-disabled'); 3282 }; 3283 3284 // Show custom NB error 3285 const showNBError = (input) => { 3286 if (input.parentElement.parentElement.querySelector('.nb-error') === null) { 3287 let html = `<ul class="no-list demo-message-error nb-error" role="alert"><li><label class="hs-error-msg hs-main-font-element">Email must be valid.</label></li></ul>`; 3288 input.parentElement.insertAdjacentHTML('afterend', html); 3289 } 3290 }; 3291 3292 // Hide custom NB error 3293 const hideNBError = (input) => { 3294 if (input.parentElement.parentElement.querySelector('.nb-error') !== null) { 3295 input.parentElement.parentElement.querySelector('.nb-error').remove(); 3296 } 3297 }; 3298 3299 // Enable/disable submit button 3300 const demoCheckFields = (fields) => { 3301 let form = null; 3302 let allFieldsValid = fields.every((input) => { 3303 let val = input.value.trim(); 3304 form = input.closest('form'); 3305 //console.log(input.name, val); 3306 if (input === demoEmail) { 3307 //console.log("NB Valid", isDemoNBValid); 3308 if (!isDemoNBValid && demoValidEmail(val) == true && !input.classList.contains('demo-input-error')) { 3309 showNBError(input); 3310 } else { 3311 hideNBError(input); 3312 } 3313 return isDemoNBValid && demoValidEmail(val) && !input.classList.contains('demo-input-error'); 3314 } else { 3315 return val !== ''; 3316 } 3317 }); 3318 //console.log('Input changed', allFieldsValid); 3319 if (allFieldsValid) demoEnableSubmit(form); 3320 else demoDisableSubmit(form); 3321 }; 3322 3323 // Fetching the CSV for Free Emails (Hubspot) from the URL 3324 fetch(prohibitedDomainsURL) 3325 .then((response) => response.text()) 3326 .then((csvData) => { 3327 demoFreeEmails = csvData.split('\r\n'); 3328 //console.log(demoFreeEmails); 3329 }) 3330 .catch((error) => { 3331 console.error('Error fetching CSV file:', error); 3332 }); 3333 3334 hbspt.forms.create({ 3335 region: 'na1', 3336 portalId: '22774847', 3337 formId: demoFormId, 3338 target: '#hubspot-demo-form', 3339 locale: 'en', 3340 errorClass: 'demo-input-error', 3341 errorMessageClass: 'demo-message-error', 3342 onFormReady: function ($form) { 3343 //--- On load ---// 3344 let form = $form[0]; 3345 demoEmail = form.querySelector('[name="email"]');
3346 demoFirstName = form.querySelector('[name="firstname"]'); 3347 demoLastName = form.querySelector('[name="lastname"]'); 3348 demoCompanyName = form.querySelector('[name="company"]'); 3349 ((demoRequiredFields = [demoEmail, demoFirstName, demoLastName, demoCompanyName]), (demoNBField = document.querySelector('#neverbounce-email'))); // Outside of form 3350 3351 demoCheckFields(demoRequiredFields); 3352 3353 demoRequiredFields.forEach((input, index, arr) => { 3354 //console.log(input); 3355 input.addEventListener('input', function () { 3356 //console.log("Field input!"); 3357 demoCheckFields(arr); 3358 }); 3359 input.addEventListener('change', function () { 3360 //console.log("Field changed!"); 3361 demoCheckFields(arr); 3362 }); 3363 }); 3364 3365 // Neverbounce init 3366 _nb.fields.registerListener(demoNBField, true); 3367 3368 const mirrorEmailField = () => { 3369 demoNBField.value = demoEmail.value; 3370 demoNBField.dispatchEvent(new Event('input')); 3371 }; 3372 3373 mirrorEmailField(); 3374 3375 demoEmail.addEventListener('input', function () { 3376 mirrorEmailField(); 3377 }); 3378 3379 demoEmail.addEventListener('change', function () { 3380 demoNBField.value = demoEmail.value; 3381 demoNBField.dispatchEvent(new Event('change')); 3382 }); 3383 }, 3384 }); 3385 3386 window.addEventListener('message', function (event) { 3387 if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit' && event.data.id === demoFormId) { 3388 for (let key in event.data.data) { 3389 if (Array.isArray(event.data.data[key].value)) event.data.data[key].value = event.data.data[key].value.toString(); 3390 demoLead[event.data.data[key].name] = event.data.data[key].value; 3391 } 3392 if (Object.keys(demoLead).length <= 1) { 3393 demoLead = event.data.data; 3394 } 3395 console.log('Lead Object', demoLead); 3396 demoClearbitSizeValue = demoLead.clearbitmetricsemployees__c; 3397 } 3398 }); 3399 3400 window.addEventListener('message', async (event) => { 3401 if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted' && event.data.id == demoFormId) { 3402 event.preventDefault(); 3403 console.log('Form Submitted'); 3404 const manualEmailChecksValid = demoEmailChecks(demoEmail.value); 3405 const validCountry = demoValidCountry(demoLead.country, demoLead.company_country_code); 3406 const priorityCountry = isPriorityCountry(demoLead.company_country_code); 3407 3408 // Identify the user and track the form submission 3409 if (isAtlasInitialized()) { 3410 // Normalize the form data 3411 const normalizedEmail = demoLead?.email || undefined; 3412 const normalizedFirstName = demoLead?.firstname || undefined; 3413 const normalizedLastName = demoLead?.lastname || undefined; 3414 const normalizedCompany = demoLead?.company || undefined; 3415 const normalizedEmployees = demoLead?.clearbitmetricsemployees__c || demoLead?.size_of_comapny__c || undefined; 3416 3417 // Build the Atlas user entity 3418 const atlasUserEntity = new AtlasUserEntity({ 3419 email: normalizedEmail, 3420 firstName: normalizedFirstName, 3421 lastName: normalizedLastName, 3422 company: normalizedCompany, 3423 employees: normalizedEmployees, 3424 }); 3425 3426 // If the user is identifiable, identify and track the form submission 3427 if (atlasUserEntity.isIdentifiable()) { 3428 await Promise.allSettled([ 3429 window.atlas.identify({ 3430 email: atlasUserEntity.email, 3431 name: atlasUserEntity?.name || undefined, 3432 firstName: atlasUserEntity?.firstName || undefined, 3433 lastName: atlasUserEntity?.lastName || undefined, 3434 company: atlasUserEntity?.company || undefined, 3435 employees: atlasUserEntity?.employees || undefined, 3436 }), 3437 window.atlas.track(ATLAS_EVENT_NAME.FORM_SUBMITTED, { 3438 formId: demoFormId, 3439 email: atlasUserEntity.email, 3440 name: atlasUserEntity?.name || undefined, 3441 firstName: atlasUserEntity?.firstName || undefined, 3442 lastName: atlasUserEntity?.lastName || undefined, 3443 company: atlasUserEntity?.company || undefined, 3444 employees: atlasUserEntity?.employees || undefined, 3445 }), 3446 ]); 3447 } 3448 } 3449 3450 console.log('manualEmailChecksValid: ', manualEmailChecksValid, 'validCountry: ', validCountry, 'priorityCountry: ', priorityCountry, 'demoClearbitSizeValue: ', demoClearbitSizeValue); 3451 3452 // Let Qualified handle all routing - no redirect here 3453 console.log('Form submitted - Qualified will handle routing'); 3454 } 3455 }); 3456 3457 // Check country from the HS context 3458 const demoValidCountry = (country, countryCode) => { 3459 const disallowedCountryCodes = [ 3460 'BD', // Bangladesh 3461 'BY', // Belarus 3462 'MM', // Burma (Myanmar) 3463 'CF', // Central African Republic 3464 'CN', // China 3465 'CU', // Cuba 3466 'ER', // Eritrea 3467 'HK', // Hong Kong 3468 'IN', // India 3469 'IR', // Iran 3470 'IQ', // Iraq 3471 'LB', // Lebanon 3472 'LY', // Libya 3473 'KP', // North Korea 3474 'PK', // Pakistan 3475 'CG', // Republic of Congo 3476 'SO', // Somalia 3477 'SS', // South Sudan 3478 'SD', // Sudan 3479 'SY', // Syria 3480 'VE', // Venezuela 3481 'YE', // Yemen 3482 'ZW', // Zimbabwe 3483 ]; 3484 const disallowedCountries = ['Bangladesh', 'Belarus', 'Burma', 'Central African Republic', 'China', 'Cuba', 'Eritrea', 'Hong Kong', 'India', 'Iran', 'Iraq', 'Lebanon', 'Libya', 'North Korea', 'Pakistan', 'Republic of Congo', '
3484Somalia', 'South Sudan', 'Sudan', 'Syria', 'Venezuela', 'Yemen', 'Zimbabwe']; 3485 let isValid = true; 3486 3487 if (disallowedCountryCodes.includes(countryCode) || disallowedCountries.includes(country)) isValid = false; 3488 3489 console.log('Country valid: ', isValid, 'countryCode: ', countryCode, 'country: ', country); 3490 3491 return isValid; 3492 }; 3493 3494 // Check if the country is a priority country 3495 const isPriorityCountry = (countryCode) => { 3496 const priorityCountryCodes = ['US', 'CA', 'GB']; 3497 console.log('Priority country: ', countryCode, priorityCountryCodes.includes(countryCode)); 3498 return priorityCountryCodes.includes(countryCode); 3499 }; 3500 3501 const getCompanySize = (form) => { 3502 let clearbitCompanySize = form.querySelector('[name="clearbitmetricsemployees__c"]'); 3503 let val = 0; 3504 if (clearbitCompanySize.value !== '') { 3505 val = Number(clearbitCompanySize.value); 3506 } 3507 return val; 3508 }; 3509 3510 // Email structure validation 3511 const demoValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); 3512 3513 // Manual email checks 3514 const demoEmailChecks = (email) => { 3515 const forbiddenWords = ['student', 'school', 'alumni']; 3516 const forbiddenDomainExts = ['.edu', '.pk', '.id', '.pl', '.ph', '.jp', '.kr', '.sg', '.vn', '.il', '.in', 'stu.', 'stud.', 'appleid.com', 'k12.']; 3517 if (!demoValidEmail(email)) return false; 3518 3519 let isValid = true; 3520 const emailDomain = email.toLowerCase().split('@')[1]; 3521 const hasConsecutiveNumbers = email.match(/(\d{5,})/g); 3522 3523 forbiddenDomainExts.forEach((ext) => { 3524 if (emailDomain.indexOf(ext) > -1) isValid = false; 3525 }); 3526 3527 forbiddenWords.forEach((word) => { 3528 if (email.toLowerCase().indexOf(word) > -1) isValid = false; 3529 }); 3530 3531 if (demoFreeEmails !== null) { 3532 if (demoFreeEmails.includes(emailDomain)) isValid = false; 3533 } 3534 3535 if (hasConsecutiveNumbers) isValid = false; 3536 3537 return isValid; 3538 }; 3539 3540 //--- Neverbounce events / state ---// 3541 document.querySelector('body').addEventListener('nb:registered', (event) => { 3542 let field = document.querySelector('[data-nb-id="' + event.detail.id + '"]'); 3543 if (field.id == 'neverbounce-email') { 3544 field.addEventListener('nb:clear', (e) => { 3545 if (e.detail.result && e.detail.result.isError()) { 3546 if (e.detail.result.isThrottled()) console.log('Neverbounce: throttled'); 3547 console.log('Neverbounce error:', e.detail); 3548 isDemoNBValid = false; 3549 } 3550 demoCheckFields(demoRequiredFields); 3551 }); 3552 field.addEventListener('nb:result', (e) => { 3553 if (e.detail.result.is(_nb.settings.getAcceptedStatusCodes())) { 3554 isDemoNBValid = true; 3555 console.log('Neverbounce: valid'); 3556 } else { 3557 isDemoNBValid = false; 3558 console.log('Neverbounce: invalid'); 3559 } 3560 demoCheckFields(demoRequiredFields); 3561 }); 3562 field.addEventListener('nb:soft-result', (e) => { 3563 isDemoNBValid = false; 3564 console.log('Neverbounce: soft invalid'); 3565 demoCheckFields(demoRequiredFields); 3566 }); 3567 } 3568 }); 3569 // Prevent Neverbounce form submission 3570 $('.demo_neverbounce form').submit(() => false); 3571 }); 3572</script>
3572 3573 3574END DISABLED LEGACY DEMO FORM 3575--> 3576 3577<!-- HubSpot demo form: native validation, capture and confirmation. -->
3578<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/embed/v2.js"></script>
3578 3579<div id="hubspot-demo-form" class="hf-form-emb"></div>
3580<script> 3581 hbspt.forms.create({ 3582 region: 'na1', 3583 portalId: '22774847', 3584 formId: 'e3dc6094-7a71-45e7-8a09-30e0dad23881', 3585 target: '#hubspot-demo-form', 3586 locale: 'en', 3587 errorClass: 'demo-input-error', 3588 errorMessageClass: 'demo-message-error' 3589 }); 3590</script>
3590 3591</div><div class="u-embed-css w-embed"><style> 3592 /* Combined HubSpot Form Styles */ 3593 3594 /* Base Form Styles */ 3595 .hs-sales-form { 3596 text-align: left; 3597 } 3598 3599 .hs-form fieldset { 3600 max-width: none !important; 3601 } 3602 3603 .hs-form .hs-form-field { 3604 margin-bottom: 16px; 3605 width: 100% !important; 3606 } 3607 3608 .hs-form .hs-input { 3609 width: 100% !important; 3610 } 3611 3612 /* Grid Layout for 2-Column Forms */ 3613 .hs-form fieldset.form-columns-2 { 3614 display: -ms-grid; 3615 display: grid; 3616 align-items: start; 3617 grid-auto-columns: 1fr; 3618 grid-column-gap: 16px; 3619 grid-row-gap: 0px; 3620 -ms-grid-columns: 1fr 1fr; 3621 grid-template-columns: 1fr 1fr; 3622 -ms-grid-rows: auto auto; 3623 grid-template-rows: auto auto; 3624 width: 100%; 3625 } 3626 3627 /* Labels and Rich Text */ 3628 .hs-form label, 3629 .hs-form .hs-richtext { 3630 color: var(--swatch--blue-800) !important; 3631 display: block; 3632 margin-bottom: 8px; 3633 font-size: 12px; 3634 line-height: 1.25; 3635 font-weight: 500; 3636 letter-spacing: 0.5px; 3637 } 3638 3639 .hs-form label { 3640 text-align: left; 3641 font-size: 16px; 3642 letter-spacing: -0.02em; 3643 } 3644 3645 /* Base Input Styles */ 3646 .hs-form .input { 3647 margin: 0 !important; 3648 padding: 0; 3649 border-radius: 0; 3650 border: none; 3651 background-color: transparent; 3652 transition: none; 3653 font-size: inherit; 3654 line-height: inherit; 3655 font: inherit; 3656 width: 100%; 3657 height: auto; 3658 } 3659 3660 /* Standard Form Inputs (Rounded Style) */ 3661 .hs-form input:not([type='checkbox']):not([type='submit']):not([type='radio']), 3662 .hs-form textarea, 3663 .hs-form select { 3664 width: 100%; 3665 height: 48px; 3666 background: #ffffff; 3667 vertical-align: middle; 3668 color: rgba(0, 0, 0, 0.65); 3669 letter-spacing: -0.02em; 3670 border: 1px solid rgba(0, 0, 0, 0.5); 3671 border-radius: 0px; 3672 margin-bottom: 0; 3673 padding: 0.8rem; 3674 font-size: 16px; 3675 line-height: 110%; 3676 transition: all 0s linear; 3677 } 3678 3679 .hs-form input:not([type='checkbox']):not([type='submit']):not([type='radio']):hover, 3680 .hs-form textarea:hover, 3681 .hs-form select:hover { 3682 border-color: rgba(0, 0, 0, 0.8); 3683 } 3684 3685 .hs-form input:not([type='checkbox']):not([type='submit']):not([type='radio']):focus, 3686 .hs-form textarea:focus, 3687 .hs-form select:focus { 3688 border: 1px solid var(--swatch--flame-600); 3689 color: var(--swatch--blue-800); 3690 outline: 0; 3691 } 3692 3693 /* Alternative Minimal Style (Bottom Border Only) */ 3694 .hs-form.minimal-style input:not([type='checkbox']):not([type='submit']):not([type='radio']), 3695 .hs-form.minimal-style textarea, 3696 .hs-form.minimal-style select { 3697 border-top: 0 solid #000; 3698 border-bottom-style: solid; 3699 border-right: 0 solid #000; 3700 border-left: 0 solid #000; 3701 border-bottom-width: var(--border-width--main, 1px); 3702 border-bottom-color: var(--_theme---border, rgba(0, 0, 0, 0.3)); 3703 border-radius: 0; 3704 background-color: transparent; 3705 height: 3rem; 3706 padding: 0; 3707 font-family: var(--_text-style---font-family, inherit); 3708 font-size: var(--_text-style---font-size, 16px); 3709 line-height: var(--_text-style---line-height, 1.5); 3710 font-weight: var(--_text-style---font-weight, 400); 3711 letter-spacing: var(--_text-style---letter-spacing, 0); 3712 color: inherit; 3713 text-transform: var(--_text-style---text-transform, none); 3714 } 3715 3716 .hs-form.minimal-style input:not([type='checkbox']):not([type='submit']):not([type='radio']):focus, 3717 .hs-form.minimal-style textarea:focus, 3718 .hs-form.minimal-style select:focus { 3719 border-bottom-color: var(--_theme---text, #000); 3720 outline: 0; 3721 } 3722 3723 /* Textarea Specific */ 3724 .hs-form textarea { 3725 height: auto; 3726 } 3727 3728 /* Placeholder Styles */ 3729 .hs-form input::placeholder, 3730 .hs-form textarea::placeholder, 3731 .hs-form select::placeholder { 3732 color: #64748b; 3733 opacity: 1; 3734 } 3735 3736 .hs-form input:-ms-input-placeholder, 3737 .hs-form textarea:-ms-input-placeholder, 3738 .hs-form select:-ms-input-placeholder { 3739 color: #64748b; 3740 } 3741 3742 .hs-form input::-ms-input-placeholder, 3743 .hs-form textarea::-ms-input-placeholder, 3744 .hs-form select::-ms-input-placeholder { 3745 color: #64748b; 3746 } 3747 3748 /* Minimal Style Placeholders */
3749 .hs-form.minimal-style input::-ms-input-placeholder, 3750 .hs-form.minimal-style textarea::-ms-input-placeholder, 3751 .hs-form.minimal-style select::-ms-input-placeholder, 3752 .hs-form.minimal-style input:-ms-input-placeholder, 3753 .hs-form.minimal-style textarea:-ms-input-placeholder, 3754 .hs-form.minimal-style select:-ms-input-placeholder { 3755 color: color-mix(in srgb, var(--_theme---text, #000) 60%, transparent); 3756 } 3757 3758 /* Checkbox and Radio Buttons */ 3759 .hs-form input[type='checkbox'], 3760 .hs-form input[type='radio'] { 3761 accent-color: var(--swatch--flame-600); 3762 } 3763 3764 /* Submit Button - Standard Style */ 3765 .hs-form .hs-button { 3766 background-color: var(--swatch--flame-600); 3767 border-radius: 0px !important; 3768 overflow: visible; 3769 color: #fff; 3770 width: 100%; 3771 cursor: pointer; 3772 transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); 3773 min-height: 48px; 3774 border: 2px solid var(--swatch--flame-600) !important; 3775 grid-column-gap: 0.75rem; 3776 grid-row-gap: 0.75rem; 3777 text-align: center; 3778 text-transform: none; 3779 white-space: nowrap; 3780 flex-direction: row; 3781 flex: none; 3782 justify-content: center; 3783 align-items: center; 3784 width: auto; 3785 min-height: 3rem; 3786 padding: 0.5rem; 3787 font-family: 'ABC ROM', 'Arial', sans-serif; 3788 line-height: 100%; 3789 transition: all 0.4s ease; 3790 display: flex; 3791 background-image: none !important; 3792 background-position: 0 !important; 3793 border: 0 !important; 3794 width: 100% !important; 3795 } 3796 3797 .hs-form .hs-button:hover { 3798 background-position: 0 !important; 3799 padding: 0.5rem !important; 3800 background-color: var(--_theme---button-primary--background-hover); 3801 color: #fff; 3802 } 3803 3804 /* Submit Button - Alternative Minimal Style */ 3805 .hs-form.minimal-style .hs-button { 3806 border: var(--border-width--main, 1px) solid var(--_button-style---border, var(--_theme---button-primary--border)); 3807 border-radius: 0px; 3808 background-color: var(--_button-style---background, var(--_theme---button-primary--background)); 3809 color: var(--_button-style---text, var(--_theme---button-primary--text)); 3810 text-align: center; 3811 vertical-align: middle; 3812 justify-content: center; 3813 align-items: center; 3814 padding: 0.75rem 1.5rem; 3815 line-height: 1; 3816 transition: border-color 0.2s, color 0.2s, background-color 0.2s; 3817 display: inline-flex; 3818 cursor: pointer; 3819 } 3820 3821 .hs-form.minimal-style .hs-button:hover { 3822 border-color: var(--_button-style---border-hover, var(--_theme---button-primary--border-hover)); 3823 background-color: var(--_button-style---background-hover, var(--_theme---button-primary--background-hover)); 3824 color: var(--_button-style---text-hover, var(--_theme---button-primary--text-hover)); 3825 } 3826 3827 .hs-form input[type='submit']:focus { 3828 color: #fff !important; 3829 } 3830 3831 .hs-form .hs-button.is-disabled { 3832 background-color: var(--swatch--flame-400); 3833 color: rgba(0, 0, 0, .3); 3834 cursor: default; 3835 background-image: none !important; 3836 opacity: 0.5; 3837 pointer-events: none; 3838 } 3839 3840 .hs-form .hs_submit { 3841 margin-top: 2rem; 3842 } 3843 3844 /* Boolean Checkbox Styling */ 3845 .hs-form .hs-form-booleancheckbox label { 3846 display: -webkit-box; 3847 display: -webkit-flex; 3848 display: -ms-flexbox; 3849 display: flex; 3850 -webkit-box-orient: horizontal; 3851 -webkit-box-direction: normal; 3852 -webkit-flex-direction: row; 3853 -ms-flex-direction: row; 3854 flex-direction: row; 3855 -webkit-box-pack: start; 3856 -webkit-justify-content: flex-start; 3857 -ms-flex-pack: start; 3858 justify-content: flex-start; 3859 -webkit-box-align: start; 3860 -webkit-align-items: flex-start; 3861 -ms-flex-align: start; 3862 align-items: flex-start; 3863 } 3864 3865 .hs-form .hs-form-booleancheckbox { 3866 display: block; 3867 } 3868 3869 .hs-form .hs-form-booleancheckbox label span { 3870 font-size: 16px; 3871 margin-left: 12px; 3872 line-height: 1.2; 3873 } 3874 3875 .hs-form .hs-form-booleancheckbox-display input { 3876 float: none; 3877 width: 20px !important; 3878 height: 20px; 3879 margin-bottom: 0; 3880 -webkit-box-flex: 0; 3881 -webkit-flex: 0 0 auto; 3882 -ms-flex: 0 0 auto; 3883 flex: 0 0 auto; 3884 } 3885 3886 /* Radio Button Styling */ 3887 .hs-form-radio-display { 3888 display: flex !important; 3889 justify-content: left !important;
3890 align-items: center !important; 3891 } 3892 3893 .hs-form-radio-display input[type='radio'] { 3894 margin-right: 10px !important; 3895 width: auto !important; 3896 } 3897 3898 li.hs-form-radio { 3899 list-style: none !important; 3900 } 3901 3902 /* Error Messages */ 3903 .hs-form .inputs-list:not(.hs-error-msgs) { 3904 margin-bottom: 24px; 3905 } 3906 3907 .hs-form .hs-error-msgs { 3908 display: block; 3909 margin-bottom: 0; 3910 } 3911 3912 .hs-form .hs-error-msgs li { 3913 display: block; 3914 } 3915 3916 .hs-form label.hs-error-msg { 3917 position: relative !important; 3918 color: #ff4848 !important; 3919 padding-left: 25px !important; 3920 padding-top: 4px !important; 3921 padding-bottom: 4px !important; 3922 } 3923 3924 .hs-form label.hs-error-msg:before { 3925 margin-bottom: 0; 3926 height: 12px; 3927 width: 13px; 3928 align-items: center; 3929 justify-content: center; 3930 display: flex; 3931 content: '!'; 3932 position: absolute; 3933 left: 0px; 3934 top: 4px; 3935 background-color: #ff4848 !important; 3936 color: white; 3937 padding: 2px; 3938 line-height: 10px; 3939 border-radius: 50%; 3940 text-align: center; 3941 font-size: 10px; 3942 padding-left: 2px; 3943 } 3944 3945 .hs-form .hs-error-msg:before { 3946 display: none !important; 3947 } 3948 3949 .hs-form .hs-error-msg.hs-main-font-element { 3950 font-size: 12px !important; 3951 padding-left: 0px !important; 3952 } 3953 3954 .hs-form .no-list.demo-message-error { 3955 margin-bottom: 0px !important; 3956 } 3957 3958 /* Field Descriptions */ 3959 .hs-form .hs-field-desc { 3960 font-size: 12px; 3961 margin-bottom: 6px; 3962 margin-top: -6px; 3963 color: rgba(0, 0, 0, 0.65); 3964 } 3965 3966 /* Alternative field desc for minimal style */ 3967 .hs-form.minimal-style .hs-field-desc { 3968 font-size: 0.8rem !important; 3969 } 3970 3971 /* Rich Text Styling */ 3972 .hs-richtext p a { 3973 color: var(--swatch--blue-800) !important; 3974 text-decoration: underline; 3975 } 3976 3977 /* Submitted Message */ 3978 .submitted-message { 3979 color: var(--swatch--blue-800); 3980 text-align: left; 3981 } 3982 3983 .hs-form .submitted-message { 3984 text-wrap: balance; 3985 } 3986 3987 .hs-form .submitted-message h2, 3988 .hs-form .submitted-message h3, 3989 .hs-form .submitted-message h4, 3990 .hs-form .submitted-message h5 { 3991 font-weight: 500; 3992 text-wrap: balance; 3993 letter-spacing: -0.03em; 3994 } 3995 3996 .hs-form .submitted-message p { 3997 line-height: 100%; 3998 text-wrap: balance; 3999 } 4000 4001 .hs-form .submitted-message a { 4002 font-weight: 500; 4003 } 4004 4005 /* Terms Message Styling */ 4006 .hs-form .hs-richtext { 4007 font-weight: 400 !important; 4008 font-size: 12px; 4009 text-align: center; 4010 line-height: 100%; 4011 opacity: 0.65; 4012 text-wrap: balance; 4013 padding-bottom: 0.5rem; 4014 padding-top: 0.25rem; 4015 max-width: 100%; 4016 margin: auto; 4017 } 4018 4019 .hs-form .hs-richtext p { 4020 font-size: 12px !important; 4021 line-height: 100%; 4022 text-wrap: balance; 4023 } 4024 4025 .hs-form .hs-richtext a { 4026 font-weight: 700; 4027 } 4028 4029 /* Hidden Fields */ 4030 .hs_clearbit_person_email_provider, 4031 .hs-form .hs_industry, 4032 .hs-form .hs_company_country_code, 4033 .hs-form .hs_campaignid, 4034 .hs-form .hs_clearbit_person_email_provider, 4035 .hs-form .hs_website, 4036 .hs-form .hs_country, 4037 .hs-form .hs_state, 4038 .hs-form .hs_clearbitmetricsemployees__c { 4039 display: none !important; 4040 } 4041 4042 .hs-form .form-columns-1 .hs_website { 4043 display: none !important; 4044 } 4045 4046 /* Required Field Indicators */ 4047 .hs-form .hs-form-required { 4048 display: none; 4049 } 4050 4051 /* List Markers */ 4052 .hs-form li::marker { 4053 display: none !important; 4054 opacity: 0; 4055 color: transparent; 4056 } 4057 4058 /* Demo Form Specific Styling */ 4059 #hubspot-demo-form .hs-form .no-list.hs-error-msgs.inputs-list label { 4060 font-size: 12px !important; 4061 color: #000 !important; 4062 font-weight: 300 !important; 4063 text-decoration: underline; 4064 } 4065 4066 #hubspot-demo-form { 4067 height: 100%; 4068 } 4069 4070 /* Responsive Design */ 4071 @media (min-width: 992px) { 4072 .hs-form .hs-form-field { 4073 margin-bottom: 1rem; 4074 } 4075 } 4076 4077 @media (max-width: 991px) { 4078 .hs-form .hs-form-field { 4079 margin-bottom: 1.25rem; 4080 } 4081 4082 /* Alternative spacing for minimal style */ 4083 .hs-form.minimal-style .hs-form-field { 4084 margin-bottom: 2.5rem !important; 4085 } 4086 } 4087 4088 @media screen and (max-width: 479px) { 4089 .hs-form fieldset.form-columns-2 { 4090 display: block; 4091 } 4092 } 4093 4094 /* Grid layout alternative for minimal style */ 4095 .hs-form.minimal-style fieldset.form-columns-2 { 4096 grid-column-gap: 1rem; 4097 } 4098</style></div><div class="g_horizontal_rule"></div><div class="demo_free"><div>Ready to get started with Jasper?</div><div><div data-wf--btn-link--variant="small" id="" STYLE="padding: 0;" class="btn_link_wrap w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74"><div class="btn_link_text w-variant-b7b77910-14d3-a21b-a668-99e10e83aa74">Start Free Trial</div>
4098<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 10 10" fill="none" class="btn_link_arrow"><path d="M4.96 9.84834L3.968 8.84034L7.184 5.70434H0V4.31234H7.152L3.952 1.17634L4.96 0.152344L9.84 5.01634L4.96 9.84834Z" fill="currentColor"></path></svg><div class="g_clickable_wrap"><a aria-label="" target="" href="https://app.jasper.ai/auth/signup" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Start Free Trial</span></a><button type="button" aria-label="" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Start Free Trial</span></button></div><div class="btn_link_background"><div data-wf--global-background--background-color="background-flame-300" class="g_background w-variant-5d7e845f-7640-ab3e-c1cf-f3b161a65e13 u-position-relative u-cover-absolute"></div></div></div></div></div><div class="demo_neverbounce w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="6818f1c322781799d4a9ed0e" data-wf-element-id="9f0d3a3b-713b-34d9-f5e3-8a19a89683d6"><input type="text" id="neverbounce-email" disabled="" placeholder="Neverbounce email" class="form_main_field_input"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div><div aria-roledescription="close-modal-trigger" class="modal_demo_close" aria-label="Close modal" data-w-id="0ea81d6c-1daf-266d-1440-b32c1cf06ad3" role="button" aria-controls="modal_demo_wrap" fs-modal-element="close" aria-expanded="false" tabindex="0"><div class="modal_demo_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24"> 4099<path fill="CurrentColor" d="M14.5,12l9-9c0.7-0.7,0.7-1.8,0-2.5c-0.7-0.7-1.8-0.7-2.5,0l-9,9l-9-9c-0.7-0.7-1.8-0.7-2.5,0 c-0.7,0.7-0.7,1.8,0,2.5l9,9l-9,9c-0.7,0.7-0.7,1.8,0,2.5c0.7,0.7,1.8,0.7,2.5,0l9-9l9,9c0.7,0.7,1.8,0.7,2.5,0 c0.7-0.7,0.7-1.8,0-2.5L14.5,12z"/> 4100</svg></div></div></div></div></div></main></div><div class="u-width-auto"></div>
4100<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6807ee8d73c233fb82842313" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
4100<script src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/js/webflow.schunk.b36de0610a35aa79.js" type="text/javascript" integrity="sha384-bOZ0zosqGRfOla7kqUultK9km3dXI3K5kOn6mDnozBPY/ZGl9/GKllrjZ0EdPONC" crossorigin="anonymous"></script>
4100<script src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/js/webflow.schunk.a531919364368b55.js" type="text/javascript" integrity="sha384-C4HHPPIuNtVMBlX8bE6N2NmzK648cfhkGL4OUmvh5kWILfHABm3WRo+HYP5kvBJD" crossorigin="anonymous"></script>
4100<script src="https://cdn.prod.website-files.com/6807ee8d73c233fb82842313/js/webflow.388983e1.d0aec69b9bcfbf04.js" type="text/javascript" integrity="sha384-KEFkW4fzRwE/z4RGqExJqbGyyu+XU3hSXPUXIq0EsW6uHZqIqbHhKClSlx75Uvqn" crossorigin="anonymous"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Flip.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Draggable.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/InertiaPlugin.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollToPlugin.min.js" type="text/javascript"></script>
4100<script src="https://cdn.prod.website-files.com/gsap/3.15.0/TextPlugin.min.js" type="text/javascript"></script>
4100<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,Flip,SplitText,Draggable,InertiaPlugin,ScrollToPlugin,TextPlugin);</script>
4100<!-- Detect Safari -->
4101<script> 4102 document.addEventListener('DOMContentLoaded', function () { 4103 const { userAgent, vendor } = navigator; 4104 4105 const isSafari = 4106 /Safari/i.test(userAgent) && // contains âSafariâ 4107 /Apple/i.test(vendor) && // vendor is Apple 4108 !/CriOS|FxiOS|EdgiOS|Edg|OPR|Chrome/i.test(userAgent); // exclude other engines 4109 4110 if (isSafari) { 4111 document.documentElement.classList.add('is-safari'); 4112 } 4113 }); 4114</script>
4114 4115 4116<!-- Google Tag Manager (noscript) if JS is disabled -->
vendor: 79 bytes, lines 4116-4118
4116 4117<noscript 4118 ><iframe src="https://www.googletagmanager.com/ns.html?id=
4118GTM-TZL4MSB
vendor: 89 bytes, lines 4118-4119
4118" height="0" width="0" style="display: none; visibility: hidden"></iframe 4119 ></noscript>
4120<!-- End Google Tag Manager (noscript) --> 4121 4122<!-- Atlas Loader -->
4123<script> 4124 const loadAtlas = () => { 4125 return new Promise((resolve, reject) => { 4126 // Define interval timeout 4127 const INTERVAL_TIMEOUT = 50; 4128 4129 // Define dimiss interval timeout 4130 // The interval is cleared when this limit is reached 4131 const INTERVAL_DISMISS_TIMEOUT = 5000; 4132 4133 // Define resolved status 4134 let resolved = false; 4135 4136 // Check for atlas ready state 4137 const onReadyInterval = setInterval(() => { 4138 if (typeof window !== 'undefined' && window.atlas && window.atlas.identify) { 4139 clearInterval(onReadyInterval); 4140 resolved = true; 4141 resolve(window.atlas); 4142 } 4143 }, INTERVAL_TIMEOUT); 4144 4145 // Set timeout to clear the inverval 4146 setTimeout(() => { 4147 clearInterval(onReadyInterval); 4148 4149 // Check if the promise has been resolved 4150 if (!resolved) { 4151 reject(new Error(`Failed to load atlas client due timeout being reached`)); 4152 } 4153 }, INTERVAL_DISMISS_TIMEOUT); 4154 }); 4155 }; 4156 4157 window.loadAtlas = loadAtlas; 4158</script>
4158 4159 4160<!-- GTM Campaign Parameters Cookie -->
4161<script type="text/javascript"> 4162 function getCookie(cookieName) { 4163 let name = cookieName + '='; 4164 let spli = document.cookie.split(';'); 4165 for (var j = 0; j < spli.length; j++) { 4166 let char = spli[j]; 4167 while (char.charAt(0) == ' ') { 4168 char = char.substring(1); 4169 } 4170 if (char.indexOf(name) == 0) { 4171 return char.substring(name.length, char.length); 4172 } 4173 } 4174 return ''; 4175 } 4176 function fillHiddenFormFields() { 4177 let campaign = getCookie('__gtm_campaign_url'); 4178 //console.log(campaign); 4179 if (campaign != '' && campaign != null) { 4180 let campaignURL = new URL(decodeURIComponent(campaign)); 4181 let campaignParams = campaignURL.searchParams; 4182 if (document.querySelector('.utm-source-container')) { 4183 let fields = document.querySelectorAll('.utm-source-container'); 4184 for (let i = 0; i < fields.length; i++) { 4185 let fieldNames = [ 4186 'UTM-Source', 4187 'UTM-Medium', 4188 'UTM-Campaign', 4189 'UTM-Term', 4190 'UTM-Content', 4191 'gclid', 4192 'fbclid', 4193 'fpr', 4194 'Campaign-ID', 4195 'AdSet-ID', 4196 'referrerurl', 4197 ]; 4198 for (let j = 0; j < fieldNames.length; j++) { 4199 let paramName = fieldNames[j].toLowerCase().replace('-', '_'); 4200 if (campaignParams.has(paramName)) { 4201 fields[i].querySelector('input[name="' + fieldNames[j] + '"]').value = campaignParams.get(paramName); 4202 } 4203 } 4204 } 4205 } 4206 } 4207 let referrerUrl = getCookie('__gtm_referrer'); 4208 let referURl = ''; 4209 if (referrerUrl != '' && referrerUrl != null) { 4210 referURl = decodeURIComponent(referrerUrl); 4211 } else if (document.referrer != '' && document.referrer != null) { 4212 referURl = document.referrer; 4213 } 4214 if (referURl != '' && document.querySelector('form input[name="referrerurl"]')) { 4215 document.querySelector('form input[name="referrerurl"]').value = referURl; 4216 } 4217 if (document.querySelector('form input[name="leadsource"]')) { 4218 if (document.querySelector('form input[name="leadsource"]').value == '') { 4219 document.querySelector('form input[name="leadsource"]').value = document.getElementsByTagName('title')[0].innerHTML; 4220 } 4221 } 4222 if (referURl != '' && document.querySelector('form input[name="urlsource"]')) { 4223 document.querySelector('form input[name="urlsource"]').value = window.location.href; 4224 } 4225 } 4226 window.addEventListener('load', function () { 4227 fillHiddenFormFields(); 4228 }); 4229</script>
4229 4230 4231<!-- NEW Defer HubSpot loading -->
4232<script> 4233 window.addEventListener('load', function() { 4234 setTimeout(function() { 4235 const script = document.createElement('script'); 4236 script.src = '//js.hs-scripts.com/22774847.js'; 4237 script.async = true; 4238 document.head.appendChild(script); 4239 4240 var _hsq = window._hsq = window._hsq || []; 4241 _hsq.push(['setContentType', 'CONTENT_TYPE']); 4242 }, 1000); // Delay by 1 seconds 4243 }); 4244</script>
4244 4245 4246 4247<!-- OLD HubSpot Analytics Embed code
4248<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/22774847.js"></script>
4248 4249--> 4250<!-- OLD HubSpot Landing Page Asset code
4251<script> 4252 var _hsq = window._hsq = window._hsq || []; 4253 _hsq.push(['setContentType', 'CONTENT_TYPE']); 4254</script>
4254 4255 --> 4256<!-- Identify Atlas Users from Hubspot Form Submissions -->
4257<script> 4258 (() => { 4259 window.addEventListener("message", (event) => { 4260 const eventType = event?.data?.type; 4261 const eventName = event?.data?.eventName; 4262 4263 // Only subscribe to hubspot form events 4264 if (eventType !== "hsFormCallback") { 4265 return; 4266 } 4267 4268 // Only subscribe to the form submitted event 4269 if (eventName !== "onFormSubmitted") { 4270 return; 4271 } 4272 4273 // Get the form data 4274 const formData = event?.data?.data?.submissionValues; 4275 4276 // Check if the form submission contains an email for identification 4277 const email = formData?.email; 4278 4279 if (!email) { 4280 return; 4281 } 4282 4283 // Identify the user 4284 if (typeof window.atlas !== "undefined") { 4285 window.atlas.identify({ 4286 email: email, 4287 }); 4288 } 4289 }); 4290 })(); 4291</script>
4291 4292 4293<!-- Track button clicks to Atlas -->
4294<script> 4295 function logButtonClickByText(text, eventProps) { 4296 document.addEventListener( 4297 "click", 4298 function (event) { 4299 var currentNode = event.target; 4300 while (currentNode != null) { 4301 if (currentNode.tagName) { 4302 var isButton = currentNode.tagName.toLowerCase() === "button"; 4303 var isLink = currentNode.tagName.toLowerCase() === "a"; 4304 if (isButton || isLink) { 4305 if ( 4306 currentNode.textContent.trim().toLowerCase() === 4307 text.toLowerCase() 4308 ) { 4309 atlas.track("Button Clicked", eventProps) 4310 break; 4311 } 4312 } 4313 } 4314 currentNode = currentNode.parentNode; 4315 } 4316 }, 4317 false 4318 ); 4319 } 4320 4321 logButtonClickByText("Get A Demo", {buttonName: "Request demo"}); 4322 logButtonClickByText("Start Free Trial", {buttonName: "Start trial"}); 4323 logButtonClickByText("Log In", {buttonName: "Login"}); 4324 logButtonClickByText("Free Trial", {buttonName: "Free trial"}); 4325 logButtonClickByText("Watch The Video1:10 minSuite1", {buttonName: "Image Suite Test 1"}); 4326 logButtonClickByText("Watch The VideoSuite2", {buttonName: "Image Suite Test 2"}); 4327 4328</script>
4328 4329 4330<!-- Track Sessions -->
4331<script> 4332 (function () { 4333 var sessionTimeout = 30 * 60 * 1000; // 30 minutes in milliseconds 4334 4335 function setCookie(name, value, days) { 4336 var expires = ""; 4337 if (days) { 4338 var date = new Date(); 4339 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 4340 expires = "; expires=" + date.toUTCString(); 4341 } 4342 document.cookie = 4343 name + "=" + (value || "") + expires + "; path=/; domain=.jasper.ai"; 4344 } 4345 4346 function getCookie(name) { 4347 var nameEQ = name + "="; 4348 var ca = document.cookie.split(";"); 4349 for (var i = 0; i < ca.length; i++) { 4350 var c = ca[i]; 4351 while (c.charAt(0) == " ") c = c.substring(1, c.length); 4352 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 4353 } 4354 return null; 4355 } 4356 4357 function startNewSession() { 4358 var jasperSessionId = Date.now(); 4359 setCookie("jasperSessionId", jasperSessionId, 1); // 1 day 4360 setCookie("lastSessionEvent", jasperSessionId, 1); // 1 day 4361 atlas.identify({ 4362 sessionId: jasperSessionId, 4363 lastSessionEvent: jasperSessionId, 4364 }); 4365 atlas.track("Session started", { sessionId: jasperSessionId }); 4366 } 4367 4368 function setLastSessionEvent() { 4369 var jasperSessionId = getCookie("jasperSessionId"); 4370 var currentTime = Date.now(); 4371 setCookie("lastSessionEvent", currentTime, 1); // 1 day 4372 atlas.identify({ 4373 sessionId: jasperSessionId, 4374 lastSessionEvent: currentTime, 4375 }); 4376 } 4377 4378 function initSession() { 4379 var jasperSessionId = getCookie("jasperSessionId"); 4380 var lastSessionEvent = getCookie("lastSessionEvent"); 4381 var currentTime = Date.now(); 4382 if ( 4383 !jasperSessionId || 4384 !lastSessionEvent || 4385 currentTime - lastSessionEvent > sessionTimeout 4386 ) { 4387 startNewSession(); 4388 } else { 4389 console.log("Existing session:", jasperSessionId); 4390 setLastSessionEvent(); 4391 } 4392 } 4393 4394 window.addEventListener("load", initSession); 4395 })(); 4396 4397</script>
4397 4398 4399<!--Swiper-->
4400<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
4400 4401 4402<!-- OB CONFIG -->
4403<script> 4404 4405 const MOTION_CONFIG = { 4406 easeIn: "power2.in", 4407 easeOut: "power2.out", 4408 easeInOut: "power2.inOut", 4409 easeNone: "none", 4410 durationI: 0.1, 4411 durationS: 0.4, 4412 durationM: 0.6, 4413 durationL: 0.8, 4414 }; 4415 4416 let MM = gsap.matchMedia(); 4417 4418 const defaults = { 4419 ease: MOTION_CONFIG.easeNone, 4420 duration: MOTION_CONFIG.durationI, 4421 }; 4422 4423 gsap.defaults(defaults); 4424 4425 4426 /* 4427** LENIS CONFIG ** 4428*/ 4429 4430 const _scroll = new Lenis({ 4431 duration: 0.6, 4432 autoResize: true, 4433 }) 4434 4435 _scroll.on('scroll', ScrollTrigger.update) 4436 gsap.ticker.add((time) => { 4437 _scroll.raf(time * 1000) 4438 }) 4439 gsap.ticker.lagSmoothing(0) 4440 4441 /* 4442** FUNCTIONS ** 4443*/ 4444 4445 gsap.set('[data-start]', { autoAlpha: 1 }) 4446 4447 // Scroll end resize check (only once) 4448 function initScrollEndResize() { 4449 let hasResizedAtEnd = false; 4450 4451 _scroll.on('scroll', (e) => { 4452 const { progress } = e; 4453 4454 const footer = document.querySelector('.footer_wrap'); 4455 const check = document.body.scrollHeight !==Math.round(footer.getBoundingClientRect().bottom + window.scrollY); 4456 4457 // Check if we're at or very close to the end (98% or more) 4458 if (progress >= 0.98 && !hasResizedAtEnd && check) { 4459 _scroll.resize(); 4460 hasResizedAtEnd = true; 4461 // Flag stays true forever - no reset 4462 } 4463 }); 4464 } 4465 4466 initScrollEndResize(); 4467 4468 4469 /* 4470 // Lazy Img load 4471 function initImgLazyObserver() { 4472 document.querySelectorAll('img[loading="lazy"]').forEach((img) => { 4473 img.addEventListener('load', () => { 4474 _scroll.resize() 4475 }) 4476 }) 4477 } 4478 4479 initImgLazyObserver() 4480*/ 4481 4482 4483 // Generate frames for stop motion 4484 4485 function generateFrames() { 4486 return [ 4487 { x: 0, y: 0, rotation: 0, scale: 1 }, 4488 { 4489 x: gsap.utils.random(-5, 5), 4490 y: gsap.utils.random(-5, 5), 4491 rotation: gsap.utils.random(-1, 1), 4492 scale: gsap.utils.random(0.95, 1.05), 4493 }, 4494 { 4495 x: gsap.utils.random(-5, 5), 4496 y: gsap.utils.random(-5, 5), 4497 rotation: gsap.utils.random(-1, 1), 4498 scale: gsap.utils.random(0.95, 1.05), 4499 }, 4500 { 4501 x: gsap.utils.random(-10, 10), 4502 y: gsap.utils.random(-5, 5), 4503 rotation: gsap.utils.random(-1, 1), 4504 scale: gsap.utils.random(0.95, 1.05), 4505 }, 4506 { x: 0, y: 0, rotation: 0, scale: 1 }, 4507 ] 4508 } 4509 4510 4511</script>
4511 4512 4513<!-- OB Programmatic JS Functions -->
4514<script> 4515 pageFunctions.executeFunctions(); 4516</script>
4516 4517 4518<!-- HubSpot Tracking Script -->
4519<script> 4520 (() => { 4521 // ------------------------------------------------------------- 4522 // Shared Utils 4523 // ------------------------------------------------------------- 4524 4525 const reverseMapFromArrayValues = (originalMap) => { 4526 return Object.entries(originalMap).reduce((acc, [traitKey, formKeys]) => { 4527 formKeys.forEach((formKey) => { 4528 acc[formKey] = traitKey; 4529 }); 4530 return acc; 4531 }, {}); 4532 }; 4533 4534 const isValidEmail = (email) => { 4535 if (typeof email !== "string") { 4536 return false; 4537 } 4538 4539 const trimmedEmail = email.trim(); 4540 const emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/; 4541 const illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/; 4542 4543 if (!trimmedEmail) { 4544 return false; 4545 } 4546 4547 if (!emailFilter.test(trimmedEmail)) { 4548 return false; 4549 } 4550 4551 if (trimmedEmail.match(illegalChars)) { 4552 return false; 4553 } 4554 4555 return true; 4556 }; 4557 4558 // ------------------------------------------------------------- 4559 // Atlas Utils 4560 // ------------------------------------------------------------- 4561 4562 const isAtlasInitialized = () => { 4563 return typeof window.atlas !== "undefined"; 4564 }; 4565 4566 const waitForAtlasInitialized = () => { 4567 const timeout = 10000; 4568 const interval = 100; 4569 const startTime = Date.now(); 4570 4571 return new Promise((resolve, reject) => { 4572 let settled = false; 4573 4574 const intervalId = setInterval(() => { 4575 if (settled) return; 4576 4577 try { 4578 if (isAtlasInitialized()) { 4579 settled = true; 4580 clearInterval(intervalId); 4581 resolve(); 4582 return; 4583 } 4584 4585 if (Date.now() - startTime >= timeout) { 4586 settled = true; 4587 clearInterval(intervalId); 4588 reject(new Error("Atlas did not initialize in time")); 4589 } 4590 } catch (error) { 4591 settled = true; 4592 clearInterval(intervalId); 4593 reject(error); 4594 } 4595 }, interval); 4596 4597 // Check immediately so we don't always wait 100ms. 4598 if (isAtlasInitialized()) { 4599 settled = true; 4600 clearInterval(intervalId); 4601 resolve(); 4602 } 4603 }); 4604 }; 4605 4606 const STATIC_ATLAS_EVENT_NAME = Object.freeze({ 4607 FORM_SUBMITTED: "Form submitted", 4608 }); 4609 4610 class ProcessLock { 4611 constructor(processId) { 4612 this.processId = processId; 4613 this.lockKey = `atlas_process_lock_${this.processId}`; 4614 } 4615 4616 acquire() { 4617 sessionStorage.setItem(this.lockKey, "locked"); 4618 } 4619 4620 release() { 4621 sessionStorage.removeItem(this.lockKey); 4622 } 4623 4624 isAcquired() { 4625 return sessionStorage.getItem(this.lockKey) === "locked"; 4626 } 4627 } 4628 4629 class AtlasUserEntity { 4630 email; 4631 firstName; 4632 lastName; 4633 company; 4634 employees; 4635 4636 constructor(traits) { 4637 this.email = traits.email; 4638 this.firstName = traits.firstName; 4639 this.lastName = traits.lastName; 4640 this.company = traits.company; 4641 this.employees = traits.employees; 4642 } 4643 4644 get name() { 4645 if (this.firstName && this.lastName) { 4646 return `${this.firstName} ${this.lastName}`; 4647 } 4648 4649 return null; 4650 } 4651 4652 isIdentifiable() { 4653 return !!this.email; 4654 } 4655 4656 toTraits() { 4657 return { 4658 email: this.email || undefined, 4659 firstName: this.firstName || undefined, 4660 lastName: this.lastName || undefined, 4661 name: this.name || undefined, 4662 company: this.company || undefined, 4663 employees: this.employees || undefined, 4664 }; 4665 } 4666 } 4667 4668 // ------------------------------------------------------------- 4669 // HubSpot 4670 // ------------------------------------------------------------- 4671 4672 const HUBSPOT_EVENT_TYPE = Object.freeze({ 4673 HUBSPOT_FORM_CALLBACK: "hsFormCallback", 4674 }); 4675 4676 const HUBSPOT_EVENT_NAME = Object.freeze({ 4677 ON_FORM_SUBMIT: "onFormSubmit", 4678 ON_FORM_SUBMITTED: "onFormSubmitted", 4679 }); 4680
4681 const HUBSPOT_FORM_FIELD_SELECTOR_NAME = Object.freeze({ 4682 EMAIL: "email", 4683 FIRST_NAME: "firstname", 4684 LAST_NAME: "lastname", 4685 COMPANY: "company", 4686 MARKETING_TEAM_SIZE: "marketing_team_size", 4687 CLEARBIT_EMPLOYEES: "clearbitmetricsemployees__c", 4688 SIZE_OF_COMPANY: "size_of_comapny__c", 4689 HUBSPOT_COUNTRY_CODE: "hs_country", 4690 COMPANY_COUNTRY_CODE: "company_country_code", 4691 }); 4692 4693 const ATLAS_TRAITS_TO_HUBSPOT_FORM_SELECTOR_NAMES_MAP = Object.freeze({ 4694 email: [HUBSPOT_FORM_FIELD_SELECTOR_NAME.EMAIL], 4695 firstName: [HUBSPOT_FORM_FIELD_SELECTOR_NAME.FIRST_NAME], 4696 lastName: [HUBSPOT_FORM_FIELD_SELECTOR_NAME.LAST_NAME], 4697 company: [HUBSPOT_FORM_FIELD_SELECTOR_NAME.COMPANY], 4698 employees: [ 4699 HUBSPOT_FORM_FIELD_SELECTOR_NAME.CLEARBIT_EMPLOYEES, 4700 HUBSPOT_FORM_FIELD_SELECTOR_NAME.SIZE_OF_COMPANY, 4701 ], 4702 }); 4703 4704 const ATLAS_TRAITS_TO_HUBSPOT_FORM_SELECTOR_NAMES_MAP_REVERSE = 4705 reverseMapFromArrayValues( 4706 ATLAS_TRAITS_TO_HUBSPOT_FORM_SELECTOR_NAMES_MAP, 4707 ); 4708 4709 const HUBSPOT_FORM_ID = Object.freeze({ 4710 DEMO_FORM: "e3dc6094-7a71-45e7-8a09-30e0dad23881", 4711 }); 4712 4713 const TRACKING_EXCLUDED_HUBSPOT_FORM_ID_SET = new Set([ 4714 HUBSPOT_FORM_ID.DEMO_FORM, 4715 ]); 4716 4717 const isTrackingExcludedHubspotFormId = (formId) => { 4718 return TRACKING_EXCLUDED_HUBSPOT_FORM_ID_SET.has(formId); 4719 }; 4720 4721 const mapHubspotFormDataToAtlasTraits = (normalizedFormData) => { 4722 const mappedTraits = {}; 4723 4724 for (const [key, value] of Object.entries(normalizedFormData)) { 4725 const matchingTrait = 4726 ATLAS_TRAITS_TO_HUBSPOT_FORM_SELECTOR_NAMES_MAP_REVERSE[key]; 4727 4728 // If the form key belongs to the atlas user traits, and the value is not empty, add it to the mapped traits 4729 if (matchingTrait && !!value) { 4730 mappedTraits[matchingTrait] = value; 4731 } 4732 } 4733 4734 return new AtlasUserEntity(mappedTraits); 4735 }; 4736 4737 const normalizeHubspotFormData = (formData) => { 4738 const normalizedFormData = {}; 4739 4740 for (const [key, value] of Object.entries(formData)) { 4741 if (Array.isArray(value)) { 4742 normalizedFormData[key] = value.toString(); 4743 } else { 4744 normalizedFormData[key] = value; 4745 } 4746 } 4747 4748 return normalizedFormData; 4749 }; 4750 4751 const createHubspotFormEventListener = ({ onSubmit, onSubmitted } = {}) => { 4752 const handler = (event) => { 4753 const eventType = event?.data?.type ?? ""; 4754 const eventName = event?.data?.eventName ?? ""; 4755 4756 // Only subscribe to hubspot form events 4757 if (eventType !== HUBSPOT_EVENT_TYPE.HUBSPOT_FORM_CALLBACK) { 4758 return; 4759 } 4760 4761 switch (eventName) { 4762 case HUBSPOT_EVENT_NAME.ON_FORM_SUBMIT: 4763 onSubmit?.(event); 4764 break; 4765 case HUBSPOT_EVENT_NAME.ON_FORM_SUBMITTED: 4766 onSubmitted?.(event); 4767 break; 4768 default: 4769 break; 4770 } 4771 }; 4772 4773 window.addEventListener("message", handler); 4774 4775 return () => { 4776 window.removeEventListener("message", handler); 4777 }; 4778 }; 4779 4780 // ------------------------------------------------------------- 4781 // HubSpot Form Tracking 4782 // ------------------------------------------------------------- 4783 4784 const handleHubspotFormSubmittedEvent = (event) => { 4785 const formId = event?.data?.id; 4786 const formData = event?.data?.data?.submissionValues; 4787 4788 // Step 1: Validate the data 4789 if (!formId || typeof formData !== "object") { 4790 return; 4791 } 4792 4793 // Step 2: Check if the form id is excluded from tracking 4794 if (isTrackingExcludedHubspotFormId(formId)) { 4795 return; 4796 } 4797 4798 // Step 3: Check if the form submission is already being processed 4799 const processLock = new ProcessLock(formId); 4800 4801 if (processLock.isAcquired()) { 4802 return; 4803 } 4804 4805 processLock.acquire(); 4806 4807 try { 4808 // Step 4: Normalize the form data 4809 const normalizedFormData = normalizeHubspotFormData(formData); 4810 4811 // Step 5: Validate that the form data contains the required email attribute 4812 const email = normalizedFormData?.email ?? ""; 4813 4814 if (!isValidEmail(email)) { 4815 return; 4816 } 4817 4818 // Step 6: Map the form data to the atlas traits 4819 const userEntity = mapHubspotFormDataToAtlasTraits(normalizedFormData); 4820 4821 // If the user is not identifiable, return 4822 if (!userEntity.isIdentifiable()) { 4823 return; 4824 } 4825 4826 const userTraits = userEntity.toTraits(); 4827 4828 // Step 7: Identify the user 4829 window.atlas.identify(userTraits); 4830 4831 // Step 8: Track the form submitted event 4832 window.atlas.track(STATIC_ATLAS_EVENT_NAME.FORM_SUBMITTED, { 4833 formId, 4834 ...userTraits, 4835 }); 4836 } catch (error) { 4837 console.error( 4838 "Atlas :: HubSpot form submitted event handler failed", 4839 error, 4840 ); 4841 } finally { 4842 if (processLock.isAcquired()) { 4843 processLock.release(); 4844 } 4845 } 4846 }; 4847 4848 const initializeHubspotFormTracking = async () => { 4849 // Step 1: Check if Atlas is initialized before proceeding
4850 try { 4851 await waitForAtlasInitialized(); 4852 console.log("Atlas :: Initialized"); 4853 } catch (error) { 4854 console.error("Atlas :: Failed to initialize", error); 4855 return; 4856 } 4857 4858 // Step 2: Create HubSpot form event listener 4859 createHubspotFormEventListener({ 4860 onSubmitted: (event) => handleHubspotFormSubmittedEvent(event), 4861 }); 4862 }; 4863 4864 initializeHubspotFormTracking(); 4865 })(); 4866</script>
4866<script> 4867function fillWithSquares(containerClass, squareClass, width, height) { 4868 const container = document.querySelector(`.${containerClass}`); 4869 4870 // Get container dimensions 4871 const containerWidth = container.clientWidth; 4872 const containerHeight = container.clientHeight; 4873 4874 // Calculate how many squares we need (minimum) 4875 const squaresPerRow = Math.floor(containerWidth / width); 4876 const rows = Math.floor(containerHeight / height); 4877 4878 // Calculate actual dimensions to fill the container completely 4879 const actualSquareWidth = containerWidth / squaresPerRow; 4880 const actualSquareHeight = containerHeight / rows; 4881 4882 const totalSquares = squaresPerRow * rows; 4883 4884 // Create and append squares with calculated dimensions 4885 for (let i = 0; i < totalSquares; i++) { 4886 const square = document.createElement('div'); 4887 square.className = squareClass; 4888 square.setAttribute("data-block-item", true); 4889 4890 // Set dimensions to fill the container exactly 4891 square.style.width = `${actualSquareWidth}px`; 4892 square.style.height = `${actualSquareHeight}px`; 4893 square.style.boxSizing = 'border-box'; 4894 4895 container.appendChild(square); 4896 } 4897 4898 // Make sure container uses CSS Grid for perfect alignment 4899 container.style.display = 'grid'; 4900 container.style.gridTemplateColumns = `repeat(${squaresPerRow}, 1fr)`; 4901 container.style.gridTemplateRows = `repeat(${rows}, 1fr)`; 4902 container.style.gap = '0'; 4903} 4904 4905fillWithSquares('header_grid', 'hero_main_grid_block', 40, 25); 4906 4907 // Refill on window resize 4908 4909</script>
vendor: 1 bytes, line 4909
4909
4910<script> 4911 window.addEventListener("load", function () { 4912 window.loadAtlas().then(function () { 4913 waitForSelectorClick("#w-tabs-0-data-w-tab-0", function () { 4914 atlas.track("Plan toggle clicked"); 4915 }); 4916 waitForSelectorClick("#w-tabs-0-data-w-tab-1", function () { 4917 atlas.track("Plan toggle clicked"); 4918 }); 4919 }); 4920 }); 4921</script>
4921</body></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.